Visual Design Hacking | Storytelling Workshop

STORYTELLING WORKSHOP VISUAL DESIGN HACKING Purin Phanichphant

VISUAL DESIGN HACKING One Goal: To equip you with simple and actionable techniques to kick ass at visual design.

VISUAL DESIGN HACKING VISUAL DESIGN IS AN EXTREMELY VALUABLE SKILL. IT GOES A LONG WAY.

VISUAL DESIGN HACKING VISUAL DESIGN IS 1% GIFT, 99% LEARNABLE SKILL.

VISUAL DESIGN HACKING

VISUAL DESIGN HACKING AHA! I’M GOOD I’M AWESOME 2003 2004 2005 2006 2007 2008 2009 2010 2011

VISUAL DESIGN HACKING JUST LIKE MUSIC JUST LIKE BIKING JUST LIKE PUBLIC SPEAKING Photo credits: Google Images

VISUAL DESIGN HACKING THERE ARE SHORTCUTS AND TRICKS TO GREAT VISUAL DESIGN. SPECIFICALLY: 1.Line things up 2. Leave breathing room for the eye 3. Use designer fonts 4. Be consistent 5. Pick only a few colors 6. Copy good examples 7. Use Keynote

VISUAL DESIGN HACKING 1. LINE THINGS UP

VISUAL DESIGN HACKING

