1 / 30

Layout

Perception. Organization. Communication. Audience. Layout. Using the principles and ideas from Chapter 7 of White Space Is Not Your Enemy , by Kim Golombisky & Rebecca Hagen. Other icons can distract; less is more. Create a Focal Point. Directs audience. Consistency.

dennis
Download Presentation

Layout

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. Perception Organization Communication Audience Layout Using the principles and ideas from Chapter 7 of White Space Is Not Your Enemy, by Kim Golombisky & Rebecca Hagen

  2. Other icons can distract; less is more Create a Focal Point Directs audience

  3. Consistency Creates focus in form

  4. Body Copy Headline Modular design Byline Deck Simplicity creates space for creativity while remaining consistent Visual Cutline Sidebar

  5. The Golden Ratio Mathematical formula for a grid of asymmetrical placement of a layout.

  6. The rule of thirds Symmetrical Or asymmetrical Is all about Balance And Can create Guide the reader Create a 3x3 grid Pick a focal point

  7. Interestingly, PowerPoint offers only a few slides or themes with a strict 3x3 grid as a default option.

  8. So you’ll have to create your own or tweak existing slides… Interestingly, PowerPoint offers only a few slides or themes with a strict 3x3 grid as a default option.

  9. Eseteiusmodtemporincidunt et labore et dolore magna aliquam. Utenim ad minim veniam, quisnostrudexerc. Irure dolor in reprehend incididuntutlabore et dolore magna aliqua. Utenim ad minim veniam, quisnostrud exercitation ullamcolaboris nisi utaliquip ex eacommodoconsequat. Duisauteirure dolor in reprehenderit in voluptatevelitessemolestaiecillum. Tia non obeasoluadincommodegeniumimprobfugiend. Eseteiusmodtemporincidunt et labore et dolore magna aliquam. Utenim ad minim veniam, quisnostrudexerc. Irure dolor in reprehend incididuntutlabore et dolore magna aliqua. Utenim ad minim veniam, quisnostrud exercitation ullamcolaboris nisi utaliquip ex eacommodoconsequat. Duisauteirure dolor in reprehenderit in voluptatevelitessemolestaiecillum. Tia non obeasoluadincommodegeniumimprobfugiend. “LoremIpsum”, or nonsense Latin, can aid in the initial layout stages as a placeholder Adding type Let the layout decide type placement Be mindful of Font Size Color Always proofread

  10. Keep your headline and lead together • Reduce leading as needed on multiple-line headlines • Set copy in columns • Avoid fully justified or centered type • Watch for inelegant breaks in headlines or type • Avoid widows or orphans General guidelines

  11. Keep your headline and lead together • Reduce leading as needed on multiple-line headlines • Set copy in columns • Avoid fully justified or centered type • Watch for inelegant breaks in headlines or type • Avoid widows or orphans General guidelines

  12. General Guidelines • Keep your headline and lead together • Set copy in columns • Reduce leading as needed on multiple-line headlines • Avoid fully justified or centered type • Watch for inelegant breaks in headlines or type • Avoid widows or orphans

  13. Placing Visuals Place visuals near the top of the layout Keep picture aligned to its content Don’t flip photos Don’t position a visual so that it interrupts the flow Pay attention to wrapped text

  14. Placing Visuals Place visuals near the top of the layout Keep picture aligned to its content Don’t flip photos Don’t position a visual so that it interrupts the flow Pay attention to wrapped text

  15. When using multiple visuals… Contrast sizes based on hierarchy of importance

  16. When using multiple visuals… Contrast sizes based on hierarchy of importance Or use a grid of equal sizes for rhythm and pace

  17. When using multiple visuals… Contrast sizes based on hierarchy of importance Or use a grid of equal sizes for rhythm and pace Balance

  18. When using multiple visuals… Contrast sizes based on hierarchy of importance Or use a grid of equal sizes for rhythm and pace Balance Or cluster groups of images

  19. Where to put negative space Consolidate negative space into larger pools

  20. Where to put negative space Avoid trapped Space

  21. Order and Organization:Gestalt theory • Proximity • Similarity • Continuity • Closure

  22. Proximity “Fish and Boat” M.C. Escher

  23. Similarity

  24. Continuity

  25. Closure

  26. Relative position and size indicates importance Orderand organization Creating hierarchy Contrasting size Short Answer: Inform readers where to look and what to look at first, second, etc. Location Location Location Size Matters

  27. Visual unity • Repeat compositional elements • Consistency above all Multipage Layouts (like, say, PowerPoint Presentations)

  28. Loads of type • Break up pages of type • Use grids • Add visuals • Use white space strategically Multipage Layouts (like, say, PowerPoint Presentations)

  29. Navigational signs • Visual signposts for readers • Table of contents • Specific to genre/medium Multipage Layouts (like, say, PowerPoint Presentations)

  30. Goals • Layout serves good communication objectives • Capturing attention • Control flow • Convey information • Evoke reactions • Audience awareness is key • Know what your readers need • Know what you want your readers to understand

More Related