01 Visual Literacy

The web is a design language, and more of you are not Parsons’ students, it become clear that some students need to know something about principles of design.

Much visual literacy on the web is standardized, so you can copy your way, without knowing exactly what you are copying.

Visual literacy goes beyond how something looks. It makes communication more effective.

Visual literacy is used to solve problems in communication. This is a lot like structuring an argument in the academic essay, where reason supplants opinion. Instead of finding causes and reasons why, or a genealogy, bringing visually literate structuring to the communication makes the message more engaging, apparent and clear.

To that end, I’ve assembled a number of links to help develop visual literacy.

Fundamentals

design notes:

  1. color
  2. concept
  3. form
  4. content
  5. figure & ground
  6. balance
  7. proportion
  8. unity
  9. elements

Inspiration

Use the following resources to explore your site design. Be inspired — copy, borrow, steal — but make sure that whatever you take, you make your own. The top priority is to effectively communicate the content.

  1. Design Inspiration
  2. Inspirational Sites
  3. Design History
  4. Rijks Studio
  5. Visual Literacy
  6. WookMark images
  7. Fonts in Use

Type

The last frontier of web design has been typography. Typography remains elusive for many, so I’ve gleaned useful links to explain the basics in the following typographic resource.