VISUAL DESIGN HACKING 6Y^inV8]VcY Bdc^XV H:GK>8:HNHI:B;DG6=:6AI=N8DAA:<:A>;:HINA: 8VgcZ\^ZBZaadcJc^kZgh^in 68@CDLA:9<:B:CIH Egd[Zhhdg?dY^;dga^oo^ Egd[ZhhdgH]Zaan:kZchdc HX]ddad[9Zh^\c HX]ddad[8dbejiZgHX^ZcXZ 8BJHijYZci=ZVai]HZgk^XZh 8daaZ\Z^hVc^c[VbdjheaVXZ[dg]ZVai]egdWaZbhgVc\^c\[gdb bZciVahigZhhidZVi^c\Y^hdgYZgh#LZX]dhZidZmVb^cZi]Z a^[ZhinaZhd[[ZbVaZXdaaZ\ZhijYZcih#LZlZgZ^cig^\jZYWni]Z igZbZcYdjhegZhhjgZid`ZZejel^i]VXVYZb^XhVcYhdX^Vaa^[Z#>i^h VahdY^[ÒXjaiid`cdlZmVXian]dllZaa"WVaVcXZYbZVahVgZ#8dbW^cZ i]^hl^i]i]ZY^[ÒXjain^cgZbZbWZg^c\l]VidcZ]VhZViZcVcY^i WZXdbZhXaZVgi]ViZkZcVh^beaZY^heaVnd[i]Zcjig^i^dcVaWVaVcXZ d[[ddYXdjaYWZZcdj\]id]ZaehdbZeZdeaZÒcYi]Zg^\]i[ddYh# G:H:6G8= LZZbeadnZYjhZg"XZciZgZYYZh^\cbZi]dYhl^i]^c djggZhZVgX]e]VhZ^cXajY^c\XdciZmijVa^cfj^gn!jhZg _djgcVah!VcYeVgi^X^eVidgnYZh^\cXdaaV\^c\hZhh^dch# 6YY^i^dcVaanlZVXfj^gZY^ch^\]ih[gdba^iZgVijgZ gZk^Zlhd[gZhZVgX]eVeZghVcYejWa^h]ZYVgi^XaZh! [gdb^ciZgk^Zlhl^i]cjig^i^dc^hihVcYeZghdcVa]ZVai] bdc^idg^c\ZmeZgih!VcYXdbeZi^i^kZegdYjXiVcVanhZh# 8DCI:MIJ6A>CFJ>GN ?DJGC6A>C< E6GI>8>E6IDGN9:H>8:9:H>H H:GK>8:6G8=>I:8IJG: 8ViZ\dg^oVi^dcd[\gdjehVcY^cY^k^YjVah 8daaZ\ZhijYZci[ddYejgX]VhZbdYZa HnhiZbY^V\gVb#I]ZhZgk^XZ^h^c^i^ViZY ;gdbdjgÒcY^c\h!^ilVhVeeVgZcii]VihijYZcih VXXdgY^c\idi]Z^g^cÓjZcXZhdci]ZhZgk^XZ Wnhl^e^c\i]ZXVbejh>9XVgY# XdjaYWZcZÒi[gdbeVhh^kZ^c[dgbVi^dcVieVnbZci WZ^c\YZh^\cZY 8DAA:<:;DD9 EJG8=6H>C<BD9:A ;DD9>C9JHIGN >9VcYediZci^V ed^cih#LZ]VkZXdch^YZgZYbVcndei^dch[dgVcZl AdXVa a GZhiVjgVcih =:6AI= [ddY dg ;ddYIgjX`h H:GK>8:H YZg C;DGB6I>DC eVnbZcihnhiZbi]ViXVcWZWj^aidcided[Zm^hi^c\ HjeZgbVg`Zi HiVcYh 9:IDC6C8>6A =ZVai] 7JH>C:HHE6GIC:GH HZgk^XZh ;^cVcX^VaHZgk^XZh$7Vc`h =:6AI=N >chjgVcXZ 9:8>9:L=6I;DD9ID7JN 7VaVcXZEVhh!VcZVhnlVnideVnVcY\ZiVYk^XZdc :miZcYZY E6NB:CI 8dbeVcn Hl^eZhZcYh>9 8gZY^i8VgYHnhiZb H:GK>8: GZ\^hiZg 6bVodc Ldg`Zgh JC>K:GH>IN >C;DGB6I>DCEJH= 6X X djciWVaVc E6N;DGI=:;DD9 XZ ]ZVai]^Zgdei^dch[dgXdaaZ\ZhijYZcih# B Jc^kZgh^in :6I ;Vb^an =djh^c\ ;g^ZcYh ;ddYHZgk^XZ HD8>6A JeeZg 8dcigVXidg 7:H6I>H;>:9 XaVhhbZc Cdihd KZcY^c\ XadhZ KZcY^c\ HZgk^XZ 9 XVgY GZfjZh i[ d g \gVe]h 8Vbejh l^gZaZhh >c hZg i^dc ig^\\ Z gh 8VgY]daYZg gZfj Cjig^i^dc Z h i[ d g\ gVe] h \gVe]h 7ZXdbZ]jc\gn 9ZX^YZl]^X]eaVXZid\did 9ZX^YZl]Vi[ddYidWjn EVn[dgi]Z[ddY :Vi JH6<:H8:C6G>D LZ[ZZa^i^h^bedgiVciidcdidcanYZh^\ci]ZhZgk^XZ Vii]ZXdcXZeijVaaZkZa!WjiidVahdadd`Vii]ZhijYZci ZmeZg^ZcXZl^i]i]ZhZgk^XZ#6il]^X]ed^cihXVc ^c[dgbVi^dcWZVXXZhhZY4L]ViYdZhVYZk^XZadd` a^`Z4=dlYdZhVhijYZci^ciZgVXil^i]^i4>cdgYZgid \gdjcYdjghZgk^XZYZh^\c!lZ]VkZ\ZcZgViZYVjhZg eZghdcVVcYhXZcVg^dd[]dli]ZZci^gZhnhiZbldg`h id\Zi]ZghZVbaZhhan# >iÉhajcX]i^bZ# H]Zha^ehdji]Zg 7ZXVjhZh]Z L]^aZ^ci]ZhidgZ 7VaVcXZEVhh H]ZeVnh[dg I]ZY^heaVnhh]dlh HVgV]ZVih]Zg HVgV]_jhi\didji 7VaVcXZEVhhidhZZ YdZhcÉi]VkZbjX] h]ZjhZh7VaVcXZ hj\\ZhiZYbZVah i]ZbZVal^i] i]Vi]ZgdkZgVaa hVcYl^X]`cdl^c\ d[]ZgVgi]^hidgn i]ZgZXdbbZcYVi^dc i^bZ!HVgV]VcY]Zg EVhhidÒcY l]^X]]VYbdYZgViZ ]ZgXVbejh>9# cjig^i^dcWVaVcXZ i]Vih]Zl^aabZZi XaVhhVcY]Vh'* [dgidYVnÉhfj^X`Zhi [g^ZcYhYZX^YZid\d ]ZVai]ndei^dch# Vbdjcihd[egdiZ^c 7VaVcXZEVhh ^hhi^aa\ddY#H]Z ]Zg\dVad[adh^c\h^m b^cjiZhWZ[dgZ VcY]ZVai]^ZhibZVah# idi]ZXadhZhihidgZ# WZXVjhZHVgV]]VhcÉi jeYViZh^ihY^heaVn ^hgZlVgYZYÒkZ edjcYhWni]ZZcYd[ ]ZgcZmiXaVhh# ]VYbjX]d[^iaViZan# l]Zch]Zejihi]Z ed^cih[dgbV`^c\V i]ZhZbZhiZg# H]ZYZX^YZhid\d H]ZYZX^YZhid]VkZV >9WVX`^ch^YZ# ]ZVai]nX]d^XZ# \gVWajcX]l^i] ijg`ZnhVcYl^X]VcY ]Zg[g^ZcYh# ^XZYiZV# >CI:G;68:9:H>ANCJIG>I>DCK>:L L::@ANCJIG>I>DCIG:C9 B:6A69K>HDG ß9^heaVnhYZiV^aZYcjig^i^dc]^hidgni]gdj\]djii]ZYVn ß9^heaVnhcjig^i^dcigZcYVcYWVaVcXZdkZgVldg`lZZ` ß9^heaVnZYdcXZhijYZcihZaZXihVbZVa ßHjbbVg^oZhd[hjgeajhZhVcYYZÒX^ih ßIde"g^\]iYdi^cY^XViZhdkZgVaacjig^i^dcWVaVcXZl]ZgZ ßBZVahj\\Zhi^dchWVhZYdcXjggZcie]nh^XVaadXVi^dc \gZn^hlZaa"WVaVcXZYVcYgZY^haZhhWVaVcXZY# ßHdgiVWaZWnY^hiVcXZ!eg^XZ!dgcjig^i^dcWVaVcXZ

VISUAL DESIGN HACKING Movie posters from Objectified and True Grit

VISUAL DESIGN HACKING 2. LEAVE BREATHING ROOM FOR THE EYE

VISUAL DESIGN HACKING Slides courtesy of howtwosondesign.blogspot.com

VISUAL DESIGN HACKING Poster by Dutch graphic designer Wim Crouwel Poster from 2008 JVC Newport Jazz Festival

VISUAL DESIGN HACKING

VISUAL DESIGN HACKING Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse.

VISUAL DESIGN HACKING 3. USE DESIGNER FONTS

VISUAL DESIGN HACKING http://bit.ly/designerfonts

VISUAL DESIGN HACKING 3.5 DO NOT USE THESE FONTS FROM HELL

VISUAL DESIGN HACKING Comic Sans Curlz IMPACT

VISUAL DESIGN HACKING 4. BE CONSISTENT

VISUAL DESIGN HACKING

VISUAL DESIGN HACKING 5. PICK ONLY A FEW COMPLIMENTARY COLORS

VISUAL DESIGN HACKING

VISUAL DESIGN HACKING More Buck for Your Bang by Jason Mark Jones

VISUAL DESIGN HACKING

VISUAL DESIGN HACKING 6. COPY GOOD EXAMPLES

VISUAL DESIGN HACKING In order to design beautiful things, you have to surround yourself with beautiful things. — Dan Boyarski

VISUAL DESIGN HACKING

VISUAL DESIGN HACKING = FC; : CREATIVE / DESIGNER LK Farmgroup Design Studio, Bangkok l[pk \jXj #Z\ \eZ\i] fe Xk`fe:[lZ8 i f] D F I$ ; : _pg Xi^ fg kp Joined a team of young & talented graphic, HELLO! k jd\ej\j k`k`fe#Alip8jfdg\j`^e:`=;\ k`Z jXe[b`e\fe`Z\e\i*i interactive Christmas tree and snow globe, PURIN PHANICHPHANT Xe\ fi ]B \ifXb \jg\ EXk`m jg lb Zf dg f_ jfk f_ G#\ d iX]\i` n#i\g GX Xie\[1 j`^e\[\ #`eZcl[`e^jfa\Zkkipgi`e[lj modular graphic cubes, children’s maze, kinetic sculptures, and many more! product + interaction designer \^ Xe ^`ji\k jX fZi \cc If jl\[ \cpgli Xg_`ZXe[XZk`m>i gX Xi jf c`e\:l =@E<GI@EK1 j`^e \m`jlXc[\XZ\i]k\i`eLj X[lXk`fe lgfe^i cXk e\ d e fi`m e< e`j\ji l Zf ^ \j_f k \ k %Fg\ek_\g _ X XclXk`fejmp\XY`c`kkljfleZ;`j * ) 8f` [lk J [\ [e lf]$ :f `e\[]$[\\c] fcc\[`ej PRODUCT DESIGN INTERN My name is Purin Phanichphant. I am currently a graduate student in the ]k_\Yffb%f\ Af`ekcpZi\Xk\[X[\j`^e Daedalus Excel Product Development f] XZ_ b ) @EKE

VISUAL DESIGN HACKING http://www.logolounge.com/article.asp?aid=lnPf#.Ufm3JBZ15SY

VISUAL DESIGN HACKING

VISUAL DESIGN HACKING http://pinterest.com/purincess/graphics/ http://pinterest.com/ash/design-pr0n

VISUAL DESIGN HACKING http://pinterest.com/hugo/digital-designui-layout-interface/ http://pinterest.com/hugo/graphic-design/

VISUAL DESIGN HACKING 7. USE KEYNOTE

VISUAL DESIGN HACKING 2 minutes

VISUAL DESIGN HACKING

VISUAL DESIGN HACKING PURPLE PARTY KARAOKE / DRINKS / DANCING / MORE PD LOFT / BUILDING 610 SATURDAY MAY 7TH / 9PM ONWARDS

VISUAL DESIGN HACKING

VISUAL DESIGN HACKING KEYNOTE DEMO

DEMO 1: DRAG IMAGES TO CROP Cats are similar in anatomy to the other felids, Cats have a rapid breeding rate. Under Since cats were cult animals in ancient Egypt, with strong, flexible bodies, quick reflexes, controlled breeding, they can be bred and they were commonly believed to have been sharp retractable claws, and teeth adapted to shown as registered pedigree pets, a hobby domesticated there,[9] but there may have been killing small prey. Cat senses fit a crepuscular known as cat fancy. Failure to control the instances of domestication as early as the and predatory ecological niche. Cats can hear breeding of pet cats by neutering, and the Neolithic from around 9500 years ago (7500 sounds too faint or too high in frequency for abandonment of former household pets, has BC).[10] human ears, such as those made by mice and resulted in large numbers of feral cats other small animals. worldwide, requiring population control.[8]

DEMO 3: PASTE TEXT TO EXISTING FORMAT SHIFT OPTION COMMAND V The domestic cat[1][2] (Latin: Felis catus) or the feral cat[2][4] (Latin: Felis silvestris catus) is a small, typically furry, carnivorous mammal. They are often called house cats when kept as indoor pets or simply cats when there is no need to distinguish them from other felids and felines.[6] Cats are often valued by humans for companionship and for their ability to hunt vermin. There are more than 70 cat breeds; different associations proclaim different numbers according to their standards. Cats have a high breeding rate. Under controlled breeding, they can be bred and shown as registered pedigree pets, a hobby known as cat fancy. Failure to control the breeding of pet cats by neutering and the abandonment of former household pets has resulted in large numbers of feral cats worldwide, requiring population control.[8] This has contributed, along with habitat destruction and other factors, to the extinction of many bird species. Cats have been known to extirpate a bird species within specific regions and may have contributed to the extinction of isolated island populations.[9] Cats are thought to be primarily, though not solely, responsible for the extinction of 33 species of birds, and the presence of feral and free ranging cats makes some locations unsuitable for attempted species reintroduction in otherwise suitable locations.[10]

DEMO 3: PICTURE FRAME + MULTITOUCH ZOOM & ROTATE

DEMO 4: COPY TO PHOTOSHOP & ILLUSTRATOR YOU ARE HERE

DEMO 5: OPTION-DRAG TO DUPLICATE + DISTRIBUTE

DEMO 6: EXPORT TO PDF

THINK-ALOUD DEMO: REDESIGN A POSTER

CANTOR AFTER HOURS A MINI-PARTY ON THE EDGE AT THE CANTOR ARTS CENTER. THURSDAY FEBRUARY 23, 2012 7-10PM and student art by Featuring live performances by the 2011 Arts Grant Andi Harrington, recipients & the [your art David Rockwood, here] program. Bent Spoon Dance Company, Stephen Henderson & Tyler Brooks, Event is free & open to all Ram's Head Theatrical Society, Stanford students. Please Leilan Fusion Belly Dance, bring your SUID. Pat Kennedy & Susannah Poland, If your parents are coming in Stanford Spoken Word Collective, for Parents' Weekend, feel Ry-Man, free to bring them along! Stanford Bhangra, Refreshments from Coupa MAA, Cafe will be served. Krimzon, Gabriela Farfan, Sponsored by the Cantor Arts Center, Student Arts Grant Creativity Fund Board, and SOCA, the Student Organizing Committee for the Arts.

VISUAL DESIGN HACKING VISUAL DESIGN IS AN EXTREMELY VALUABLE SKILL. IT GOES A LONG WAY.

VISUAL DESIGN HACKING VISUAL DESIGN IS 1% GIFT, 99% LEARNABLE SKILL.

STORYTELLING WORKSHOP THANKS!

CANTOR AFTER HOURS A MINI-PARTY ON THE EDGE AT THE CANTOR ARTS CENTER. THURSDAY FEBRUARY 23, 2012 7-10PM Featuring live performances by and student art by Andi Harrington, the 2011 Arts Grant recipients & the [your art here] David Rockwood, program. Bent Spoon Dance Company, Stephen Henderson & Tyler Brooks, Event is free & open to all Stanford students. Ram's Head Theatrical Society, Please bring your SUID. Leilan Fusion Belly Dance, If your parents are coming in for Parents' Pat Kennedy & Susannah Poland, Weekend, feel free to bring them along! Stanford Spoken Word Collective, Refreshments from Coupa Cafe will be served. Ry-Man, Stanford Bhangra, Sponsored by the Cantor Arts Center, Student MAA, Arts Grant Creativity Fund Board, and SOCA, Krimzon, the Student Organizing Committee for the Arts. Gabriela Farfan,

CANTOR AFTER HOURS A MINI-PARTY ON THE EDGE AT THE CANTOR ARTS CENTER. THURSDAY FEBRUARY 23, 2012 7-10PM Featuring live performances by Andi Harrington, David Rockwood, Bent Spoon Dance Company, Stephen Henderson & Tyler Brooks, Ram's Head Theatrical Society, Leilan Fusion Belly Dance, Pat Kennedy & Susannah Poland, Stanford Spoken Word Collective, Ry-Man, Stanford Bhangra, MAA, Krimzon, Gabriela Farfan,