Grokkin’ Design
by Jon Tan on Jul 23, 2009
- 9,939 views
Accessibility
Categories
Tags
More...Upload Details
Uploaded via SlideShare as Apple Keynote
Usage Rights
© All Rights Reserved
Statistics
- Favorites
- 14
- Downloads
- 142
- Comments
- 0
- Embed Views
- Views on SlideShare
- 9,257
- Total Views
- 9,939
http://www.flickr.com/photos/library_of_congress/2178437377/
http://en.wikiquote.org/wiki/Steve_Jobs
International Time Recording Co. (1889) and the Computing Scale Co. (1891) became the
Computing-Tabulating-Recording Co. in 1914 and then International Business Machines in 1924.
It evolved into the current IBM logotype in 1972.
Image and notes: http://www.flickr.com/photos/glenscott/3263916059/
Remember that brand equity, or how a brand is regarded — much like a person — is defined by the quality of the interactions people have with it.
Write down keywords that describe the personality of the brand.
What’s the emotional response you want to encourage in customers?
Start in greyscale with the typeface; typefaces have resonance in the same way that color does.
Apply color to enhance the resonance with want. Own the color. It’s more than decoration.
Test your ideas at different sizes on the screen. It may be that alternatives are required for smaller sizes at low resolution.
http://jontangerine.com/silo/typography/web-fonts/
Does Webdings also count? They put us in the same position as small printers: limited number of typefaces. However, we have unlimited fonts of those faces.
Examples: http://jontangerine.com/silo/typography/p/
“Discernability: distinctness that makes perception easy.”
“The quality of written language that makes it easy to read and understand”
All values in the layout should relate to the one lead value. In this instance the margin between columns is 40px (1 lead × 2).
All values in the layout should be multiple of 0.5 lead. In this instance the margin between columns is 40px (1 lead × 2).
http://en.wikipedia.org/wiki/Golden_ratio
http://www.sitepoint.com/article/principles-beautiful-web-design/3/
http://webtypography.net/Rhythm_and_Proportion/Vertical_Motion/2.2.2/