Weel Thirteen - Seo

When I first got this project, I instantly thought doing my project about Michael Jackson. He is the one of my favorite singers and his moves and music are extremely energetic that I think this will be good for making magazine about him.

Pictures

I tried to avoid pictures that are lower than 300 pixels. Most of my images I used in this project are more than 800 pixels. One of the images that I used on the right side of first spreadsheet is from Vogue magazine in 2007. The image was relatively low to place only a single image. I used all three images from Vogue to make a one page cover.
The most interesting pictures that I found was my cover face. The size was perfect for to cover the single page by itself (1500 pixels) and this was a face of Michael Jackson by drawing with pencils.

Typefaces

First of all, I used Blackoak Std for my title of magazine “ZEA!?” Because I looked for some typeface that looks very condensed and has strong feeling on it. For the body text I used Caslon and it was really easy to use because they categorized with different purpose of uses: heading or body texts and also the body texts are easily to read. Other sub headings such as the side bar, or anything other than body texts, I used Folio Std and Frutiger LT Std because it really matches with my magazine title and I do not want to use the same typeface for heading.

Design

I tried to keep the same design concept with the original magazine. However, it places two magazine ads in the article and I decided to move those. Basically, the magazine illustration was done by Andy Warhol who is one of my favorite illustrate designers. Thus, I decided to go to similar concepts with the design pattern he used with different pictures. The other spread sheet, I inserted side bar which I collected all the celebrities quotes about Michal Jackson and other page I put a huge Michael Jackson’s silhouette image in the middle.

Week Eleven, Stefaniak

What's a better way to prove that a website layout is successful than visiting it the most? In searching for a good website for this post, I realized that the website I most frequently visit is the one that must have the best design; otherwise why else would I continuously return? Etsy.com, the homemade item version of Ebay, has a great web layout. Along the left-hand side is a bar with the categorical navigation, along the top are the different broad subdivisions, and in the body is an ever-changing array of items the viewer might like according to the day. The website follows a nice grid design, which can be easily seen, in addition to keeping a narrow layout that doesn't make the visitor feel as if they're reading lengthwise for days. All of these correct uses of web design allow the website to be so successful, a crucial need for websites in today's world.

Week Ten | Stanislaus

A calender is a good example of a grid. It breaks space or time into regular units through its use of blocks for the days in a week. It is a simple, specific grid. One is able to put there information for each day in specific spot for a specific week. I feel that a calender is a pretty vivid example of a grid.

Week Ten, Stefaniak

In this design, I've found the grid system to be quite useful. Though the grid usually isn't made visible to the viewer and is instead presumed to be there, this grid can be clearly seen. The lines of the grid are white, thin, and numerous, giving clarity to the design. Since every box contains a different pattern that together forms the full picture of a wolf, the grid proves itself to be very useful. If the grid wasn't there, then the entire picture probably would've looked like messy as a mesh of different patterns. Instead, the grid pattern provides visual interest and aids continuity, a Gestalt principle, for the design.

Rinder-Week 10

I think this is a good example of a grid layout. The entire layout is simple, yet readable. The grid breaks up the space of the phone into small units for a simpler way to arrange the content.

Each number/letter button is located in its own space. The buttons are equally spaced apart and follow a clear 3 by 4 grid format.

The viewer is guided by the grid, unlike if the numbers were scattered randomly.