Design Workshop 1 - Fall 2012
description
Transcript of Design Workshop 1 - Fall 2012
![Page 1: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/1.jpg)
Design WorkshopBy: Jeff Zhan & Stephanie Cheng
Publications Committee Fall 2012
1
![Page 2: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/2.jpg)
To-Do’s for Today:
• What is Good Design?• Principles of Layout*• Principles of Type• Cover Design Examples
To-Dos
![Page 3: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/3.jpg)
What is Good Design?
What is Good Design?
![Page 4: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/4.jpg)
What is Good Design?
Creativity
![Page 5: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/5.jpg)
Structure
![Page 6: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/6.jpg)
What is Good Design?
Clean.
(think APPLE)
![Page 7: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/7.jpg)
What is Good Design?
General Layout
![Page 8: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/8.jpg)
![Page 9: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/9.jpg)
Justify Columns.
![Page 10: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/10.jpg)
Principles of Layout
“Rule of Thirds.”
![Page 11: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/11.jpg)
What is Good Design?
![Page 12: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/12.jpg)
What is Good Design?
![Page 13: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/13.jpg)
![Page 14: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/14.jpg)
![Page 15: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/15.jpg)
Principles of Layout
![Page 16: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/16.jpg)
![Page 17: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/17.jpg)
![Page 18: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/18.jpg)
![Page 19: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/19.jpg)
![Page 20: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/20.jpg)
![Page 21: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/21.jpg)
Two-Column
Layout.
Principles of Layout
![Page 22: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/22.jpg)
Principles of Layout
![Page 23: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/23.jpg)
Principles of Layout
![Page 24: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/24.jpg)
![Page 25: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/25.jpg)
![Page 26: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/26.jpg)
![Page 27: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/27.jpg)
![Page 28: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/28.jpg)
Principles of Layout
Visual Center.And Balance.
![Page 29: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/29.jpg)
Visual Center.And Balance.
No Structure.But has Focal Point.
Principles of Layout
![Page 30: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/30.jpg)
Visual Center.And Balance.
Small text
Case/Color
Contrast
No Structure.But has Focal Point.
Principles of Layout
![Page 31: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/31.jpg)
![Page 32: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/32.jpg)
![Page 33: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/33.jpg)
Principles of Layout
Big 5:1. Contrast2. Color3. Type
5. Alignment
4. Spacing
![Page 34: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/34.jpg)
What is Good Design?
1. Contrast(color/placement)
![Page 35: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/35.jpg)
Principles of Layout
1. Contrast(font thickness)
![Page 36: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/36.jpg)
Typography
![Page 37: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/37.jpg)
4. Spacing (clean/organized)
![Page 38: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/38.jpg)
Principles of Layout
Audience.
![Page 39: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/39.jpg)
Newsletter?
Principles of Layout
Business Report?
Flyer or Ad?
Cover or Spread?
Design Heavy
Structure Heavy
![Page 40: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/40.jpg)
What is Good Design?
![Page 41: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/41.jpg)
Typography
![Page 42: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/42.jpg)
Typography
![Page 43: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/43.jpg)
Why Serif/Sans-Serif? Typography
![Page 44: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/44.jpg)
Typography
weights.Contrast style.
readibility.mood.
![Page 45: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/45.jpg)
Typography
![Page 46: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/46.jpg)
Typography
![Page 47: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/47.jpg)
Typography
![Page 48: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/48.jpg)
Typography
If Possible:
Title: Sans-serif.Modern. Simplistic. Minimal.
Body Text: Use Serif if long text.Better reading experience..
![Page 49: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/49.jpg)
What is Design?
Serif:
BodoniPerpetuaTrajan (PBL)Museo
![Page 50: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/50.jpg)
What is Design?
Sans-Serif:Gotham / GothamHelvetica StandardHelvetica Standard CondensedLuzSans-BookArial
![Page 51: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/51.jpg)
Spreads &
Covers
Principles of Layout
![Page 52: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/52.jpg)
Cover Examples
![Page 53: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/53.jpg)
Cover Examples
![Page 54: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/54.jpg)
Cover Examples
![Page 55: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/55.jpg)
![Page 56: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/56.jpg)
Cover Examples
![Page 57: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/57.jpg)
Cover Examples
![Page 58: Design Workshop 1 - Fall 2012](https://reader035.fdocuments.us/reader035/viewer/2022081413/5468f2f5af79596a1b8b4a5b/html5/thumbnails/58.jpg)
Cover Examples