1. Psychology of Design MAT122 Introduction to Web Design

2. Elements of Web Design Colors Colors Shapes Shapes Fonts Fonts

3. Guess the Color Power Power Passion Passion Love Love Aggression Aggression Danger Danger

4. Red

5. Guess the Color Energy Energy Balance Balance Warmth Warmth

6. Orange

7. Guess the Color Optimism Optimism Hope Hope Philosophy Philosophy Cowardice Cowardice

8. Yellow

9. Guess the Color Nature Nature Health Health Good Luck Good Luck

10. Green

11. Guess the Color Trust Trust Conservative Conservative Security Security Technology Technology

12. Blue

13. Guess the Color Spirituality Spirituality Royalty Royalty Mystery Mystery

14. Purple

15. Guess the Color Power Power Sophistication Sophistication Death Death

16. Black

17. Guess the Color Purity Purity Innocence Innocence Cleanliness Cleanliness Precision Precision

18. White

19. Guess the Shape Connection Connection Community Community Wholeness Wholeness Movement Movement Safety Safety

20. Circle

21. Guess the Shape Order Order Logic Logic Security Security

22. Rectangle

23. Guess the Shape Energy Energy Strength Strength Balance Balance Law Law Science Science

24. Triangle

25. Guess the Font Formal Formal Organization Organization Intellect Intellect

26. Serif Times New Roman Times New Roman Century Schoolbook Century Schoolbook Garamond Garamond

27. Guess the Font Less-Formal Less-Formal Warm Warm Friendly Friendly

28. Sans-Serif Arial Arial Verdana Verdana Impact Impact

29. Guess the Font Typewritten Typewritten Old Old Retro Retro

30. Mono-space Courier New Courier New

31. Guess the Font Character to its Own Character to its Own Wide Range of Emotions Wide Range of Emotions

32. Decorative Space Toaster Space Toaster Creepy Creepy Orbus Multiserif Orbus Multiserif

33. Guess the Font Elegance Elegance Sophistication Sophistication Personal Personal

34. Script Shelley Volante Shelley Volante Brush Script Brush Script French Script French Script

35. Putting it Together Contrast Contrast Consistency Consistency Alignment Alignment Grouping Grouping