logging in or signing up Page Layout and Design Principles surkanb Download Post to : URL : Related Presentations : Let's Connect Share Add to Flag Embed Email Send to Blogs and Networks Add to Channel Copy embed code: Embed: Flash iPad Dynamic Copy Does not support media & animations Automatically changes to Flash or non-Flash embed WordPress Embed Customize Embed URL: Copy Thumbnail: Copy The presentation is successfully added In Your Favorites. Views: 1958 Category: Education License: All Rights Reserved Like it (0) Dislike it (0) Added: May 17, 2009 This Presentation is Public Favorites: 0 Presentation Description No description available. Comments Posting comment... Premium member Presentation Transcript Page Layout & Targeted Documents : Page Layout & Targeted Documents Brian Surkan 8th Grade Project The Walker School Joshua Tree Principle : Joshua Tree Principle Knowing the vocabulary Creates awareness of detail Broadens thoughts Gives you power over the objects you can describe Four Design Principles : Four Design Principles Contrast Differences set things apart, draw attention Repetition Consistency creates unity & predictability Alignment Alignment facilitates reading / parsing Proximity The closer things are, the more related they must be Contrast : Contrast Contrast Example: B&W : Contrast Example: B&W Ignore this Contrast : Contrast Differences draw our attention Too many differences numb our attention What can be contrasted? Color (B&W strongest) Font Alignment Proximity Taste Smell Style Attitudes Ideas Age Texture Language Repetition : Repetition Color (Coke’s color? Pepsi’s color? Republican Color?) Location (alignment) Shape (the Coke bottle, human silhouette) Font (consistent headlines, body text, Coca-Cola) Order (page numbers, sequences) Sound (in music or advertisements) Taste (KFC, Big Mac, Wendy’s Frosty) Graphic (logos, leitmotivs, the Geico Gecko) Repetition : Repetition Color (Coke’s color? Pepsi’s color? Republican Color?) Location (alignment) Shape (the Coke bottle, Font (consistent headlines, body text, Coca-Cola) Order (page numbers, sequences) Sound (in music or advertisements) Taste (KFC, Big Mac, Wendy’s Frosty) Graphic (logos, leitmotivs, the Geico Gecko) Alignment : Alignment Alignment : Alignment Organizes / Groups information visually Smooth (often straight) lines Are attractive to the eye Suggest a relationship between aligned objects Alignment exceptions draw our attention Centered headers Exceptions to otherwise traditional alignment Horizontal AND vertical alignment are important Right AND left alignment are STRONG Alignment : Alignment Organizes / Groups information visually Smooth (often straight) lines Are attractive to the eye Suggest a relationship between aligned objects Alignment exceptions draw our attention Centered headers Exceptions to otherwise traditional alignment Horizontal AND vertical alignment are important Right AND left alignment are STRONG Proximity : Proximity Proximity : Proximity Relationships clarified by closeness of members Extremes Too close: claustrophobic Too dispersed: disconnected You do not have the permission to view this presentation. In order to view it, please contact the author of the presentation.
Page Layout and Design Principles surkanb Download Post to : URL : Related Presentations : Let's Connect Share Add to Flag Embed Email Send to Blogs and Networks Add to Channel Copy embed code: Embed: Flash iPad Dynamic Copy Does not support media & animations Automatically changes to Flash or non-Flash embed WordPress Embed Customize Embed URL: Copy Thumbnail: Copy The presentation is successfully added In Your Favorites. Views: 1958 Category: Education License: All Rights Reserved Like it (0) Dislike it (0) Added: May 17, 2009 This Presentation is Public Favorites: 0 Presentation Description No description available. Comments Posting comment... Premium member Presentation Transcript Page Layout & Targeted Documents : Page Layout & Targeted Documents Brian Surkan 8th Grade Project The Walker School Joshua Tree Principle : Joshua Tree Principle Knowing the vocabulary Creates awareness of detail Broadens thoughts Gives you power over the objects you can describe Four Design Principles : Four Design Principles Contrast Differences set things apart, draw attention Repetition Consistency creates unity & predictability Alignment Alignment facilitates reading / parsing Proximity The closer things are, the more related they must be Contrast : Contrast Contrast Example: B&W : Contrast Example: B&W Ignore this Contrast : Contrast Differences draw our attention Too many differences numb our attention What can be contrasted? Color (B&W strongest) Font Alignment Proximity Taste Smell Style Attitudes Ideas Age Texture Language Repetition : Repetition Color (Coke’s color? Pepsi’s color? Republican Color?) Location (alignment) Shape (the Coke bottle, human silhouette) Font (consistent headlines, body text, Coca-Cola) Order (page numbers, sequences) Sound (in music or advertisements) Taste (KFC, Big Mac, Wendy’s Frosty) Graphic (logos, leitmotivs, the Geico Gecko) Repetition : Repetition Color (Coke’s color? Pepsi’s color? Republican Color?) Location (alignment) Shape (the Coke bottle, Font (consistent headlines, body text, Coca-Cola) Order (page numbers, sequences) Sound (in music or advertisements) Taste (KFC, Big Mac, Wendy’s Frosty) Graphic (logos, leitmotivs, the Geico Gecko) Alignment : Alignment Alignment : Alignment Organizes / Groups information visually Smooth (often straight) lines Are attractive to the eye Suggest a relationship between aligned objects Alignment exceptions draw our attention Centered headers Exceptions to otherwise traditional alignment Horizontal AND vertical alignment are important Right AND left alignment are STRONG Alignment : Alignment Organizes / Groups information visually Smooth (often straight) lines Are attractive to the eye Suggest a relationship between aligned objects Alignment exceptions draw our attention Centered headers Exceptions to otherwise traditional alignment Horizontal AND vertical alignment are important Right AND left alignment are STRONG Proximity : Proximity Proximity : Proximity Relationships clarified by closeness of members Extremes Too close: claustrophobic Too dispersed: disconnected