Moving into Fireworks, I've now started working on the grid and information architecture of my personal website.
The darker sections are the more important elements whilst the lighter sections less so. The order of each section reflects the importance of the content (to me).
Like most websites, I'm adopting the 960 grid system for simplicity and flexibility, 20px gutters between each section, double for each group of sections for clear separation.
I'm not focussing on colour, style or typography at this stage, just layout of the content. It helps me to not get distracted by the aesthetics.
I like the order of content, i kind of do this with clients, but i create a pie chart of the preference of content the wants client vs what the user wants. You get some interesting results. Though client always wins.
What goes in "Other", just sayin', as im sure you will be pulling back istagram thumbs, and you dot want he bottom right to look too heavy.
Thanks for the feedback, Gaz. It's good to know I've got the order right.
The "Other" section will be monochrome icons of my social graph online, linking to profiles like Facebook, Flickr, Google+, Skype etc. Like you say, I don't want to clutter the space, especially with all the images from Dribbble and Instagram, but I want to offer quick access to my other locations.
3 Responses
Moving into Fireworks, I've now started working on the grid and information architecture of my personal website.
The darker sections are the more important elements whilst the lighter sections less so. The order of each section reflects the importance of the content (to me).
Like most websites, I'm adopting the 960 grid system for simplicity and flexibility, 20px gutters between each section, double for each group of sections for clear separation.
I'm not focussing on colour, style or typography at this stage, just layout of the content. It helps me to not get distracted by the aesthetics.
8 months ago
I like the order of content, i kind of do this with clients, but i create a pie chart of the preference of content the wants client vs what the user wants. You get some interesting results. Though client always wins.
What goes in "Other", just sayin', as im sure you will be pulling back istagram thumbs, and you dot want he bottom right to look too heavy.
G man
8 months ago
Thanks for the feedback, Gaz. It's good to know I've got the order right.
The "Other" section will be monochrome icons of my social graph online, linking to profiles like Facebook, Flickr, Google+, Skype etc. Like you say, I don't want to clutter the space, especially with all the images from Dribbble and Instagram, but I want to offer quick access to my other locations.
8 months ago