![Page 1: Format for Ease of Access Importance Design Principles Design Elements](https://reader035.vdocuments.net/reader035/viewer/2022062803/56649ce65503460f949b4672/html5/thumbnails/1.jpg)
Format for Ease of Access
• Importance
• Design Principles
• Design Elements
![Page 2: Format for Ease of Access Importance Design Principles Design Elements](https://reader035.vdocuments.net/reader035/viewer/2022062803/56649ce65503460f949b4672/html5/thumbnails/2.jpg)
Importance
• First impression is purely visual
• Sloppy format alienates reader
Good Page Design
• Helps reader understand your information
• Helps reader locate information
• Helps reader notice important content
![Page 3: Format for Ease of Access Importance Design Principles Design Elements](https://reader035.vdocuments.net/reader035/viewer/2022062803/56649ce65503460f949b4672/html5/thumbnails/3.jpg)
Basic Design Principles
• Placement• Proximity• Alignment• Contrast• Repetition
![Page 4: Format for Ease of Access Importance Design Principles Design Elements](https://reader035.vdocuments.net/reader035/viewer/2022062803/56649ce65503460f949b4672/html5/thumbnails/4.jpg)
Content Placement
• Bottom of page – might not be seen or read.
• Eye level – Approximately 1/3 from the top and 2/3 from the bottom – gets more attention.
• Bulleted lists – get more attention.– The first few points in the list get more attention.
Certain parts of the page are more important than others
![Page 5: Format for Ease of Access Importance Design Principles Design Elements](https://reader035.vdocuments.net/reader035/viewer/2022062803/56649ce65503460f949b4672/html5/thumbnails/5.jpg)
Placement is one way to accent results within a section
Section Heading
The beginning of a sectionreceives emphasis, as does thebeginning of a paragraph.
Table ITime-Flight Results
TimeHeight
A 10 cm 1 ms
B 11 cm 2 ms
No.Illustration
Beginningof section
End ofparagraph
The end of a section receivesemphasis, as does the end of aparagraph.
End ofsection
![Page 6: Format for Ease of Access Importance Design Principles Design Elements](https://reader035.vdocuments.net/reader035/viewer/2022062803/56649ce65503460f949b4672/html5/thumbnails/6.jpg)
Repetition
• Same grid pattern throughout
• Same type treatment (font, size, color, etc.) for headings, subheadings, and text
Use repetition to unify your communication visually
![Page 7: Format for Ease of Access Importance Design Principles Design Elements](https://reader035.vdocuments.net/reader035/viewer/2022062803/56649ce65503460f949b4672/html5/thumbnails/7.jpg)
Repetition Use consistent headings and subheadings
![Page 8: Format for Ease of Access Importance Design Principles Design Elements](https://reader035.vdocuments.net/reader035/viewer/2022062803/56649ce65503460f949b4672/html5/thumbnails/8.jpg)
![Page 9: Format for Ease of Access Importance Design Principles Design Elements](https://reader035.vdocuments.net/reader035/viewer/2022062803/56649ce65503460f949b4672/html5/thumbnails/9.jpg)
Proximity
Use white space to place related items close to one another
GroupedNot Grouped
Martina Aleverez
AAA Consultants, Inc
4357 Evington Street
Montclair, NJ 50517
(416) 232-9999
Martina AleverezAAA Consultants, Inc
4357 Evington StreetMontclair, NJ 50517
(416) 232-9999
![Page 10: Format for Ease of Access Importance Design Principles Design Elements](https://reader035.vdocuments.net/reader035/viewer/2022062803/56649ce65503460f949b4672/html5/thumbnails/10.jpg)
Proximity
White space gives shape to document and orients the user
![Page 11: Format for Ease of Access Importance Design Principles Design Elements](https://reader035.vdocuments.net/reader035/viewer/2022062803/56649ce65503460f949b4672/html5/thumbnails/11.jpg)
![Page 12: Format for Ease of Access Importance Design Principles Design Elements](https://reader035.vdocuments.net/reader035/viewer/2022062803/56649ce65503460f949b4672/html5/thumbnails/12.jpg)
spaceformargins
space forillustrations
space forheadings
![Page 13: Format for Ease of Access Importance Design Principles Design Elements](https://reader035.vdocuments.net/reader035/viewer/2022062803/56649ce65503460f949b4672/html5/thumbnails/13.jpg)
Alignment
Arbitrary placement of text causes confusion for the reader
Alignment RelationshipArbitrary Placement
Martina Aleverez
AAA Consultants, Inc
4357 Evington StreetMontclair, NJ 50517
(416) 232-9999
Martina AleverezAAA Consultants, Inc
4357 Evington StreetMontclair, NJ 50517
(416) 232-9999
![Page 14: Format for Ease of Access Importance Design Principles Design Elements](https://reader035.vdocuments.net/reader035/viewer/2022062803/56649ce65503460f949b4672/html5/thumbnails/14.jpg)
Alignment
Grid lines can be used to create the page layout
![Page 15: Format for Ease of Access Importance Design Principles Design Elements](https://reader035.vdocuments.net/reader035/viewer/2022062803/56649ce65503460f949b4672/html5/thumbnails/15.jpg)
![Page 16: Format for Ease of Access Importance Design Principles Design Elements](https://reader035.vdocuments.net/reader035/viewer/2022062803/56649ce65503460f949b4672/html5/thumbnails/16.jpg)
Contrast
Use contrast to establish hierarchy and focus
Contrast EmphasisNo Contrast
Martina AleverezAAA Consultants, Inc
4357 Evington StreetMontclair, NJ 50517
(416) 232-9999
Martina AleverezAAA Consultants, Inc
4357 Evington StreetMontclair, NJ 50517
(416) 232-9999
CAUTION: Don’t overdo graphic contrast !
![Page 17: Format for Ease of Access Importance Design Principles Design Elements](https://reader035.vdocuments.net/reader035/viewer/2022062803/56649ce65503460f949b4672/html5/thumbnails/17.jpg)
Contrast
Use lists for easy reading
• Advice or examples• Conclusions/recommendations• Criteria for evaluation• Errors to avoid
• Material for a procedures• Equipment in a procedure• Parts of a mechanism• Steps in a sequence
Items you might list:
![Page 18: Format for Ease of Access Importance Design Principles Design Elements](https://reader035.vdocuments.net/reader035/viewer/2022062803/56649ce65503460f949b4672/html5/thumbnails/18.jpg)
Contrast
Select type that is easy to read
Arialabcdefghijklmnopqrstuwxyz1234567890
Times New Romanabcdefghijklmnopqrstuvwxyz1234567890
Serif Sans Serif
Avoid all Caps
TYPE IS TO READ
Type is to read
![Page 19: Format for Ease of Access Importance Design Principles Design Elements](https://reader035.vdocuments.net/reader035/viewer/2022062803/56649ce65503460f949b4672/html5/thumbnails/19.jpg)
48 point
36 point
24 point
18 point
14 point
12 point
10 point
8 point
posters
presentation slides
titles
text
footnotes
![Page 20: Format for Ease of Access Importance Design Principles Design Elements](https://reader035.vdocuments.net/reader035/viewer/2022062803/56649ce65503460f949b4672/html5/thumbnails/20.jpg)
Design Elements
• Text
• Headings / Subheadings
• Graphics
• White space / grid
• Headers and footers
• Physical features