Design Phase : UI/Layout
This is my 2nd post on my way to build my own portfolio site. If you want to see my (groundbreaking) 1st post, here it is
So far, I've been trying to make up a design and layout for my site. (Disclaimer: I'm a functional developer and this is my excuse to say I'm not a UI guy!)
I've started going mano-a-mano, sketching and drawing by pencil and paper. I couldn't really create a design from inspiration so I just mocked up something based on what makes sense to me in terms of functionality and simplicity. I'd have to apologize for the very poor image, I don't know how best to enhance images yet, but here are my sketches -
Then, after about 4 hours of looking into Bootstrap, playing around with HTML, here's what my actual page looks like -
I'd say it ain't so bad. The page itself is all HTML 5 compliant and Bootstrap-styled. The template is based from the Boostrap: Cosmo theme and I just adjusted some CSS to my liking.
Some site's I really found are the following -
On my next post, I will be talking about the functional-side of things - AngularJS, MVC 4, my solution structure - all that fun stuff.
/* TODO: Until then, keep coding (message to self). */
Cheers,
Stephen
No comments:
Post a Comment