Journal 10

1. Type only logo

2.Symbol only logo

3. Type plus symbol

4. Identifying phrase

5. Religious icon

6. Icon with cultural significance

7. Cropping a photo to add interest

8. Documentary photograph

9. Photo essay

10. Stereotypes

11. Political cartoon

12.  Instructional cartoon: School House Rock

13. Intertextuality: T-shirt refers to Judith in Bible and also Gentileschi's painting

14. Color to create atmosphere: spa logo uses soothing, tranquil colors

15. Color to aid retention: the AIDS (Red) campaign used the color red for recognition and information retention

List 9

 1 . Caption

2. Citation or reference to figure

3.Table with text/numbers

4. Flow chart: my friend made this funny dating flow chart:

5.Organizational Chart: we got these all the time in seminary!

6. Conceptual Design

7. Framing: This website used gray boxes to frame the graphics

8. Bar Graph

9. Line Graph

10. Pie Chart: I think this is a good pie chart. The contrast between sections is pretty good and the labels are clear

11. Pictograph

12. Ineffective/Wrong graph: I think pie charts are the most misused.  This one is hard to read and understand and would be better off as a bar or line graph or simply as a list of information.

13. I have seen a few of these Multi Depth Pie charts, and I don't think they are fair because the 10 and 12 percent slices look the same height and it is hard to visually see the difference in the two aside from the different colors.

14. Line Drawing: because pictures are universally understood, I thought of the line drawings that are often in instruction manuals.

15. This pie chart only has a few call outs that identify each part of the chart.

16. Cross section graphs were used ALL the time in the PS 100. They are a must in Geology.

17. Motion: I stumbled across this today and thought it was intriguing.  Click here to see an example of new Google Motion Charts.  It is an interactive graph that depicts information over time with motion!
http://code.google.com/apis/visualization/documentation/gallery/motionchart.html#Example

This is probably a more traditional example of motion. To show motion, many times lines or images are blurred:

18. Boundaries: here is an image showing the zip code boundaries for Utah

19.Texture: I have this template for one of my other blogs.  I like it because it looks like silky fabric. Texture is really popular on a lot of blog layouts right now--many of them look like scrapbook pages.

20. Silhouette: I love the look of silhouettes.  We had some made of my husband and myself and our dog that are hanging on our wall.

Unenthical Ads

Sex Sells

True, but these women look like they are enjoying more than just a burger.

Violence Sells?

It's not just violence towards women either.  I censored the last one...

Seen on BYU campus:

Journal 6

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

6. Triple column

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:

http://www2.cybergolf.com/sites/courses/layout9.asp?id=359&page=9308

19. Watermark

20. Frame using solid or dotted lines: the white solid lines separate the pictures into small grids.