Quote

“Visual design is the emotional bridge between functionality and human experience.” – Kim Cullen

Visuals + Text = Synaesthesia

Advertisements
Quote

Self Similarity
A property in which a form is made up of parts similar to the whole or to one another.

I’ve seen this one before; the image of the Mona Lisa recreated using a variety of specially selected images to match the correct color hues in the painting – incredible.  There is another one our saw recently of Martin Luther King image recreated by rearranging colors of the Rubiks Cube.  This recreation includes a process called recursion (naturally occurring self-similarity)

I would be great if I can find and opportunity to use this design principle when incorporating story telling in my E-Lessons!!

Self Similarity

Mnemonic Device

Mnemonic Device
Great for designing company logo’s, or coming up with a brand identity to make it memorable but in a way that is out of the ordinary, exaggerated.  In creating my e-lesson, I sometime look for a visual identity to a module or a topic I teach, this Mnemonic Device method has inspired me to look at designing a signature image for e-lessons rather than using stock photo – be more creative!  Things I will keep in mind when designing:

  • First Letter – Create Catchy Phrases or Acronyms to assist in remembering important words i.e. to remember the arithmetic order of operations: Parenthesis, Exponents, Multiplication, Division, Addition, Subtraction can be remember by this catchy phrase “Please Excuse My Dear Aunt Sally”
  • Key Word- for example the AFLAC Commercial that uses the word and makes it sound like a duck (Duck in the advertising is the bridging image)
  • Rhyme – Use rhymes to remember i.e. I will never forget my elementary school grammar teacher taught me “I before e, except after c”  I still use it to remember.  Or that clever song to remember the provinces of Canada are “fun to remember” LOL
  • Feature Name –A word that is related to the image/ object i.e. Volkswagon Beetle names after a Beetle again serving as a bridging image when you take its biological name sake and combine it with the care itself.

Horror Vacui

Horror Vacui
Had to read about this one, it implied shopping and window displays of clothing shops!  I love to shop so my curiosity was peaked not to mention the interesting name, LOL.

Horror Vacui refers to the fear of emptiness (opposite of minimalist) and the value perception; that is as Horror Vacui increases Value decreases or increases.  Depending on who is viewing this; the person who is accustomed to having more – Less is more, for the person who is accustomed to having less, more is more.  This is why bulk shops try to fill stores and displays as much as possible and sell for less while boutique shops take a minimalist approach and sell for more.

In designing my e-lesson, I will apply the “Less is More” approach to reduce clutter, create clarity and better understanding of content through less images of higher quality.

Face-ism Ratio

Face-ism Ratio
This image appealed to me as most of my lessons involve people and interactions. I use many images of people interacting with one another as well as video’s using our team members.  Image perception is important in the visual design of my E-Lessons  especially as it related to certain topics.  In this section I learned that the higher the Face-ism ratio (close to the face itself) more focus and attention is on the person’s intellectual and personality attributes, where as the lower the Face-ism ratio, more focus and attention is on the physical and sensual attributes of the individual.

To calculate the Face-ism ration:

  1. take the head height (top of head to bottom of chin) and divide by
  2. the total visible height (the top of head to lowest visible part of body)
  • Image without face = 0 Fascism Ratio (lowest) Used for Ornamental interpretations/ association
  • Image with only a face = 1 Face-ism Ration (highest) Used for thoughtful interpretations/ associations

The closer the score is to 1, the more likely the perception will be that the image represents a more dominant, intelligent and ambitious individual and vise versa.