Top Banner
Design Workshop By: Jeff Zhan & Stephanie Cheng Publications Committee Fall 2012 1
58

Design Workshop 1 - Fall 2012

Nov 17, 2014

Download

Design

Jeff Zhan

PBL Publications Committee, Design Workshop #1, Fall 2012. By Jeff and Stephanie.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Design Workshop 1 - Fall 2012

Design WorkshopBy: Jeff Zhan & Stephanie Cheng

Publications Committee Fall 2012

1

Page 2: Design Workshop 1 - Fall 2012

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

What is Good Design?

What is Good Design?

Page 4: Design Workshop 1 - Fall 2012

What is Good Design?

Creativity

Page 5: Design Workshop 1 - Fall 2012

Structure

Page 6: Design Workshop 1 - Fall 2012

What is Good Design?

Clean.

(think APPLE)

Page 7: Design Workshop 1 - Fall 2012

What is Good Design?

General Layout

Page 8: Design Workshop 1 - Fall 2012
Page 9: Design Workshop 1 - Fall 2012

Justify Columns.

Page 10: Design Workshop 1 - Fall 2012

Principles of Layout

“Rule of Thirds.”

Page 11: Design Workshop 1 - Fall 2012

What is Good Design?

Page 12: Design Workshop 1 - Fall 2012

What is Good Design?

Page 13: Design Workshop 1 - Fall 2012
Page 14: Design Workshop 1 - Fall 2012
Page 15: Design Workshop 1 - Fall 2012

Principles of Layout

Page 16: Design Workshop 1 - Fall 2012
Page 17: Design Workshop 1 - Fall 2012
Page 18: Design Workshop 1 - Fall 2012
Page 19: Design Workshop 1 - Fall 2012
Page 20: Design Workshop 1 - Fall 2012
Page 21: Design Workshop 1 - Fall 2012

Two-Column

Layout.

Principles of Layout

Page 22: Design Workshop 1 - Fall 2012

Principles of Layout

Page 23: Design Workshop 1 - Fall 2012

Principles of Layout

Page 24: Design Workshop 1 - Fall 2012
Page 25: Design Workshop 1 - Fall 2012
Page 26: Design Workshop 1 - Fall 2012
Page 27: Design Workshop 1 - Fall 2012
Page 28: Design Workshop 1 - Fall 2012

Principles of Layout

Visual Center.And Balance.

Page 29: Design Workshop 1 - Fall 2012

Visual Center.And Balance.

No Structure.But has Focal Point.

Principles of Layout

Page 30: Design Workshop 1 - Fall 2012

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
Page 32: Design Workshop 1 - Fall 2012
Page 33: Design Workshop 1 - Fall 2012

Principles of Layout

Big 5:1. Contrast2. Color3. Type

5. Alignment

4. Spacing

Page 34: Design Workshop 1 - Fall 2012

What is Good Design?

1. Contrast(color/placement)

Page 35: Design Workshop 1 - Fall 2012

Principles of Layout

1. Contrast(font thickness)

Page 36: Design Workshop 1 - Fall 2012

Typography

Page 37: Design Workshop 1 - Fall 2012

4. Spacing (clean/organized)

Page 38: Design Workshop 1 - Fall 2012

Principles of Layout

Audience.

Page 39: Design Workshop 1 - Fall 2012

Newsletter?

Principles of Layout

Business Report?

Flyer or Ad?

Cover or Spread?

Design Heavy

Structure Heavy

Page 40: Design Workshop 1 - Fall 2012

What is Good Design?

Page 41: Design Workshop 1 - Fall 2012

Typography

Page 42: Design Workshop 1 - Fall 2012

Typography

Page 43: Design Workshop 1 - Fall 2012

Why Serif/Sans-Serif? Typography

Page 44: Design Workshop 1 - Fall 2012

Typography

weights.Contrast style.

readibility.mood.

Page 45: Design Workshop 1 - Fall 2012

Typography

Page 46: Design Workshop 1 - Fall 2012

Typography

Page 47: Design Workshop 1 - Fall 2012

Typography

Page 48: Design Workshop 1 - Fall 2012

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

What is Design?

Serif:

BodoniPerpetuaTrajan (PBL)Museo

Page 50: Design Workshop 1 - Fall 2012

What is Design?

Sans-Serif:Gotham / GothamHelvetica StandardHelvetica Standard CondensedLuzSans-BookArial

Page 51: Design Workshop 1 - Fall 2012

Spreads &

Covers

Principles of Layout

Page 52: Design Workshop 1 - Fall 2012

Cover Examples

Page 53: Design Workshop 1 - Fall 2012

Cover Examples

Page 54: Design Workshop 1 - Fall 2012

Cover Examples

Page 55: Design Workshop 1 - Fall 2012
Page 56: Design Workshop 1 - Fall 2012

Cover Examples

Page 57: Design Workshop 1 - Fall 2012

Cover Examples

Page 58: Design Workshop 1 - Fall 2012

Cover Examples