How to Design: Eliminating Guess & Check

A brief introduction to basic design principles, for nerds. This was a visual aid for a talk given by @andymangold.

Transcript

1. How to Design: Eliminating Guess & Check
2. Step One: Grid Systems
15. The Norm Left Align
16. Step Two: Typesetting
17. Left Align Lorem Ipsum is simply dummy text of the print- ing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
18. Centered Lorem Ipsum is simply dummy text of the print- ing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
19. Right Align Lorem Ipsum is simply dummy text of the print- ing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
20. J u s t i f y Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has sur- vived not only five centuries, but also the leap into elec- tronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Le- traset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
21. Here comes a hackathon c x 1.2c
22. Step Three: Font Selection
23. Serif Sans-Serif Display Script Crappy
24. When in doubt: Use the simplest solution.
25. Resources: Typography for Lawyers http://www.typographyforlawyers.com/ The New Typography http://www.amazon.com/New-Typography-Weimar-Now-Criticism/dp/0520250125/ The Elements of Typographic Style http://www.amazon.com/Elements-Typographic-Style-Robert-Bringhurst/dp/0881792063/
26. Happy Hacking Friends of The Web