Theme design package design trends fonts and color.
-
Upload
tabitha-shields -
Category
Documents
-
view
231 -
download
0
Transcript of Theme design package design trends fonts and color.
![Page 1: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/1.jpg)
•theme
•design package
•design trends
•fonts and color
![Page 2: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/2.jpg)
A theme is a…
•unifying concept
•coverage catalyst
•tone & mood enhancer
•set of words (verbal)
•graphic packaging (visual)
•method of story-telling
![Page 3: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/3.jpg)
Think verbally
•Understand & dissect theme/concept
•Interpret key words & their ability to unfold the story of the year
•Explore synonym/antonym words & phrases for potential integration
•Determine the writing style & the copy treatments that will best communicate your theme/concept
![Page 4: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/4.jpg)
Visually appealing
Make the best photo & graphic choices:•promotes sign of the times
•provides mass appeal
•creates isolated elements
•shows tone & mood
•indicates reader recognition
•allows for inclusivity
•enhances overall concept
![Page 5: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/5.jpg)
Layer your theme:•Tell the story in multiple ways
•Echo verbal & visual formatsrepeat words & phrases
repeat/reflect shapes or graphic tools
•Incorporate in coverage plan
•Marry content with design process
•Vary the methods of incorporation
•Create elements & designs that are “this book” specific
![Page 6: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/6.jpg)
Visual layering
Develops concept & offers reader cuesIn photos:
content size, shape, positioning, packaging
In type:font, style, size, case, placement
In graphics:lines, shapes, textures, color, white space
In color:lines, shapes, graphics, backgrounds
![Page 7: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/7.jpg)
![Page 8: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/8.jpg)
![Page 9: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/9.jpg)
![Page 10: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/10.jpg)
![Page 11: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/11.jpg)
Verbal layering
Repeating & relating wordsUse for identification/labels with…
quote boxes, info-graphs, photo collections
Guide questions for…quotes, headlines, copy formats
![Page 12: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/12.jpg)
![Page 13: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/13.jpg)
![Page 14: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/14.jpg)
![Page 15: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/15.jpg)
Design specific termsfor a DPS
Layout (template for each page) Structure (column division) Dominance (focal point of the page) Contrast (visual interest created by variety) Eyeflow/Eyeline (keeps the reader interacting
w/content) Linkage (visually links two facing pages)
These elements should be a part of the page designing process.
![Page 16: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/16.jpg)
See Design PowerPoint
![Page 17: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/17.jpg)
http://www.creativebloq.com/print-design/top-trends-print-design-2013-5132941
Design Trends
1. Flat Design
2. Typographic Contrast
3. Distortion
4. Playfulness
5. Hand Lettering/Letterbox
![Page 18: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/18.jpg)
![Page 19: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/19.jpg)
![Page 20: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/20.jpg)
![Page 21: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/21.jpg)
![Page 22: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/22.jpg)
Using typography to enhance content
establish a hierarchy of sizes from large to small
Structure (column division) resist the urge to use a lot of fonts;
vary weight, case and color to create different looks
Contrast (visual interest created by variety) combine two contrasting fonts [serif
and sans serif; thick and thin] readers should notice the words not
the lettering itself
![Page 23: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/23.jpg)
![Page 24: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/24.jpg)
![Page 25: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/25.jpg)
Examples from Web Design
http://tympanus.net/codrops/2011/11/12/25-fresh-examples-of-beautiful-typeface-combinations-in-web-design/
![Page 26: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/26.jpg)
Color properties
Warm & coolRed/yellow/orange & blue/green/violet
Monochromatic
Complementary
Analogous-similar
Color palettes
Tints & shades
![Page 27: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/27.jpg)
Color strategiesNumber of colors
Type & palette selection
Strategic content enhancementEchoing
Complementing
Contrasting
Trademarking
ConcernsBusy, distracting colors & combinations
Tint & shade adjustments
![Page 28: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/28.jpg)
Color Resources•Jostens Color Guide
•Pantone Color Trends/Predictions
http://www.pantone.com/pages/fcr.aspx?pg=21064&ca=4
•Infographic on Color Meanings
http://designspiration.net/image/3651587849394/
•Color Psychology
http://media-cache-ec3.pinimg.com/736x/3f/a4/12/3fa4126abf2e9b5e93a7efe8052dae5d.jpg
•Color Wheel Handout
![Page 29: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/29.jpg)
Theme activity:Evaluate your 2013 book for thematic concepts (see below). How well did you do? What can you add to your 2014 book to bring your theme together?
•cover•fonts•color•graphics•design•repeated ideas/concepts•anything else?
![Page 30: Theme design package design trends fonts and color.](https://reader038.fdocuments.net/reader038/viewer/2022103023/56649e185503460f94b03bb0/html5/thumbnails/30.jpg)