Template Design

Thursday, September 25, 2008
So, this particular template seems to be one of the cleanest provided by blogger. Very simple, lots of white space and clean lines. I like it. The edits that I made were small. I placed the "about me" section at the bottom, and used bold on the post fonts. I also changed the colors of the links and text to colors within the same family. I have been using blogger for years, but I was completely unaware of the huge upgrades that they have done the to system - it is amazing what you can do to edit the templates now with such little knowledge of code. Thanks for showing me, as I was clueless.

Columns: I think this is a three column design, where the two right hand columns are merged into one. Leaving the layout with 1/3 for links on the left and 2/3 for blog posts on the right.

Grid: In terms of a grid - It is very simple, with a basic 4 quadrant grid and the layout is evenly spaced.

Design principles:
Contrast: The contrast is strong from the white background to the dark post and title fonts. The contrast is lighter on the dates and miscellaneous and less important information such as the "posted by" info.

Size: The size of the text definitely corresponds to each specific element. Of course they are all the same for each element - all the post titles are the same size, the post text is the same size etc. The title of the blog "Grafik Grl" is the largest font as it is the brand for the blog.

Space: There is extra space around the title of the blog and the subtitle, separating it from the rest of the page. As a result, they are highlighted by the space around them. There is also nice space to separate the columns and the posts without using big lines or distracting marks.

Proximity: The proximity of the title to the subtitle, indicate that they should be read together. The post tile and the post text are also in close proximity, illustrating which title goes with which post. The date of the post is less important, so it is in a low contrast and small, however it is in close proximity to the post of each day.

Repetition: The use of clean lines is repeated throughout this design. The title and subtitle, as well as the "about me" image is outlined or "framed" in a clean lined box. Thin lines are also repeated in the same color separating the different sections of links and posts.

Screenshot:

0 comments: