Icons, Logos, Symbols, Photographs, and Other Images

1. Type only logo
2. Symbol only logo

3. Type plus symbol logo

4. Textual identity or identifying phrase

"I'm Lovin' it!"

5. Religious icon

6. Non-religious icon with symbolic or cultural significance


7. Cropping of photograph to add emphasis or interest

8. Documentary photograph


9. Collage or photo essay

10. Photo or image using stereotypes

11. Political cartoon


12. Educational or instructional cartoon

13. Text or image showing intertextuality

Photo + puppets

14. Color to attract attention or create an atmosphere

15. Color to develop associations or aid retention

McDonalds: think red and yellow

Drawings, Charts, and Graphs

1. Caption

2. Textual citation or reference to table or figure


3. Table with text or numbers

4. Flow chart or process diagram

5. Organizational chart

6. Conceptual diagram

7. Framing with lines or boxes
8. Bar graph
9. Line graph

10. Pie chart
11. Pictograph

12. Ineffective graph


13. Chart junk or unethical graphic


14. Line drawing

15. Drawing using call-outs

16. Exploded view, cross section or blow up


17. Lines or images representing motion


18. Lines or images representing boundaries or divisions
19. Lines or images representing texture

20. Silhouette

Layout

1. Good use of white space


Good link for more information on "white space"

2. Poor use of white space

Great before-and-after web page design link

3. Portrait orientation


4. Landscape orientation



5. Single column grid


6. Double or triple column grid

I wondered if this image (below) could be considered both
a single-column and a triple column grid. The reason is
that the pictures are in three columns, but the overall effect
is oneness (not to mention the text is all in one column).

More info about grids

7. Mixed column grid



8. Heading flush with the text


9. Marginal heading

The heading (title) of this site is over the margin
(though not technically part of the margin itself).

10. Numbers or letters used for a list


11. Bullet, arrow, or other highlighting cue

12. Drop cap (initial character takes up more than one line)


13. Good ordering of information (showing relationship)



14. Poor ordering of information (no relationship or emphasis)


15. Citation style (i.e., MLA) or other visual convention

Footnotes with citation information:

16. Title and section head

17. Tabs or dividers


18. Headers or footers


19. Background/watermark

Background

Background

20. Frame using solid or dotted lines

Attractive web design layouts:

Chocolate website design