PBL Publications Committee, Design Workshop #1, Fall 2012. By Jeff and Stephanie.

1. Publications Committee Fall 2012
D esi gn Wor k sh op
1
By: Jef f Zhan & St ephani e
Cheng

2. To-Do’s for Today:
• What is Good Design?
• Principles of Layout*
• Principles of Type
• Cover Design Examples
To-Dos

3. What i s Good
De s i g n ?
What is Good Design?

4. Cr
ea
ti
vi
ty
What is Good Design?

5. St ruc t ur
e

6. Cl ean
.
( t hi nk APPLE)
What is Good Design?

7. Gener al L ayout
What is Good Design?

9. Justify Columns.

10. “ Rul e of
Thi r ds. ”
Principles of Layout

11. What is Good Design?

12. What is Good Design?

15. Principles of Layout

21. Two- Col umn
L ayout .
Principles of Layout

22. Principles of Layout

23. Principles of Layout

28. Vi sual
Cent er .
And Bal ance.
Principles of Layout

29. Vi sual
Cent er .
And Bal ance.
No St r uct ur e.
But has Focal
Poi nt .
Principles of Layout

30. Cont r ast
Case/ Col o
al r
Sm l
Vi sual t ext
Cent er .
And Bal ance.
No St r uct ur e.
But has Focal
Poi nt .
Principles of Layout

33. B g 5:
i
1.
Cont r ast
2. Col or
3. Type
4.
Spaci ng
5.
Al i gnment
Principles of Layout

34. 1. Cont ras t
( c ol or/pl ac em )
ent
What is Good Design?

35. 1. Cont ras
t
( f ont
t hi c knes s )
Principles of Layout

36. Typography

37. 4. Spac i ng
( c l ean/organi zed)

38. Audi ence.
Principles of Layout

39. St r uct ur e
Busi ness Heavy
Repor t ?
N ewsl et t er ?
Cover or
Spr ead?
Fl yer or Ad?
Desi gn Heavy
Principles of Layout

40. What is Good Design?

41. Typography

42. Typography

43. Why Ser i f / Sans- Ser i f ?
Typography

44. Cont r ast
style.
w ght s .
ei
m ood.
r eadi bi l i t y
.
Typography

45. Typography

46. Typography

47. Typography

48. If P s i bl e:
os
Ti t l e:
Sans- ser i f .
Moder n. Si m i st i c. M ni m .
pl i al
Body Text :
Use Ser i f i f l ong t ext .
Bet t er r eadi ng exper i ence. .
Typography

49. Serif:
Bodoni
Perpetua
Trajan (PBL)
Museo
What is Design?

50. S an s-S er i f:
Got ham / Got ham
Helvetica Standard
Helvetica Standard Condensed
LuzSans-Book
Arial
What is Design?

51. Spr eads &
Cover s
Principles of Layout

52. Cover Examples

53. Cover Examples

54. Cover Examples

56. Cover Examples

57. Cover Examples

58. Cover Examples