I looked at about a dozen blog template websites, including the ones provided in the lesson and a few others. I finally decided on this one from Mashable.
The new template uses a 3 column layout. It is very different from the other layout, considering the style, colors, and general layout. The grid is a 3-column grid as well, with a large center column and narrow right and left columns for sidebar information.
As far as contrast goes, in some ways, this layout is very low contrast, but it does use a darker shade of green to highlight the heading area. The flowers trailing over the top and sides also provide a sense of unity as they tie things together.
The size of the header title and post titles keep the reader focused and keep the eye moving in the right direction.
While this template is very busy, the use of space is done in a manner that keeps the focus where it needs to be, but in a more relaxed manner than some other blog templates I looked at. This was the look and feel that I wanted.
As far as proximity, on this template, besides using a different green to designate the sidebar and header, the information within the columns is centered. I also noticed that the template, for the most part, when sized down, tries to keep the center column and "surrenders" the right sidebar if necessary. Therefore, as a designer it would be critical to put the least important information in that right sidebar.
Repetition is used heavily on this template, from the various greens to the repetition of the floral flourishes. If you look at the sidebar, the flourish shadows over into the sidebar. In the center column, the flourish element is repeated in a faded white, adding more depth and dimension to the design.
Overall, I really like this design. I think that it is a strong example of how one can get creative. I would dearly LOVE to learn how to make these kinds of blog templates, for my own blog, where I post on a regular basis. I use Wordpress, so these designs
are not always available. I'm really looking forward to learning more in this class!
0 comments:
Post a Comment