Art Direction for the Web

by Andy Clarke from Smashing Magazine smashingmagazine.com

• Visual Design
• Typography
• Composition
• Brand
• Personality

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

Lessons

• Designing in Sketch
• Visual Design
• Layouts with CSS

Resources

Talks

• Grids are Good

Tools

• SkyFonts
• Google Fonts

References

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

Books

• 

  Designing for Emotion

  by Aarron Walter
• 

  Expressive Design Systems

  by Yesenia Perez-Cruz
• 

  User Interface

  by Ilya Birman

Articles

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

Tutorials

• Grid by Example
• The Experimental Layout Lab