The elements of graphic design

1,884 views

Published on

Seminar given to physics PhD students at the University of Edinburgh about graphic design to motivate them to see design as problem solving.

Published in: Design, Business
1 Comment
16 Likes
Statistics
Notes
No Downloads
Views
Total views
1,884
On SlideShare
0
From Embeds
0
Number of Embeds
72
Actions
Shares
0
Downloads
0
Comments
1
Likes
16
Embeds 0
No embeds

No notes for slide

The elements of graphic design

  1. 1. the elements of Flaviu Cipcigan graphic design
  2. 2. the elements of graphic design design is everywhere what is design? elements of graphic design current trends
  3. 3. design is everywhere
  4. 4. why design?
  5. 5. I’ve been amazed at how often those outside the discipline of design assume that what designers do is decoration—likely because so much bad design sim- ply is decoration. Good design is problem solving. Jeffrey Veen why design? “ ”
  6. 6. design can save lives
  7. 7. 39% accuracy detecting heart failure Michelle Borkin: can astronomers help doctors?
  8. 8. 62% accuracy detecting heart failure Michelle Borkin: can astronomers help doctors?
  9. 9. Michelle Borkin: can astronomers help doctors? 91% accuracy detecting heart failure
  10. 10. Embrace $25 incubator
  11. 11. Basis watch
  12. 12. Design is conceiving and giving form to artefacts that solve problems. Karl T. Urlich what is design? “ ”
  13. 13. graphic design Graphic design’s essence is creating an image that transmits information
  14. 14. graphic design Graphic design’s essence is creating an image that transmits information in the clearest way possible
  15. 15. bit.ly/f1-evolution
  16. 16. bit.ly/f1-evolution
  17. 17. bit.ly/f1-evolution
  18. 18. bit.ly/f1-evolution
  19. 19. bit.ly/f1-evolution
  20. 20. the elements of graphic design
  21. 21. the elements of my bias: minimalist, almost flat design graphic design Ultimately, flat design is trying to challenge us to look at digital design not as a model of the physical world, but as a new world in and of itself. Luke Clum “ ”
  22. 22. the elements of what shapes placementcontrast whitespace balance focus rhythm type photos & illustrations colors texture whererelations graphic design
  23. 23. the elements of what shapes placementcontrast whitespace balance focus rhythm type photos & illustrations colors texture whererelations graphic design
  24. 24. shapes & outlines
  25. 25. shapes & outlinesshapes & outlines
  26. 26. shapes & outlines
  27. 27. the elements of what shapes placementcontrast whitespace balance focus rhythm type photos & illustrations colors texture whererelations graphic design
  28. 28. A typeface is the shape used to represent each letter and the associated spacing typography
  29. 29. point size72pt40pt typeface Quattrocento Helvetica –serifsans
  30. 30. baseline x-height ascender descender Helvetica Quattrocento x-height
  31. 31. kerning tracking leading
  32. 32. the elements of what shapes placementcontrast whitespace balance focus rhythm type photos & illustrations colors texture whererelations graphic design
  33. 33. Gaucho by Eduardo Amorim
  34. 34. the elements of what shapes placementcontrast whitespace balance focus rhythm type photos & illustrations colors texture whererelations graphic design
  35. 35. two color types additive subtractive R C M Y K G B
  36. 36. color model hue 0º 100% 100% 0% 0% 360º saturation brightness
  37. 37. color schemes monochromatic complementary triad
  38. 38. the elements of what shapes placementcontrast whitespace balance focus rhythm type photos & illustrations colors texture whererelations graphic design
  39. 39. texture adds character to a design
  40. 40. texture adds character to a design
  41. 41. texture adds character to a design by Josh Byers
  42. 42. the elements of what shapes placementcontrast whitespace balance focus rhythm type photos & illustrations colors texture whererelations graphic design
  43. 43. by Francesco Ianett when all other elements are minimal, contrast carries the message
  44. 44. without empty space, there is no focus by Kanaka Menehune
  45. 45. balance can be asymmetric
  46. 46. the elements of what shapes placementcontrast whitespace balance focus rhythm type photos & illustrations colors texture whererelations graphic design
  47. 47. use a grid for both alignment of elements and setting of text
  48. 48. focal point eye drawn to the
  49. 49. focus is the start of the journey. rhythm is the rest. by Don Pezzano
  50. 50. current trends in graphic design
  51. 51. the web
  52. 52. 1995
  53. 53. 2005
  54. 54. now
  55. 55. now
  56. 56. now
  57. 57. flat design almost focus on clean type and simple shapes, but can look clinical
  58. 58. vintage illustrations
  59. 59. letterpress printing
  60. 60. design problem solving & communication
  61. 61. design problem solving & communication & not decoraction

×