Design
-
Upload
dianne-smith-harper -
Category
Technology
-
view
1.216 -
download
9
description
Transcript of Design
![Page 1: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/1.jpg)
Assigned,Assigned,
SealedSealed
& Delivered& Delivered
Design tools, trademarks, Design tools, trademarks, templatestemplates
Summer 2007Summer 2007Presented by Alyssa and LoriPresented by Alyssa and Lori
![Page 2: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/2.jpg)
Effective Designing Effective Designing Results In:Results In:Fulfilling reader's wants & Fulfilling reader's wants & needsneedsConsistent & cohesive Consistent & cohesive coveragecoverageA strong verbal/visual A strong verbal/visual connectionconnection
![Page 3: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/3.jpg)
Planning PhilosophyPlanning PhilosophyEnvision your page as a Envision your page as a bullseyebullseye
White space
Copy
Photos
![Page 4: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/4.jpg)
Traditional DesignTraditional DesignAccommodates traditional Accommodates traditional
coveragecoverage
Vertical columnsVertical columns
5-7 photographs5-7 photographs
Story/headline packageStory/headline package
Recognizable verbal/visual Recognizable verbal/visual
trademarks trademarks
Theme & section-unifying Theme & section-unifying
templatestemplates
![Page 5: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/5.jpg)
Traditional DesignTraditional DesignGuidelinesGuidelines
Establish column structureEstablish column structureCreate eyelineCreate eyelinePlace dominant elementPlace dominant elementPlace story/headline Place story/headline
packagepackageAdd contrasting photosAdd contrasting photosDetermine caption Determine caption
placementplacementIntegrate trademarksIntegrate trademarks
![Page 6: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/6.jpg)
Basic DesignBasic Design
Columns
![Page 7: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/7.jpg)
Basic DesignBasic Design
Dominant Element
![Page 8: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/8.jpg)
Basic DesignBasic Design
Eyeline
![Page 9: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/9.jpg)
Basic DesignBasic Design
Story
Headline
![Page 10: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/10.jpg)
Basic DesignBasic Design
Secondary Photos
![Page 11: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/11.jpg)
Basic DesignBasic Design
Captions
![Page 12: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/12.jpg)
Template VariationsTemplate Variations
![Page 13: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/13.jpg)
Template VariationsTemplate Variations
![Page 14: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/14.jpg)
Basic DesignBasic Design
![Page 15: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/15.jpg)
![Page 16: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/16.jpg)
Basic Design & Basic Design &
Beyond…Beyond…Expected = Traditional Expected = Traditional
designdesign
Expanded = Traditional + Expanded = Traditional +
sidebarsidebar
Extreme = Layout within a Extreme = Layout within a
layoutlayout
![Page 17: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/17.jpg)
Expected Expected || ExpandedExpanded || ExtremeExtreme
ExpectedExpected || Expanded Expanded || ExtremeExtreme
ExpectedExpected || ExpandedExpanded || Extreme Extreme
![Page 18: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/18.jpg)
Modular Grid Design…Modular Grid Design…Promotes amplified coverage Promotes amplified coverage
optionsoptions
Encourages content driven Encourages content driven
design design
Offers greater verbal/visual Offers greater verbal/visual
varietyvariety
Maximizes reader appealMaximizes reader appeal
![Page 19: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/19.jpg)
Grids, Mods, ZonesGrids, Mods, ZonesCreate grid structure Create grid structure establishing both vertical & establishing both vertical & horizontal columnshorizontal columns
Create modules by blocking out Create modules by blocking out grids in rectangular shapesgrids in rectangular shapes
Create zones by joining two or Create zones by joining two or moremore modules together modules together
![Page 20: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/20.jpg)
Horizontal Horizontal gridgrid
Vertical gridVertical grid
Grid Architectural StructureGrid Architectural Structure
![Page 21: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/21.jpg)
Modules & ZonesModules & ZonesMaximizes layout within layout Maximizes layout within layout
approachapproach
Package content for maximum Package content for maximum
appealappeal
Enhance visual enhancement Enhance visual enhancement
optionoption
Integrate levels of white space Integrate levels of white space
for content organizationfor content organization
![Page 22: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/22.jpg)
Module
Layout Within A LayoutLayout Within A Layout
![Page 23: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/23.jpg)
Layout Within A LayoutLayout Within A Layout
![Page 24: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/24.jpg)
Expanded Coverage, Content & DesignExpanded Coverage, Content & Design
Create Zone
![Page 25: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/25.jpg)
Expanded Coverage, Content & DesignExpanded Coverage, Content & Design
Pre-design
![Page 26: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/26.jpg)
Expanded Coverage, Content & DesignExpanded Coverage, Content & Design
Re-design
![Page 27: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/27.jpg)
Expanded Coverage, Content & DesignExpanded Coverage, Content & Design
![Page 28: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/28.jpg)
Extreme Coverage, Content & DesignExtreme Coverage, Content & Design
Dominant module
![Page 29: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/29.jpg)
Extreme Coverage, Content & DesignExtreme Coverage, Content & Design
Pre-design
![Page 30: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/30.jpg)
Extreme Coverage, Content & DesignExtreme Coverage, Content & Design
Re-design
![Page 31: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/31.jpg)
Extreme Coverage, Content & DesignExtreme Coverage, Content & Design
Dominant module montage
![Page 32: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/32.jpg)
Extreme Coverage, Content & DesignExtreme Coverage, Content & Design
Zone
![Page 33: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/33.jpg)
Extreme Coverage, Content & DesignExtreme Coverage, Content & Design
Pro-design
![Page 34: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/34.jpg)
Extreme Coverage, Content & DesignExtreme Coverage, Content & Design
Re-design
![Page 35: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/35.jpg)
Extreme Coverage, Content & DesignExtreme Coverage, Content & Design
Re-design
Personalize it
![Page 36: Design](https://reader035.fdocuments.us/reader035/viewer/2022070303/54b689e34a7959b7428b4588/html5/thumbnails/36.jpg)
Extreme Coverage, Content & DesignExtreme Coverage, Content & Design