Expressive Design Systems

by Yesenia Perez-Cruz from A Book Apart abookapart.com

• Design Systems
• Visual Design
• Color
• Typography
• Interface

See Also

Competencies

• Visual Design Amount of Design Variations
• Visual Design Quality of Design Variations
• Visual Design Style Tile
• Visual Design Android Icons
• Visual Design Android UI Elements
• Visual Design Color Palette
• Visual Design Design consistency
• Visual Design Presentation Slides Design
• Visual Design Typography
• Visual Design Usage of Color Palette
• Visual Design iOS Icons
• Visual Design iOS UI Elements
• Interaction Design Interaction Animations

Explainers

Lessons

• Designing in Sketch
• Color Systems
• Material Design
• Visual Design

Resources

Books

• 

  Art Direction for the Web

  by Andy Clarke
• 

  User Interface

  by Ilya Birman
• 

  Design Systems

  by Alla Kholmatova
• 

  Inclusive Components

  by Heydon Pickering

Tools

• ColorBox
• Color Contrast Checker
• Contrast Checker
• Paletton
• SkyFonts
• Stark
• Adobe Color
• Dribbble Colors
• Google Fonts

Videos

• Design Systems, Pattern Libraries & Style Guides… Oh My!

Articles

• Learning to See
• Lessons From Swiss Style Graphic Design
• Typography for User Interfaces
• UI vs Print
• A CRAP way to improve usability

References

• Typewolf
• Human Interface Guidelines
• Material Design