1. CHAPTER Planning for Focus and Flow 5 Desktop Publishing: Chapter 5 ©2008Thomson/South-Western

2. Topics Focal Point Flow White Space Web Page Design Principles Web Page Structure Standard Design Design Decisions 2Digital Desktop Publishing: Chapter 5

3. Visual element in a page design that the viewer notices first Focal Point 3Digital Desktop Publishing: Chapter 5

4. Text ◦ Attracts attention using  Font sizes  Color  Bold Images ◦ Attracts more attention than text ◦ Bolder colors make more impact ◦ People images pull the eye more ◦ Angled images attract more attention than vertical or horizontal images Focal Point (continued) 4Digital Desktop Publishing: Chapter 5

5. The following slides can be used to discuss good/bad design examples. 5Digital Desktop Publishing: Chapter 5

6. 6

7. 7

8. 8

9. 9

10. 10Digital Desktop Publishing: Chapter 5

11. 11Digital Desktop Publishing: Chapter 5

12. 12Digital Desktop Publishing: Chapter 5

13. 13Digital Desktop Publishing: Chapter 5

14. Visual path created by arrangements of elements within a page design Z Pattern ◦ Design in which eye moves from left to right, down to the lower left and to the right again ◦ Duplicates usual pattern of reading text Other Patterns ◦ Linear path ◦ Straight down the page Flow 14Digital Desktop Publishing: Chapter 5

15. Part of the page in which there are no images or text Doesn’t have to be white in color Part of the design Purposes ◦ Reduces busyness on the page ◦ Gives reader a chance to “rest” Sometimes called Negative Space Positive space is the text and images on the page Observers see both positive and negative space White Space 15Digital Desktop Publishing: Chapter 5

16. Design consisted of limited control Restricted by limits of HTML code More options available today Now designed with rules of their own Web Page Design Principles 16Digital Desktop Publishing: Chapter 5

17. Focus is always at the top of the page and flows down White space is more important ◦ No margins to provide openness ◦ Add white space by increasing line spacing Consistent page structure needed ◦ Get from link to link ◦ Know where they are going next Web Page Structure 17Digital Desktop Publishing: Chapter 5

18. Links on the left side Information in the middle Image ◦ Top of the page or ◦ Left corner ◦ Purpose of image is to provide visual reference Bottom of page provides copyright or contact information Standard Design 18Digital Desktop Publishing: Chapter 5

19. Good design isn’t a function of software Good design is a function of what the designer needs to consider New designers should trust their judgment Design Decisions 19Digital Desktop Publishing: Chapter 5