Upgrade to Pro — share decks privately, control downloads, hide ads and more …

DDVE design class. Visual design

1591ee5da3f4480605ace6fcc0b8d43f?s=47 Jaanus Kase
December 12, 2011

DDVE design class. Visual design

A presentation by Priidu Zilmer as part of a two-day design workshop for Tartu University’s Design and Development of Virtual Environments Master’s program. See www.ddve.ee for more info.

1591ee5da3f4480605ace6fcc0b8d43f?s=128

Jaanus Kase

December 12, 2011
Tweet

Transcript

  1. THINGS TO MAKE NICE THINGS WITH

  2. Don’t overthink. Reduce, remove, reuse. Make things that last.

  3. PLAYGROUND

  4. None
  5. TOOLS OF TRADE

  6. None
  7. PIXELMATOR ACORN iDRAW

  8. BALSAMIQ ANTETYPE OMNIGRAFFLE

  9. PICTURESQUE HUES ICON COMPOSER

  10. PAGE

  11. gridr buildrrr http://gridr.atomeye.com/

  12. 960 Grid System http://960.gs/

  13. Less Framework 4 http://lessframework.com/

  14. Golden Grid System http://goldengridsystem.com/

  15. Frameless http://framelessgrid.com/

  16. #grid http://hashgrid.com/

  17. PIXEL

  18. None
  19. None
  20. None
  21. RESOLUTION INDEPENDENCE

  22. None
  23. None
  24. COLOR

  25. None
  26. None
  27. None
  28. Subtraction.com http://subtraction.com/

  29. None
  30. None
  31. None
  32. None
  33. None
  34. Michael Van Valkenburgh Associates, Inc. http://mvvainc.com/

  35. TYPOGRAPHY

  36. Font Family Arial, Helvetica, sans-serif; Headers Other Body 13pixels Twee

    cred readymade scenester sustainable. Aesthetic PBR food truck scenester dreamcatcher, single-origin coffee yr banksy mlkshk. Tofu VHS fixie chambray american apparel. Hoodie tumblr keytar banh mi, fap vice echo park shoreditch. 24 pixels H1 16 pixels H2 13 pixels H3 BOLD, LINE HEIGHT 24PX BOLD, LINE HEIGHT 16PX Terry richardson tofu portland chambray, synth trust fund messenger bag freegan you probably haven't heard of them DIY viral banksy fixie. Excerpt LINE HEIGHT 20PX, PARAGRAPH SPACING 24PX BOLD, LINE HEIGHT 16PX 16pixels Echo park readymade squid quinoa mixtape. Trust fund freegan skateboard jean shorts vice. Art party sartorial lo-fi +1, raw denim cardigan terry richardson. Sustainable echo park whatever tattooed bicycle rights. LINE HEIGHT 24PX, PARAGRAPH SPACING 24PX Small 11pixels Shoreditch next level aesthetic american apparel. Iphone fixie art party, +1 chambray cardigan viral high life next level wolf cred thundercats. Keytar beard aesthetic, mustache viral food truck butcher portland cardigan fap biodiesel marfa. LINE HEIGHT 20PX, PARAGRAPH SPACING 24PX Art party sartorial lo-fi +1, raw denim cardigan terry richardson. Sustainable echo park whatever tattooed bicycle rights.
  37. Whitney | Hoefler & Frere-Jones http://typography.com/

  38. Typekit http://typekit.com/

  39. Kerning.js http://http://endtwist.github.com/kerning.js/

  40. None
  41. ICONOGRAPHY

  42. None
  43. None
  44. None
  45. None
  46. None
  47. None
  48. None
  49. None
  50. None
  51. None
  52. None
  53. None
  54. None
  55. None
  56. CONTROLS

  57. Normal Gray Green Red With an icon With an icon

    and a label Dropdown With a menu Dropdown with an icon With a badge With a critical badge Selector Selector with icons Switch Down Default Down Default
  58. Bootstrap, from Twitter http://twitter.github.com/bootstrap/

  59. None
  60. None
  61. PHOTOGRAPHY

  62. Square http://squareup.com/

  63. Gojee http://gojee.com/

  64. Gojee http://gojee.com/

  65. None
  66. MOTION SOUND PRODUCTION

  67. Hard work. Your best judgement. Some style.

  68. THANK YOU