You are previewing Design for Hackers: Reverse-Engineering Beauty.

Design for Hackers: Reverse-Engineering Beauty

Cover of Design for Hackers: Reverse-Engineering Beauty by David Kadavy Published by John Wiley & Sons
  1. Cover
  2. Table of Contents
  3. Title Page
  4. Introduction
  5. Chapter 1: Why Design Matters
    1. What Design Really Is
    2. What Design Is Not
    3. The Layers of Design
    4. Conclusion
  6. Chapter 2: The Purpose of Design
    1. Visual Design and Its Relation to User Experience Design
    2. Sometimes a Visual Design Is Just Good Enough
    3. Sometimes Visual Design Is Your Advantage
    4. Reverse-Engineering the Twitter User Experience
    5. Knowledge Applied
  7. Chapter 3: Medium and Form in Typography
    1. The Tragedy of Misuse: Why You Hate Comic Sans
    2. The Shackles of the Typographer: The Unalterable Word
    3. The Formation of Our Alphabet
    4. The Birth of Our Letters
    5. The Type That Has Lived On
    6. Garamond Today: Why You Don’t Use Garamond on the Web
    7. Knowledge Applied
  8. Chapter 4: Technology and Culture
    1. How Trends Are Created
    2. SEO Is Design
    3. Knowledge Applied
  9. Chapter 5: Fool's Golden Ratio: Understanding Proportions
    1. What Is Proportion?
    2. Proportion and Design
    3. The Broken Promise of the Golden Ratio
    4. Other Pleasing Proportions
    5. Proportions in Our World
    6. Proportions at Work
    7. Knowledge Applied
  10. Chapter 6: Holding the Eye: Composition and Design Principles
    1. Compositional Relationships
    2. Design Principles
    3. Why the MailChimp Logo Is Beautiful: Use of Composition and Design Principles
    4. Knowledge Applied
  11. Chapter 7: Enlivening Information: Establishing a Visual Hierarchy
    1. What I Mean by “Hierarchy”
    2. Hierarchical Factors in Isolation
    3. Hierarchy at Work
    4. Knowledge Applied
  12. Chapter 8: Color Science
    1. What Is Color?
    2. The Tricks Your Eyes Play
    3. How the Visual System Works
    4. Defining Color
    5. Color Models and Data-Driven Graphics
    6. Thinking in Hexadecimal Color: Understanding the Colors of the Web
    7. Color Models in Action: Why Your Business Card Doesn’t (and Never Will) Match Your Website
    8. Knowledge Applied
  13. Chapter 9: Color Theory
    1. Color Response throughout Human History
    2. Color Response and Human Biology
    3. The Power of Red: Why You Don’t Stand a Chance in the “Target Challenge”
    4. Research on Other Colors
    5. Color and Culture
    6. Color Schemes and the Color Wheel
    7. Color Choices and Web Conventions
    8. The Interaction of Colors: Why Monet Never Used Black
    9. Color Schemes
    10. Creating a Mood with Color
    11. Tools for Creating Color Palettes and Schemes
    12. Knowledge Applied
  14. Appendix A: Choosing and Pairing Fonts
    1. Classifying Typefaces
    2. Looking At Letter Structure: The Form of the Skeleton
    3. Pairing Fonts
    4. All the Fonts You’ll Ever Need
  15. Appendix B: Typographic Etiquette
    1. Distorting Type: What Not to Do
    2. Setting Body Copy
    3. Tending to Typographic Details
O'Reilly logo

Appendix A: Choosing and Pairing Fonts

Today’s designers have a nearly limitless choice of fonts, of varying degrees of quality. Letters that were once carefully chiseled into marble, or cast out of lead can now be reproduced in limitless numbers with just a few clicks. Publishing technology has come a long way, and with it, the number of fonts available to designers has exploded. You can find revivals of old classics, such as Adobe Garamond, as well as thousands of much lower-quality fonts.

This is a stark contrast from the options available to early printers. Early printing type (see Figure A-1) had to be carefully cut, character-by-character, through the process of punchcutting (more on this in Chapter 3). So, printers had access to only a few fonts. If they wanted to use a different size, they had to repeat the process.

Figure A-1 Lead type that was used in early printing was very difficult and costly to make, which limited the fonts available to printers.

tonystl (http://www.flickr.com/people/tunruh/)

9781119998952-fgaa01.tif

Early printers were craftsmen. They dedicated their lives to printing beautiful typography. Their skills were specialized, and it showed in the quality of their work. Yet, they were limited by the type that was available to them.

Contrast that with today’s designer (anyone with access to a computer, really). Very few are formally trained to use typography, yet they have many ...

The best content for your career. Discover unlimited learning on demand for around $1/day.