See Also

Competencies

• Visual Design Amount of Design Variations
• Visual Design Quality of Design Variations
• Visual Design Presentation Slides Design
• Visual Design Style Tile
• Visual Design Typography
• Visual Design Brand Attributes
• Visual Design Design consistency
• Interaction Design Interface layout
• Interaction Design Responsive Layout

Resources

Tools

• Google Fonts
• SkyFonts

Tutorials

• Grid by Example
• The Experimental Layout Lab

Talks

• Grids are Good

References

• Typewolf

Articles

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

Books

• 

  Designing for Emotion

  by Aarron Walter
• 

  Expressive Design Systems

  by Yesenia Perez-Cruz
• 

  User Interface

  by Ilya Birman

Guides

• A Complete Guide to Flexbox
• A Complete Guide to Grid