Psychology of Psychology of DesignDesign

MAT122MAT122

Introduction to Web Introduction to Web DesignDesign

Elements of Web DesignElements of Web Design

ColorsColors ShapesShapes FontsFonts

Guess the ColorGuess the Color

PowerPower PassionPassion LoveLove AggressionAggression DangerDanger

RedRed

Guess the ColorGuess the Color

EnergyEnergy BalanceBalance WarmthWarmth

OrangeOrange

Guess the ColorGuess the Color

OptimismOptimism HopeHope PhilosophyPhilosophy CowardiceCowardice

YellowYellow

Guess the ColorGuess the Color

NatureNature HealthHealth Good LuckGood Luck

GreenGreen

Guess the ColorGuess the Color

TrustTrust ConservativeConservative SecuritySecurity TechnologyTechnology

BlueBlue

Guess the ColorGuess the Color

Spirituality Spirituality RoyaltyRoyalty MysteryMystery

PurplePurple

Guess the ColorGuess the Color

PowerPower SophisticationSophistication DeathDeath

BlackBlack

Guess the ColorGuess the Color

PurityPurity InnocenceInnocence CleanlinessCleanliness PrecisionPrecision

WhiteWhite

Guess the ShapeGuess the Shape

ConnectionConnection CommunityCommunity WholenessWholeness MovementMovement SafetySafety

CircleCircle

Guess the ShapeGuess the Shape

OrderOrder LogicLogic SecuritySecurity

RectangleRectangle

Guess the ShapeGuess the Shape

EnergyEnergy StrengthStrength BalanceBalance LawLaw ScienceScience

TriangleTriangle

Guess the FontGuess the Font

FormalFormal OrganizationOrganization IntellectIntellect

SerifSerif

Times New RomanTimes New RomanCentury SchoolbookCentury SchoolbookGaramondGaramond

Guess the FontGuess the Font

Less-FormalLess-Formal WarmWarm FriendlyFriendly

Sans-SerifSans-Serif

ArialArialVerdanaVerdanaImpactImpact

Guess the FontGuess the Font

TypewrittenTypewritten OldOld RetroRetro

Mono-spaceMono-space

Courier NewCourier New

Guess the FontGuess the Font

Character to its OwnCharacter to its Own Wide Range of EmotionsWide Range of Emotions

DecorativeDecorative

Space ToasterSpace ToasterCreepyCreepyOrbus MultiserifOrbus Multiserif

Guess the FontGuess the Font

EleganceElegance SophisticationSophistication PersonalPersonal

ScriptScript

Shelley VolanteShelley VolanteBrush ScriptBrush ScriptFrench ScriptFrench Script

Putting it TogetherPutting it Together

ContrastContrast ConsistencyConsistency AlignmentAlignment GroupingGrouping