Introduction to Principles of Design
Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity
Contrast One of the most effective ways to add visual interest to a page.
Contrast
Repetition You can repeat colors, shapes, textures, line thicknesses, fonts, sizes, graphic concepts, etc. This develops the organization and strengthens the unity.
Repetition
Alignment Nothing should be placed on the page arbitrarily. Every element should have some visual connection with another element on the page.
Alignment
Alignment
Alignment Activity “ Bad ” version
Alignment Activity “ Good ” version
Proximity Items relating to each other should be grouped close together. This helps organize information, reduces clutter, and gives the reader a clear structure.
Proximity
Putting It All Together
Basic Design Principles- Recap Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity
Typography Sans Serif –No “ feet ” at the end Use for titles, subtitles, and headings e.g. Arial Sans Serif –No “ feet ” at the end Use for titles, subtitles, and headings e.g. Arial Serif – Letters have “ feet ” Easier to read; best for body text e.g. Times New Roman Serif – Letters have “ feet ” Easier to read; best for body text e.g. Times New Roman
Typography Use to add emphasis and personality to text: Use to add emphasis and personality to text: “ Life ’ s but a walking shadow, a poor player that struts and frets his hour upon the stage, and then is heard no more; it is a tale told by an idiot, full of sound and fury, “ Life ’ s but a walking shadow, a poor player that struts and frets his hour upon the stage, and then is heard no more; it is a tale told by an idiot, full of sound and fury, Text signifying nothing. ”
What is X-height ?
The big news about leading
Tracking for you and me
Ligatures and Kearning