Design Workshop 1 - Fall 2012

354 views

Published on

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

Published in: Design, Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
354
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
20
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Design Workshop 1 - Fall 2012

  1. 1. Publications Committee Fall 2012D esi gn Wor k sh op 1 By: Jef f Zhan & St ephani e Cheng
  2. 2. To-Do’s for Today:• What is Good Design?• Principles of Layout*• Principles of Type• Cover Design ExamplesTo-Dos
  3. 3. What i s Good De s i g n ?What is Good Design?
  4. 4. Cr ea ti vi tyWhat is Good Design?
  5. 5. St ruc t ure
  6. 6. Cl ean . ( t hi nk APPLE)What is Good Design?
  7. 7. Gener al L ayoutWhat is Good Design?
  8. 8. Justify Columns.
  9. 9. “ Rul e ofThi r ds. ”Principles of Layout
  10. 10. What is Good Design?
  11. 11. What is Good Design?
  12. 12. Principles of Layout
  13. 13. Two- Col umn L ayout .Principles of Layout
  14. 14. Principles of Layout
  15. 15. Principles of Layout
  16. 16. Vi sualCent er . And Bal ance.Principles of Layout
  17. 17. Vi sualCent er . And Bal ance. No St r uct ur e. But has Focal Poi nt .Principles of Layout
  18. 18. Cont r ast Case/ Col o al r Sm lVi sual t extCent er . And Bal ance. No St r uct ur e. But has Focal Poi nt .Principles of Layout
  19. 19. B g 5: i 1. Cont r ast 2. Col or 3. Type 4. Spaci ng 5. Al i gnmentPrinciples of Layout
  20. 20. 1. Cont ras t ( c ol or/pl ac em ) entWhat is Good Design?
  21. 21. 1. Cont ras t ( f ont t hi c knes s )Principles of Layout
  22. 22. Typography
  23. 23. 4. Spac i ng ( c l ean/organi zed)
  24. 24. Audi ence.Principles of Layout
  25. 25. 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 HeavyPrinciples of Layout
  26. 26. What is Good Design?
  27. 27. Typography
  28. 28. Typography
  29. 29. Why Ser i f / Sans- Ser i f ?Typography
  30. 30. Cont r aststyle. w ght s . ei m ood. r eadi bi l i t y . Typography
  31. 31. Typography
  32. 32. Typography
  33. 33. Typography
  34. 34. If P s i bl e: osTi t l e:Sans- ser i f .Moder n. Si m i st i c. M ni m . pl i alBody Text :Use Ser i f i f l ong t ext .Bet t er r eadi ng exper i ence. .Typography
  35. 35. Serif: Bodoni Perpetua Trajan (PBL) MuseoWhat is Design?
  36. 36. S an s-S er i f: Got ham / Got ham Helvetica Standard Helvetica Standard Condensed LuzSans-Book ArialWhat is Design?
  37. 37. Spr eads & Cover sPrinciples of Layout
  38. 38. Cover Examples
  39. 39. Cover Examples
  40. 40. Cover Examples
  41. 41. Cover Examples
  42. 42. Cover Examples
  43. 43. Cover Examples

×