The document provides an agenda for a design workshop covering principles of good design, layout, typography, and cover design examples. It includes discussions on creativity, structure, simplicity, use of color, typeface contrast and spacing. Layout principles cover justifying columns, rule of thirds, visual weight and balance, and contrast. Typography principles cover serif vs. sans-serif typefaces and using different styles and weights to convey mood and improve readability. Examples are given of cover designs and typefaces to consider.

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