Creating Mockups

Typography

Typeface:

Type Classification

Font

• Importance
• Placeholder Text

Color

Affects emotions, understanding and experience

Using Colors

1. Add emphasis: draws attention to a point: CTAs like payment, order,
   • 60-30-10 rule
2. Communicate Branding: Coca-Cola red, 4 colors of Google
3. Impact the accessibility of design
   • the foreground and background should have sufficient contrast for easy understanding by the user
   • Web content Accessibility Guidelines