3. Sight is a filtering process: (01)
• http://www.asiapac.com.au/Links/Design.htm#USABILITY
• In general how do we see?
– Movement
– Edges / silhouettes
– Brightest areas
– Most saturated areas
– Things that stand out
4.
5. Sight Filtering 02
How do we scan a picture with our eyes?
• We see a few prominent features
• The brain orients itself
• In the second pass review secondary
prominent features more intensively
6. Structure & Comprehension
• More structure composition easier
comprehension
• More unstructured = the more that eye must
seek
7.
8. How do we create designs that are appropriate
and appeal to the target audience?
• Perceive its content as a unit, everything
should complement and comment on each
other
• Be consistent
• Decide according to reach her a group of
structured or how frivolous your screen
composition should be
9.
10. Three basic principles of visual
communication: Aaron Marcus
• Organization principle: give the user simple
clear and consistent conceptual structure
• Economic principle: maximize efficiency of a
minimal set of resources (less is more)
• Communication principle adapt your
presentation to the users capacity to
comprehend
11. A glace back at basic design
• Shapes
• Mass
• Texture
• Color
• But remember you need to integrate this all to
meet the functionality of the interface
27. Less is More
• http://www.barbaracarneiro.com/index.html
28. Figure ground relationships:
• Background = the framework in visual
stopping point
• The differentiation from fore ground objects
from their background is known as a figure
ground relationship
30. Rules for Effective background use
• Be thematic and provide a visual framework
the user can understand
• Don’t dominate, distract, or destroy the
harmony of the foreground (and worst it
should be neutral, at best it would
complement the foreground)
31. Rules for Effective background use
• A small object in front of a large background is
perceived more readily as a figure.
• Work with large areas and few bright colors
for your background.
• Also use blur, continuing shape, cool colors,
and haziness for your backgrounds.
32.
33. Gestalt laws
• Proximity: elements near each other belong
together
• Similarity: objects that look similar “belong
together”
• Symmetry: Elements that are range
symmetrically to each other are interpreted as
a unit
• Continuity: our eyes perceive edges
34. Gestalt laws
• Common Fate: Elements with the same moving
direction are perceived as a collective or unit.
• Simplicity: visual perception tends towards
simple consistent organization of elements
• Experience: eyes will tend to see things that we
have had experienced seen before. One example
of this is the face on Mars.
• Closure: The mind (fills in the blanks to) complete
a regular figure
55. Orange
• Warmth, liveliness, exuberance, wildness,
energy, activity, attention, courage,
treasonous, sociability, fun, happiness,
enjoyment, artificiality, safety
• Styles: Unpopular in Europe, associated with
cheap plastic from the 1970s. The color of
Buddhism. In Japan and China stands for
happen as, Hebraic culture it’s the color of
splendor.
58. Yellow
• Sun, warmth, brightness, cheerfulness, liveliness,
frivolity, happiness, optimism, family Ms., sense
of honor, value, gold, royalty, jealousy, Envy,
Malevolence, annoyance, cowardice,
untruthfulness, stinginess, egotism,
obtrusiveness, social devaluation
• Styles: American Indians: the color that, China:
color of the emperor, Hebraic culture: beauty,
Japan: charm and grace. Middle East: joy and
prosperity
59.
60. Green
• Nature, vegetation, growth, opulence,
freshness, health, youth, peace and quiet,
balance, relaxation, recuperation,
peacefulness, security, hope, plays in,
bitterness, sourness
• World Region: Irish: National color, Fertility &
life. In France it is an unlucky color. Hindu – it
is the color of death
61.
62. Blue
• Expanse, Depth, infinity, eternity, yearning,
tranquility, harmony, intuition, balance, spirit,
credibility, faithfulness, trust, friendly, friendship,
achievement, seriousness, sympathy, masculinity,
sportsmanship, coolness, passiveness, lack of
motion
• World Region: Japan: scoundrels & villains,
Buddhists: Coolness & wisdom, Middle East:
Fidelity & truth, Almost All Religions: Divine
color, color of the sky
63.
64. Purple
• Dominion, power, sacredness, piety, nostalgia,
magic, seclusion, self centeredness, vanity,
decadence, extravagance, on conventionality,
loneliness, contentedness, grief, passion,
humility, feminism
• 1900: popular in the US. Feminist movement
in the 1970s
65.
66. Pink
• Delicate, soft, gentle, sensitive, baby,
delightful, naive, mild, feminine, charm,
polite, vain, tender, romance, sweet.
• Insulation, pink panther, German company
uses (magenta) as its corporate color
67.
68. Brown
• Indigenous, earthy, close to nature, aromatic,
old fashioned, and daring, well adjusted,
simple, commonplace, cozy, boring, mediocre,
stupid, lazy, unappealing, autumn, transitory,
spoiled
• In the West one of the most disliked colors,
but it can be positive: Fresh bread, coffee,
leather, wood
69.
70. Black
• Elegant, dignified, heavy, powerful, night, lonely,
empty, Sigrid, forbidden, impenetrable, magical, evil,
crucial, hard, unfriendly, negation, conservative,
Negation , morning, melancholy, egoism
• West: Bad association, also elegant, pirates, anarchists
• Black in Africa: Beautiful
• Buddhism: The color of oppression
• China: Yin, symbolizes winter & water
• Hindus: Color of decline