1 / 2

Design Principles

Proximity. Font. Design Principles. Group together similar page elements to create a relationship. Keep unrelated elements apart. Three basic families of fonts: Serif – with “little feet” Sans-Serif – sans feet Fun – fun is fun

gibson
Download Presentation

Design Principles

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Proximity Font Design Principles • Group together similar page elements to create a relationship. • Keep unrelated elements apart. • Three basic families of fonts: • Serif – with “little feet” • Sans-Serif – sans feet • Fun – fun is fun • Try to limit the number of fonts used on the page, and use different fonts only for different page elements. • Avoid using multiple fonts from the same family in the same place. Matthew Gonzales 13 April 2010 Images courtesy of library.thinkquest.com

  2. Contrast Repetition Alignment • Create excitement through contrast. • Color Choice – use contrasting colors for design elements. • Fonts – use different fonts for different page elements. • Text Size – Use differentsize text for different page elements. Make certain elements stand out with BIG text or little text. • Use consistency in your design elements – use the same font for all of your headings, for example. • Use color families, and repeat colors. • Creates unity in design. • Use alignment to create organization within the page. • Left align, right align, and center align can be used in different places for different purposes. • Align page elements.

More Related