1 / 15

Design II

Design II. Jessica Oxley NeighborWorks*VISTA, DC. Agenda. Intro Basic document layout/using a grid Creating visual hierarchy Creating contrast and movement. Margin: general guideline—at least .5 in. Grid line. column. Three-column element. Two-column element. One-column element.

tadita
Download Presentation

Design II

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. Design II Jessica OxleyNeighborWorks*VISTA, DC

  2. Agenda • Intro • Basic document layout/using a grid • Creating visual hierarchy • Creating contrast and movement

  3. Margin: general guideline—at least .5 in Grid line column

  4. Three-column element Two-column element One-column element Breaks the grid

  5. Loremipsum dolor sit amet, consecteturadipiscingelit. Curabiturrhoncusnullaquis quam lobortisfringilla. Sedegetfelisaugue. Nuncfeugiatipsumveltellusrhoncusutconsequatodiotincidunt. Duisimperdiet dictum viverra. Duispharetrapellentesqueleo, et pharetra mi accumsannec. Organization tagline & logo here This is my headline here Cool box of text Loremipsum dolor sit amet, consecteturadipiscingelit. Curabiturrhoncusnullaquis quam lobortisfringilla. Sedegetfelisaugue. Nuncfeugiatipsumveltellusrhoncusutconsequatodiotincidunt. Duisimperdiet dictum viverra. Duis pharetrapellentesqueleo, et pharetra mi accumsannec. quam lobortisfringilla. Sedegetfelisaugue. Nuncfeugiat . NuncfeugiatipsumveltellusrhoncusNuncfeugiatipsumveltellusrhoncus Subhead two lines

  6. This is my headline here Subhead two lines Loremipsum dolor sit amet, consecteturadipiscingelit. Curabiturrhoncusnullaquis quam lobortisfringilla. Sedegetfelisaugue. Nuncfeugiatipsumveltellusrhoncusutconsequatodiotincidunt. Duisimperdiet dictum viverra. Duispharetrapellentesqueleo, et pharetra mi accumsannec. Cool box of text Loremipsum dolor sit amet, consecteturadipiscingelit. Curabiturrhoncusnullaquis quam lobortisfringilla. Sedegetfelisaugue. Nuncfeugiatipsumveltellusrhoncusutconsequatodiotincidunt. Duisimperdiet dictum viverra. Duis pharetrapellentesqueleo, et pharetra mi accumsannec. quam lobortisfringilla. Sedegetfelisaugue. Nuncfeugiat . NuncfeugiatipsumveltellusrhoncusNuncfeugiatipsumveltellusrhoncus Organization tagline & logo here

  7. Creating a visual hierarchy • Refers to where your eye goes when it looks at an overall page • Creates a sense of order for the reader • More effectively communicates information

  8. Contrast • Builds dominance of visual hierarchy • Can be subtle • Is not only created by color – is also about size and emphasis

  9. Movement • More complicated • Helps use visual cues to lead readers through a piece

  10. This is my headline here Subhead two lines Loremipsum dolor sit amet, consecteturadipiscingelit. Curabiturrhoncusnullaquis quam lobortisfringilla. Sedegetfelisaugue. Nuncfeugiatipsumveltellusrhoncusutconsequatodiotincidunt. Duisimperdiet dictum viverra. Duispharetrapellentesqueleo, et pharetra mi accumsannec. Cool box of text Loremipsum dolor sit amet, consecteturadipiscingelit. Curabiturrhoncusnullaquis quam lobortisfringilla. Sedegetfelisaugue. Nuncfeugiatipsumveltellusrhoncusutconsequatodiotincidunt. Duisimperdiet dictum viverra. Duis pharetrapellentesqueleo, et pharetra mi accumsannec. quam lobortisfringilla. Sedegetfelisaugue. Nuncfeugiat . NuncfeugiatipsumveltellusrhoncusNuncfeugiatipsumveltellusrhoncus Organization tagline & logo here

  11. Questions?

  12. Resources Become a Master Designer: 7-part series http://www.gomediazine.com/design-articles/technique-theory/rule-one-limit-your-fonts/ Elements and principles of design http://desktoppub.about.com/cs/graphicdesign/a/designbasics_2.htm

More Related