Psychology of Design MAT122 Introduction to Web Design
Elements of Web Design Colors Colors Shapes Shapes Fonts Fonts
Guess the Color Power Power Passion Passion Love Love Aggression Aggression Danger Danger
Red
Guess the Color Energy Energy Balance Balance Warmth Warmth
Orange
Guess the Color Optimism Optimism Hope Hope Philosophy Philosophy Cowardice Cowardice
Yellow
Guess the Color Nature Nature Health Health Good Luck Good Luck
Green
Guess the Color Trust Trust Conservative Conservative Security Security Technology Technology
Blue
Guess the Color Spirituality Spirituality Royalty Royalty Mystery Mystery
Purple
Guess the Color Power Power Sophistication Sophistication Death Death
Black
Guess the Color Purity Purity Innocence Innocence Cleanliness Cleanliness Precision Precision
White
Guess the Shape Connection Connection Community Community Wholeness Wholeness Movement Movement Safety Safety
Circle
Guess the Shape Order Order Logic Logic Security Security
Rectangle
Guess the Shape Energy Energy Strength Strength Balance Balance Law Law Science Science
Triangle
Guess the Font Formal Formal Organization Organization Intellect Intellect
Serif Times New Roman Times New Roman Century Schoolbook Century Schoolbook Garamond Garamond
Guess the Font Less-Formal Less-Formal Warm Warm Friendly Friendly
Sans-Serif Arial Arial Verdana Verdana Impact Impact
Guess the Font Typewritten Typewritten Old Old Retro Retro
Mono-space Courier New Courier New
Guess the Font Character to its Own Character to its Own Wide Range of Emotions Wide Range of Emotions
Decorative Space Toaster Space Toaster Creepy Creepy Orbus Multiserif Orbus Multiserif
Guess the Font Elegance Elegance Sophistication Sophistication Personal Personal
Script Shelley Volante Shelley Volante Brush Script Brush Script French Script French Script
Putting it Together Contrast Contrast Consistency Consistency Alignment Alignment Grouping Grouping