Learning to See

See Also

Competencies

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

Lessons

• Designing in Sketch
• Visual Design
• Layouts with CSS

Resources

Tutorials

• Grid by Example
• The Experimental Layout Lab

Talks

• Grids are Good

Tools

• SkyFonts
• Google Fonts

References

• Typewolf
• A Complete Guide to Flexbox
• A Complete Guide to Grid
• Learn CSS Grid

Books

• 

  Art Direction for the Web

  by Andy Clarke
• 

  Expressive Design Systems

  by Yesenia Perez-Cruz

Articles

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