O slideshow foi denunciado.
Seu SlideShare está sendo baixado. ×

Design Principles for Non-Designers

Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Carregando em…3
×

Confira estes a seguir

1 de 72 Anúncio

Design Principles for Non-Designers

Baixar para ler offline

You don’t have to be a designer to design things that look good. Mykl will share tips and tools to take your design knowledge from just acceptable to downright awesome. He’ll cover color, photography, typography, and more.

You don’t have to be a designer to design things that look good. Mykl will share tips and tools to take your design knowledge from just acceptable to downright awesome. He’ll cover color, photography, typography, and more.

Anúncio
Anúncio

Mais Conteúdo rRelacionado

Diapositivos para si (20)

Quem viu também gostou (20)

Anúncio

Semelhante a Design Principles for Non-Designers (20)

Mais de Mykl Roventine (20)

Anúncio

Mais recentes (20)

Design Principles for Non-Designers

  1. 1. 2 • Designer of things 20+ years • Obsessed with typography • Love teaching about design
  2. 2. “If you have ever participated in the creation of something that humans would use, read, or otherwise interact with, then you have done design work.” Jason Shen
  3. 3. “Design may be described as creativity deployed to a specific end.” Sir George Cox
  4. 4. First, some questions
  5. 5. Four Basic Principles • Contrast • Repetition • Alignment • Proximity Source: The Non-Designer’s Design Book by Robin Williams
  6. 6. http://paper-leaf.com/blog/2012/10/principles-of-design-quick-reference-poster/
  7. 7. http://paper-leaf.com/blog/2012/10/principles-of-design-quick-reference-poster/
  8. 8. http://paper-leaf.com/blog/2012/10/principles-of-design-quick-reference-poster/
  9. 9. http://paper-leaf.com/blog/2012/10/principles-of-design-quick-reference-poster/
  10. 10. Additional Principles • Simplicity • White Space • Consistency • Scale • Visual Hierarchy
  11. 11. Simplicity giphy.com
  12. 12. Ausman101 on DeviantArt
  13. 13. Consistency uxpassion.com
  14. 14. canva.com/templates/
  15. 15. 17 designschool.canva.com
  16. 16. 18 Never underestimate the importance of visual hierarchy coetail.com
  17. 17. Putting The Pieces Together • Layout • Color • Typography • Photos & Images • Icons
  18. 18. graphicdesign.com/article/working-with-grid-systems/ Layout
  19. 19. sixrevisions.com
  20. 20. imamuseum.org
  21. 21. w3.org
  22. 22. serif.com
  23. 23. Color giphy.com
  24. 24. 26
  25. 25. Hex Colors • Annotation for the combination of Red, Green, and Blue color values (RGB) • HEX values are specified as 3 pairs of two- digit numbers, starting with a # sign
  26. 26. 29 chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka
  27. 27. colourlovers.com
  28. 28. design-seeds.com
  29. 29. coolors.co
  30. 30. color.adobe.com/create/color-wheel/
  31. 31. palettab.com
  32. 32. palettab.com
  33. 33. Typography giphy.com
  34. 34. 37 webdesignerdepot.com
  35. 35. 38 tomgabor.com
  36. 36. Type Tips • Limit the number of typefaces • Match the typeface to your focus • Stay consistent spyrestudios.com
  37. 37. 40 fontpair.co
  38. 38. 41 typeconnection.com
  39. 39. 42 typ.io
  40. 40. fontsquirrel.com/fonts/list/hot_web
  41. 41. dafont.com
  42. 42. https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=en
  43. 43. google.com/fonts
  44. 44. typekit.com
  45. 45. Photos & Images giphy.com
  46. 46. 49 The human brain processes visuals 60,000 times faster than text dierk schaefer on Flickr
  47. 47. The Rule of Thirds Wikimedia Commons
  48. 48. Images Size & Quality • Physical Size* • File Size • Resolution • File Type * IMPORTANT
  49. 49. 52 pixlr.com picmonkey.com canva.com
  50. 50. photoshop.com/tools
  51. 51. 54 croppola.com
  52. 52. creativecommons.org
  53. 53. compfight.com
  54. 54. Beyond Stock Photography
  55. 55. stocksy.com
  56. 56. gratisography.com
  57. 57. deathtothestockphoto.com
  58. 58. creativemarket.com
  59. 59. Icons thenounproject.com
  60. 60. Choosing Icons Be creative Don’t mix styles Format/size is important Give credit
  61. 61. thenounproject.com
  62. 62. iconfinder.com
  63. 63. “A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.”
 Antoine de Saint-Exupéry
  64. 64. Look Around. Get Inspired. • Pay attention to what you like about other sites • Find & follow creative curators on the web and via social channels • Listen to recommendations • Apply what you learn emiliokuffer on Flickr
  65. 65. ed_needs_a_bicycle on Flickr
  66. 66. Nate Grigg on Flickr

×