jw_speakup_inspiration

Explorations of Uses of Grids:
[|Wall] || An experimental use of the grid. Although this is created all in CSS, the use of illustrations and hand-drawn menus create a more personalized, creative feel to the grid. ||
 * = [[image:grid07.jpg width="305" height="183"]] || [|Mark Boulton Design] || The explicit grid is beautifully used to create hierarchy; the top row is 1 column, the second row is 2 column and the third row is 4 columns. I also liked the use of white space, and the grid isn't boxed in with any harsh lines. ||
 * = [[image:grid06.jpg width="318" height="201"]] || [|Rainefall Daffinson] || The use of the grid here is used to create structured repetition; I like how different links is alloted their own space and gives an equal relationship to each other (not one item is dominating). ||
 * = [[image:grid05.jpg width="305" height="191"]] || [|Humanized] || The element of dominance is used in this design with much success; the colour scheme used also works to highlight the grid. ||
 * = [[image:grid01.jpg width="300" height="234"]] || [|Corking Design] || The color scheme here is also working to aid the grid, but also aids the hierarchy. This website is also more horizontal orientated, oppose to the other's vertical grid. ||
 * = [[image:grid08.jpg width="307" height="176"]] || [|Thigpen Designs] || Another example of a strong horizontal grid; I find that horizontal divisions work best when there is a central message to grasp, as this website shows. ||
 * = [[image:grid04.jpg width="297" height="206"]] || [|Good Magazine] || A website with much more content; although a more complicated grid is used, the site is still organized, and the basic white allows coloured boxes to really stand out. ||
 * = [[image:grid09.jpg width="297" height="131"]] || [|Fisticuff Design] || A more stylish use of a grid; the use of centering content is used, which creates a more prominent feeling (unlike the simple flush left tag). ||
 * = [[image:grid10.jpg width="285" height="153"]] || [|Web Designer]

Explorations of Interactive Websites:

 * [[image:grid02.jpg width="280" height="159"]] || [|Elbows] || A website that gathers posts, news and clips on musical acts. There is a strong emphasis of analyzing/charting the top musical acts and stories. ||
 * [[image:grid03.jpg width="304" height="166"]] || [|Stock Exchange of Visions] || A website that posts video recordings of influential visionaries. I like how the user can search videos by speaker, topic, ratings, most viewed, etc., ||
 * [[image:colourlovers.png width="298" height="227"]] || [|Colour Lovers] || An interactive website that organizes the visitor's favourite colours, palletes and patterns. There are a lot of clusters, but the grid is used well to keep the structure. ||