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.

Transcript

1. THINGS TO MAKE NICE THINGS WITH
2. Don’t overthink. Reduce, remove, reuse. Make things that last.
3. PLAYGROUND
5. TOOLS OF TRADE
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
21. RESOLUTION INDEPENDENCE
24. COLOR
28. Subtraction.com http://subtraction.com/
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/
41. ICONOGRAPHY
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/
61. PHOTOGRAPHY
62. Square http://squareup.com/
63. Gojee http://gojee.com/
64. Gojee http://gojee.com/
66. MOTION SOUND PRODUCTION
67. Hard work. Your best judgement. Some style.
68. THANK YOU