1. Good use of whitespace: I really like the layout of Overstock.com. There is a lot of whitespace but it actually helps to highlight the product being sold. Also the use of red is helpful in navigating the whitespace to the important parts of the page.
2. Poor use of whitespace: there is so much whitespace that my eye gets confused as to what to do first: should I look at the logo? Or the building at the bottom? Or read the text?
3. Portrait BYU poster
4. Landscape BYU poster
5. Single column grid from http://www.bibledesignblog.com/2009/09/another-inside-look-nelsons-kjv-singlecolumn-bible.html
7. Mixed Column grid: I am not sure if this is a good example, but here you see two distinct columns which are actually made up of different sized frames which kind of gives the illusion of having multiple columns within the columns. From frankenblogmeetsthewolfman.blogspot.com/
8. Heading flush with text: while the title of the fake paper is centered, the date and the heading are flush with the text.
9. Marginal heading
10. Numbers or letters: a clever poster explaining the "10 Commandments of Phlebotomy" using roman numerals to set off each section. From http://www.phlebotomy.com/
11. Bullets: a political campaign poster with bullets to draw attention to the candidate's platform. From http://www.blogforarizona.com/
12. Drop Cap:
13. Good ordering of Information: this website is about immigration and it is very user friendly. The navigation bar is at the top and the options below the picture are in an eye catching color. It is easy to see what the website is about and find the link you want.
14. Poor ordering of Information: this website is also about immigration, but it is really hard to navigate. The menu has far too many options and the rest of the information is below the fold of the homepage.
15. Citation: while this is also an example of a watermark, it is now a convention to cite the original creator or owner of a photo by using a watermark or other symbol on the image.
16. Title and section head: After the title of the survey, the first section is labeled "Introduction"
17. Tabs or dividers: I wish it were a little larger, but this screen shot shows actual tabs to bring the reader to different pages. The tabs are next to the "Be the Buyer" logo and they read "Vote" "Available Now" and "Coming Soon." The grey/blue color of the tabs make them stand out.
18. Footer: this image runs along the bottom of each page of this website:
19. Watermark
20. Frame using solid or dotted lines: the white solid lines separate the pictures into small grids.
No comments:
Post a Comment