Your SlideShare is downloading. ×
Purin's Guide to Visual Design and Keynote Wizardry
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Purin's Guide to Visual Design and Keynote Wizardry

5,280
views

Published on

Published in: Design

0 Comments
10 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
5,280
On Slideshare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
116
Comments
0
Likes
10
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. VISUAL DESIGN +KEYNOTE WIZARDRYPURINS SECRET RECIPE TOMAKE STUFF LOOK PRETTY I’m so pretty
  • 2. GOAL:FOR YOU TO WALK AWAY FROMTHIS WORKSHOP WITH TOOLS& TECHNIQUES TO MAKE YOURDESIGNS LOOK PRETTY
  • 3. VISUAL DESIGNIS A LEARNABLESKILL, JUST LIKEBICYCLING.ONCE YOU KNOW HOW TO RIDE,IT WILL TAKE YOU FAR.
  • 4. COPYING GOOD EXAMPLES USING PRACTICINGKEYNOTE visual design secret recipe LEARNING BEING BASIC TIPS & CONFIDENT TRICKS (FAKING IT)
  • 5. COPYING GOODEXAMPLES
  • 6. In order to design beautiful things, you have to surround yourself with beautiful things. Dan BoyarskiCMU School of Design
  • 7. ?
  • 8. PRACTICING
  • 9. AHA! I’M GOOD I’M AWESOME2003 2004 2005 2006 2007 2008 2009 2010 2011
  • 10. 2 minutes
  • 11. LOTS OF PRACTICEAHA! I’M AWESOME ?
  • 12. BEINGCONFIDENT(FAKING IT)
  • 13. I’m pretty good at visual design.
  • 14. I’d love to do thevisual design part
  • 15. I’d love to do thevisual design part OMG That looks like crap!!!
  • 16. I’d love to do thevisual design part
  • 17. I’d love to do thevisual design part It looks horrible. Please stop designing.
  • 18. I’d love to do thevisual design part + use good examples as your template
  • 19. I’d love to do thevisual design part + use good examples as your template I guess that looks cool. It looks like something I’ve seen before.
  • 20. I’m pretty good at visual design.
  • 21. When you think you’re in a safe environment, your level of creativity goes up by 10x.Brendan Boyled.school / IDEO
  • 22. I’m pretty good at visual design.
  • 23. COPYING GOOD EXAMPLES USING PRACTICINGKEYNOTE visual design secret recipe LEARNING BEING BASIC TIPS & CONFIDENT TRICKS (FAKING IT) ?
  • 24. 7 SECRETTRICKS TOGREAT VISUALDESIGN
  • 25. 1.LINE THINGS UP
  • 26. 1.LINE THINGS UP
  • 27. “Let’s use PowerPoint’s template”
  • 28. ! ! !!! ! !! ! ! !
  • 29. ! ! !!! ! !! ! ! !
  • 30. 2.BALANCE THEPAGE & LEAVESOME WHITESPACE
  • 31. 2.BALANCE THEPAGE & LEAVESOME WHITESPACE
  • 32. “Let’s be efficient with space”
  • 33. ?
  • 34. 3.USE DESIGNERFONTS
  • 35. 3.5DO NOT USETHESE STUPIDFONTS(YOU WILL BE MADEFUN OF BY DESIGNERS)
  • 36. 4.THINK OF TEXTAS THE BACK OFYOUR LEFT HAND
  • 37. Lorem ipsum dolor sit amet, consecteturadipisicing elit, sed do eiusmod temporincididunt ut labore et dolore magna aliqua. Utenim ad minim veniam, quis nostrud exercitationullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderitin voluptate velit esse cillum dolore eu fugiatnulla pariatur. Excepteur sint occaecat cupidatatnon proident, sunt in culpa qui officia deseruntmollit anim id est laborum.
  • 38. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididuntut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitationullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor inreprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sintoccaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id estlaborum.
  • 39. Lorem ipsum dolor sitamet, consecteturadipisicing elit, sed doeiusmod temporincididunt ut labore etdolore magna aliqua. Utenim ad minim veniam,quis nostrudexercitation ullamcolaboris nisi ut aliquip exea commodo consequat.Duis aute irure dolor inreprehenderit involuptate velit essecillum dolore eu fugiatnulla pariatur.Excepteur sint occaecatcupidatat non proident,sunt in culpa qui officiadeserunt mollit anim idest laborum.
  • 40. 5.LEFT-ALIGN TEXTIN MOST CASESCENTER-ALIGN FOR UNITY
  • 41. POINTS OF PARITY &DIFFERENTIATIONPOINT-OF-PARITY: Shared brand associationsneeded to be player, to neutralize ‘competition’POINT-OF-DIFFERENCE: Unique brand associationsneeded to stand out BRANDS, EXPERIENCE & SOCIAL TECHNOLOGY SPRING 2011 Jennifer Aaker + Chris Flink Source: Keller 2003
  • 42. In the next 10 minutes youand your partner will builda paper airplane.
  • 43. ?
  • 44. 6.USE COLORS TOCOMMUNICATE &MAKE THINGS POPDON’T USE THEM FRIVOLOUSLY
  • 45. 76
  • 46. COLORS ATTRIBUTES Warm Fun Together Moving HAPPINESS Fresh Connected FEELING OR SHOWING PLEASURE OR CONTENTMENT Colorful Sweet Advanced IID A1:Mood Boards Purin Phanichphant 1/6
  • 47. 7.TAKE ADVANTAGEOF GOOGLE IMAGESEARCH & FLICKRBUT BE TASTEFUL WHENSELECTING IMAGES
  • 48. 7 SECRET 1. LINE THINGS UPTRICKS TO 2. BALANCE THE PAGE & LEAVE SOME WHITE SPACEGREAT VISUALDESIGN 3. USE DESIGNER FONTS 4. THINK OF TEXT AS THE BACK OF YOUR LEFT HAND 5. LEFT-ALIGN TEXT IN MOST CASES (CENTER IS OK TOO) 6. USE COLORS TO COMMUNICATE & MAKE THINGS POP 7. TAKE ADVANTAGE OF GOOGLE IMAGE SEARCH & FLICKR SEARCH ?
  • 49. BREAKnext up: keynote
  • 50. COPYING GOOD EXAMPLES USING PRACTICINGKEYNOTE visual design secret recipe LEARNING BEING BASIC TIPS & CONFIDENT TRICKS (FAKING IT)
  • 51. STUFF YOUCAN DO WITHKEYNOTE
  • 52. BEST BEST Brands, Experience & Social Brands, Experience & Social Technology Technology BEST BRANDS, EXPERIENCE & SOCIAL TECHNOLOGY best BEST Brands, Experience & Social TechnologyBRANDS / EXPERIENCE / SOCIAL TECHNOLOGY BEST Brands, Experience & BEST Social Technology Brands, Experience & Social Technology
  • 53. TABLETHEOFF featuring MFA DESIGN GRADUATES April 5th - April 17th JENNIFER LOPEZ Tues-Fri 10-5 Sat & Sun 1-5 PURIN PHANICHPHANT Reception April 14th 5pm-7pm CHRISTIN STAUBO Thomas Welton Art Gallery ABBY STURGES Stanford University OFF THE TABLE a civilized discourse on food in the 21st century
  • 54. HELLO! CREATIVE / DESIGNER Farmgroup Design Studio, Bangkok August 2008 – May 2009 Joined a team of young & talented graphic, motion, and environmental designers in a journey to de ne, understand, and solve client PURIN PHANICHPHANT from problems. Projects included life-sized interactive Christmas tree and snow globe, product + interaction designer modular graphic cubes, children’s maze, kinetic sculptures, and many more! purincess@gmail.com 249 Ramona St. www.purincess.com Palo Alto, CA 94301 650.504.5640STANFORD UNIVERSITY INTERACTION DESIGNER RECOGNITION ENJOYMENTJoint Program in Design O ce Design Group, Microso Corporation 2006 IDSA Student Merit Award Product conceptualization & sketchingCandidate in Master of Fine Arts, Class of 2011 June 2005 – August 2005 (intern), ID Magazine Student Design Review 06 User experience storyboarding August 2006 – August 2007 Honorable Mention for CUBOT: Motion-CARNEGIE MELLON UNIVERSITY User interface design Collaborated with usability engineers, based Building Block SystemInterdisciplinary Program in Industrial Design Low- delity prototyping program managers, developers, product CHI 2006 & 2007 Presenterand Human-Computer Interaction planners, as well as other designers within the Building interactive prototypes with Flash/Graduated May 2006 with College and 2003, 2005, and 2006 CMU School of Design Actionscript, Processing, and Arduino group to de ne front-end user experience forUniversity Honors Merit Award current and future versions of O ce client and Visualizing concepts with SketchUp & Solidworks server applications 2005–06 CMU HCI Student Advisory Board Member Woodworking, TIG Welding CMU Student Representative, ADSL Bicycle building & riding Conference, Belgium, Jan’05 Settlers of Catan PRODUCT DESIGN INTERN My name is Purin Phanichphant. I am currently a graduate student in the CUT Daedalus Excel Product Development Joint Program in Design at Stanford University. January 2006 – May 2006 Worked on various aspects of medical With a thorough understanding of the design process, ability to sketch FOLD & GLUE equipment design projects, including and prototype rapidly in various media, and my love for experimentation, product form sketching, product modeling, CAD prototyping, competitive I want to leverage playfulness and create the next breakthrough products VOILA! analysis, and designing interactive user interface mock-ups and technologies that change human behavior for the be er. Ultimately, I wish to create a world that is happier, healthier, and full of laughter.
  • 55. F* Illustrator &Photoshop.Keynote is yourbest friend.alp h o ns o l a b s / t o u c h me : d e sig ning fo r t o uch int er faces 4 / 6
  • 56. DEMO 1DRAG IMAGESTO CROP
  • 57. DEMO 2PASTE TEXT TOEXISTING FORMATSHIFT OPTION COMMAND V 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.
  • 58. DEMO 3PICTURE FRAME +MULTITOUCH ZOOM& ROTATE
  • 59. DEMO 4COPY TO PHOTOSHOP& ILLUSTRATOR YOU ARE HERE
  • 60. DEMO 5OPTION-DRAG TODUPLICATE + DISTRIBUTE
  • 61. DEMO 5OPTION-DRAG TODUPLICATE + DISTRIBUTE
  • 62. DEMO 6EXPORT TO PDF
  • 63. THINK-ALOUDDEMOREDESIGNING A POSTER
  • 64. HACK FOR EGYPTSaturday May 14th.10am-8pmYou will help develop technology for free You will help develop technology for freeand fair elections, public input on the and fair elections, public input on theconstitution, and government constitution, and governmentaccountability. You will be working accountability. You will be workingalongside universities in Egypt, alongside universities in Egypt,international development experts, the international development experts, themakers of existing apps, and the activists makers of existing apps, and the activiststhat will use the technology. Your work will that will use the technology. Your work willbe meaningful, relevant, and high-impact. be meaningful, relevant, and high-impact.There is no registration fee, with free food There is no registration fee, with free foodand drinks as usual. and drinks as usual.
  • 65. THINK-ALOUDDEMOREDESIGNING A SLIDE
  • 66. KEY INSIGHTS‘MARRIAGE’ TEMPLATE OVER-RATED.What is under-rated: understanding relationship types RELATIONSHIPS ARE IMPORTANT, BUT OFTEN MISUNDERSTOOD Need to list ‘dos and don’ts’ & apologies/recoveries UNDERSTANDING PSYCHOLOGY OF RELATIONSHIPS Pay particular attention first interactions Be happy when transgressions occur RETHINK BRAND Bank account