SlideShare une entreprise Scribd logo
1  sur  102
Télécharger pour lire hors ligne
VISUAL DESIGN +
KEYNOTE WIZARDRY
PURIN'S SECRET RECIPE TO
MAKE STUFF LOOK PRETTY




                           I’m so pretty
GOAL:
FOR YOU TO WALK AWAY FROM
THIS WORKSHOP WITH TOOLS
& TECHNIQUES TO MAKE YOUR
DESIGNS LOOK PRETTY
VISUAL DESIGN
IS A LEARNABLE
SKILL, JUST LIKE
BICYCLING.
ONCE YOU KNOW HOW TO RIDE,
IT WILL TAKE YOU FAR.
COPYING
                GOOD
              EXAMPLES


 USING
                             PRACTICING
KEYNOTE
             visual design
             secret recipe



     LEARNING            BEING
    BASIC TIPS &       CONFIDENT
      TRICKS           (FAKING IT)
COPYING GOOD
EXAMPLES
In order to design beautiful
                 things, you have to surround
                 yourself with beautiful things.




  Dan Boyarski
CMU School of Design
?
PRACTICING
AHA!       I’M GOOD                 I’M AWESOME




2003   2004     2005     2006   2007   2008   2009   2010   2011
2 minutes
LOTS OF
       PRACTICE




AHA!              I’M AWESOME




                                ?
BEING
CONFIDENT
(FAKING IT)
I’m pretty good at visual design.
I’d love to do the
visual design part
I’d love to do the
visual design part



                OMG That looks
                like crap!!!
I’d love to do the
visual design part
I’d love to do the
visual design part



             It looks horrible.
             Please stop designing.
I’d love to do the
visual design part
 + use good examples as your template
I’d love to do the
visual design part
 + use good examples as your template




                      I guess that looks cool.
                      It looks like something
                      I’ve seen before.
I’m pretty good at visual design.
When you think you’re in a
              safe environment, your level
              of creativity goes up by 10x.




Brendan Boyle
d.school / IDEO
I’m pretty good at visual design.
COPYING
               GOOD
             EXAMPLES


 USING
                            PRACTICING
KEYNOTE
            visual design
            secret recipe



    LEARNING            BEING
   BASIC TIPS &       CONFIDENT
     TRICKS           (FAKING IT)



                                         ?
7 SECRET
TRICKS TO
GREAT VISUAL
DESIGN
1.
LINE THINGS UP
1.
LINE THINGS UP
“Let’s use PowerPoint’s template”
!       !   !

!




!   !       !
!   !       !
            !
!       !   !

!




!   !       !
!   !       !
            !
2.
BALANCE THE
PAGE & LEAVE
SOME WHITE
SPACE
2.
BALANCE THE
PAGE & LEAVE
SOME WHITE
SPACE
“Let’s be efficient with space”
?
3.
USE DESIGNER
FONTS
3.5
DO NOT USE
THESE STUPID
FONTS
(YOU WILL BE MADE
FUN OF BY DESIGNERS)
4.
THINK OF TEXT
AS THE BACK OF
YOUR LEFT HAND
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 cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.
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 cillum dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
laborum.
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
cillum dolore eu fugiat
nulla pariatur.
Excepteur sint occaecat
cupidatat non proident,
sunt in culpa qui officia
deserunt mollit anim id
est laborum.
5.
LEFT-ALIGN TEXT
IN MOST CASES
CENTER-ALIGN FOR UNITY
POINTS OF PARITY &
DIFFERENTIATION
POINT-OF-PARITY: Shared brand associations
needed to be player, to neutralize ‘competition’

POINT-OF-DIFFERENCE: Unique brand associations
needed to stand out




   BRANDS, EXPERIENCE & SOCIAL TECHNOLOGY
   SPRING 2011 Jennifer Aaker + Chris Flink        Source: Keller 2003
In the next 10 minutes you
and your partner will build
a paper airplane.
?
6.
USE COLORS TO
COMMUNICATE &
MAKE THINGS POP
DON’T USE THEM FRIVOLOUSLY
76
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
7.
TAKE ADVANTAGE
OF GOOGLE IMAGE
SEARCH & FLICKR
BUT BE TASTEFUL WHEN
SELECTING IMAGES
7 SECRET       1. LINE THINGS UP
TRICKS TO      2. BALANCE THE PAGE & LEAVE
                  SOME WHITE SPACE
GREAT VISUAL
DESIGN         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



                                              ?
BREAK
next up: keynote
COPYING
                GOOD
              EXAMPLES


 USING
                             PRACTICING
KEYNOTE
             visual design
             secret recipe



     LEARNING            BEING
    BASIC TIPS &       CONFIDENT
      TRICKS           (FAKING IT)
STUFF YOU
CAN DO WITH
KEYNOTE
BEST                                                BEST
                                                        Brands, Experience
                                                             & Social
  Brands, Experience & Social Technology                   Technology




                                                                                         BEST
                                                                                          BRANDS, EXPERIENCE
                                                                                          & SOCIAL TECHNOLOGY

        best                                          BEST
                                                      Brands, Experience
                                                           & Social
                                                         Technology
BRANDS / EXPERIENCE / SOCIAL TECHNOLOGY




                                                                             BEST
                                                                             Brands, Experience &


                                     BEST                                    Social Technology




                                 Brands, Experience & Social Technology
TABLE
THE
OFF
        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
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.5640




STANFORD UNIVERSITY                               INTERACTION DESIGNER                              RECOGNITION                                         ENJOYMENT
Joint Program in Design                           O ce Design Group, Microso Corporation            2006 IDSA Student Merit Award                       Product conceptualization & sketching
Candidate 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 System
Interdisciplinary Program in Industrial Design                                                                                                          Low- delity prototyping
                                                  program managers, developers, product             CHI 2006 & 2007 Presenter
and 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 for
University 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.
F* Illustrator &
Photoshop.
Keynote is your
best 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
DEMO 1
DRAG IMAGES
TO CROP
DEMO 2
PASTE TEXT TO
EXISTING FORMAT
SHIFT   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.
DEMO 3
PICTURE FRAME +
MULTITOUCH ZOOM
& ROTATE
DEMO 4
COPY TO PHOTOSHOP
& ILLUSTRATOR



                    YOU
                    ARE
                    HERE
DEMO 5
OPTION-DRAG TO
DUPLICATE + DISTRIBUTE
DEMO 5
OPTION-DRAG TO
DUPLICATE + DISTRIBUTE
DEMO 6
EXPORT TO PDF
THINK-ALOUD
DEMO
REDESIGNING A POSTER
HACK FOR EGYPT
Saturday May 14th.
10am-8pm
You will help develop technology for free      You will help develop technology for free
and fair elections, public input on the        and fair elections, public input on the
constitution, and government                   constitution, and government
accountability. You will be working            accountability. You will be working
alongside universities in Egypt,               alongside universities in Egypt,
international development experts, the         international development experts, the
makers of existing apps, and the activists     makers of existing apps, and the activists
that will use the technology. Your work will   that will use the technology. Your work will
be 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 food
and drinks as usual.                           and drinks as usual.
THINK-ALOUD
DEMO
REDESIGNING A SLIDE
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

Contenu connexe

Similaire à Purin's Guide to Visual Design and Keynote Wizardry

MoI_Ideas on the value of branding Q3 2015
MoI_Ideas on the value of branding Q3 2015MoI_Ideas on the value of branding Q3 2015
MoI_Ideas on the value of branding Q3 2015Martin Barnes
 
Lu Burnell CV
Lu Burnell CVLu Burnell CV
Lu Burnell CVluburnell
 
Developers, you're designing experiences (and you didn't even know it)
Developers, you're designing experiences (and you didn't even know it)Developers, you're designing experiences (and you didn't even know it)
Developers, you're designing experiences (and you didn't even know it)P.J. Onori
 
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...Josh Levine
 
Design principles philopsohy of ux -Whitney Hess
Design principles philopsohy of ux -Whitney HessDesign principles philopsohy of ux -Whitney Hess
Design principles philopsohy of ux -Whitney Hesswww.usarte.co
 
Design Principles: The Philosophy of UX
Design Principles: The Philosophy of UXDesign Principles: The Philosophy of UX
Design Principles: The Philosophy of UXWhitney Hess
 
How to Make Something Awesome - Lean Digital Product Design
How to Make Something Awesome - Lean Digital Product DesignHow to Make Something Awesome - Lean Digital Product Design
How to Make Something Awesome - Lean Digital Product DesignRenee Racine-Kinnear
 
It's Eggless Profile v2.0 Medium Resolution
It's Eggless Profile v2.0   Medium ResolutionIt's Eggless Profile v2.0   Medium Resolution
It's Eggless Profile v2.0 Medium ResolutionImran Ladak
 
Collaborative Product Design
Collaborative Product DesignCollaborative Product Design
Collaborative Product DesignAnh Doan Quoc
 
Brandon Henning Emerging Discipline
Brandon Henning Emerging DisciplineBrandon Henning Emerging Discipline
Brandon Henning Emerging DisciplineNathalie Mendonca
 
RGD Ontario Webinar: Strategy In Design: How To Create Meaningful & Successfu...
RGD Ontario Webinar: Strategy In Design: How To Create Meaningful & Successfu...RGD Ontario Webinar: Strategy In Design: How To Create Meaningful & Successfu...
RGD Ontario Webinar: Strategy In Design: How To Create Meaningful & Successfu...MLD/Mel Lim Design
 
20 Ways To Be A Compelling Public Speaker - Univision Presentation
20 Ways To Be A Compelling Public Speaker - Univision Presentation20 Ways To Be A Compelling Public Speaker - Univision Presentation
20 Ways To Be A Compelling Public Speaker - Univision PresentationMichelle Villalobos
 
Profile Chayanon.P (ver.2020)
Profile Chayanon.P (ver.2020)Profile Chayanon.P (ver.2020)
Profile Chayanon.P (ver.2020)ChayanonPhansor
 
Getting into User Experience Design
Getting into User Experience DesignGetting into User Experience Design
Getting into User Experience DesignJess McMullin
 
Presentation notes for Call me Delia talk
Presentation notes for Call me Delia talkPresentation notes for Call me Delia talk
Presentation notes for Call me Delia talkLeanne Johnson
 

Similaire à Purin's Guide to Visual Design and Keynote Wizardry (20)

MoI_Ideas on the value of branding Q3 2015
MoI_Ideas on the value of branding Q3 2015MoI_Ideas on the value of branding Q3 2015
MoI_Ideas on the value of branding Q3 2015
 
Lu Burnell CV
Lu Burnell CVLu Burnell CV
Lu Burnell CV
 
Developers, you're designing experiences (and you didn't even know it)
Developers, you're designing experiences (and you didn't even know it)Developers, you're designing experiences (and you didn't even know it)
Developers, you're designing experiences (and you didn't even know it)
 
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...
 
Design principles philopsohy of ux -Whitney Hess
Design principles philopsohy of ux -Whitney HessDesign principles philopsohy of ux -Whitney Hess
Design principles philopsohy of ux -Whitney Hess
 
Design Principles: The Philosophy of UX
Design Principles: The Philosophy of UXDesign Principles: The Philosophy of UX
Design Principles: The Philosophy of UX
 
How to Make Something Awesome - Lean Digital Product Design
How to Make Something Awesome - Lean Digital Product DesignHow to Make Something Awesome - Lean Digital Product Design
How to Make Something Awesome - Lean Digital Product Design
 
It's Eggless Profile v2.0 Medium Resolution
It's Eggless Profile v2.0   Medium ResolutionIt's Eggless Profile v2.0   Medium Resolution
It's Eggless Profile v2.0 Medium Resolution
 
Global Service Jam
Global Service JamGlobal Service Jam
Global Service Jam
 
Collaborative Product Design
Collaborative Product DesignCollaborative Product Design
Collaborative Product Design
 
Brandon Henning Emerging Discipline
Brandon Henning Emerging DisciplineBrandon Henning Emerging Discipline
Brandon Henning Emerging Discipline
 
RGD Ontario Webinar: Strategy In Design: How To Create Meaningful & Successfu...
RGD Ontario Webinar: Strategy In Design: How To Create Meaningful & Successfu...RGD Ontario Webinar: Strategy In Design: How To Create Meaningful & Successfu...
RGD Ontario Webinar: Strategy In Design: How To Create Meaningful & Successfu...
 
Proposal
ProposalProposal
Proposal
 
Ideas born social
Ideas born socialIdeas born social
Ideas born social
 
20 Ways To Be A Compelling Public Speaker - Univision Presentation
20 Ways To Be A Compelling Public Speaker - Univision Presentation20 Ways To Be A Compelling Public Speaker - Univision Presentation
20 Ways To Be A Compelling Public Speaker - Univision Presentation
 
Profile Chayanon.P (ver.2020)
Profile Chayanon.P (ver.2020)Profile Chayanon.P (ver.2020)
Profile Chayanon.P (ver.2020)
 
Service Design Thinking
Service Design ThinkingService Design Thinking
Service Design Thinking
 
Getting into User Experience Design
Getting into User Experience DesignGetting into User Experience Design
Getting into User Experience Design
 
FCKUPdesign
FCKUPdesignFCKUPdesign
FCKUPdesign
 
Presentation notes for Call me Delia talk
Presentation notes for Call me Delia talkPresentation notes for Call me Delia talk
Presentation notes for Call me Delia talk
 

Dernier

2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdfSwaraliBorhade
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Yantram Animation Studio Corporation
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back17lcow074
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our SiteHow to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Sitegalleryaagency
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 

Dernier (20)

2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our SiteHow to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Site
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 

Purin's Guide to Visual Design and Keynote Wizardry

  • 1.
  • 2. VISUAL DESIGN + KEYNOTE WIZARDRY PURIN'S SECRET RECIPE TO MAKE STUFF LOOK PRETTY I’m so pretty
  • 3. GOAL: FOR YOU TO WALK AWAY FROM THIS WORKSHOP WITH TOOLS & TECHNIQUES TO MAKE YOUR DESIGNS LOOK PRETTY
  • 4. VISUAL DESIGN IS A LEARNABLE SKILL, JUST LIKE BICYCLING. ONCE YOU KNOW HOW TO RIDE, IT WILL TAKE YOU FAR.
  • 5. COPYING GOOD EXAMPLES USING PRACTICING KEYNOTE visual design secret recipe LEARNING BEING BASIC TIPS & CONFIDENT TRICKS (FAKING IT)
  • 7.
  • 8. In order to design beautiful things, you have to surround yourself with beautiful things. Dan Boyarski CMU School of Design
  • 9.
  • 10.
  • 11.
  • 12. ?
  • 14.
  • 15.
  • 16. AHA! I’M GOOD I’M AWESOME 2003 2004 2005 2006 2007 2008 2009 2010 2011
  • 17.
  • 19. LOTS OF PRACTICE AHA! I’M AWESOME ?
  • 21. I’m pretty good at visual design.
  • 22. I’d love to do the visual design part
  • 23. I’d love to do the visual design part OMG That looks like crap!!!
  • 24. I’d love to do the visual design part
  • 25. I’d love to do the visual design part It looks horrible. Please stop designing.
  • 26. I’d love to do the visual design part + use good examples as your template
  • 27. I’d love to do the visual design part + use good examples as your template I guess that looks cool. It looks like something I’ve seen before.
  • 28. I’m pretty good at visual design.
  • 29.
  • 30.
  • 31.
  • 32. When you think you’re in a safe environment, your level of creativity goes up by 10x. Brendan Boyle d.school / IDEO
  • 33. I’m pretty good at visual design.
  • 34. COPYING GOOD EXAMPLES USING PRACTICING KEYNOTE visual design secret recipe LEARNING BEING BASIC TIPS & CONFIDENT TRICKS (FAKING IT) ?
  • 35. 7 SECRET TRICKS TO GREAT VISUAL DESIGN
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44. ! ! ! ! ! ! ! ! ! ! !
  • 45. ! ! ! ! ! ! ! ! ! ! !
  • 46. 2. BALANCE THE PAGE & LEAVE SOME WHITE SPACE
  • 47. 2. BALANCE THE PAGE & LEAVE SOME WHITE SPACE
  • 48. “Let’s be efficient with space”
  • 49.
  • 50.
  • 51. ?
  • 53.
  • 54.
  • 55.
  • 56.
  • 57. 3.5 DO NOT USE THESE STUPID FONTS (YOU WILL BE MADE FUN OF BY DESIGNERS)
  • 58.
  • 59. 4. THINK OF TEXT AS THE BACK OF YOUR LEFT HAND
  • 60.
  • 61. 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 cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • 62. 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 cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • 63. 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 cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • 64.
  • 65. 5. LEFT-ALIGN TEXT IN MOST CASES CENTER-ALIGN FOR UNITY
  • 66.
  • 67. POINTS OF PARITY & DIFFERENTIATION POINT-OF-PARITY: Shared brand associations needed to be player, to neutralize ‘competition’ POINT-OF-DIFFERENCE: Unique brand associations needed to stand out BRANDS, EXPERIENCE & SOCIAL TECHNOLOGY SPRING 2011 Jennifer Aaker + Chris Flink Source: Keller 2003
  • 68. In the next 10 minutes you and your partner will build a paper airplane.
  • 69.
  • 70.
  • 71. ?
  • 72. 6. USE COLORS TO COMMUNICATE & MAKE THINGS POP DON’T USE THEM FRIVOLOUSLY
  • 73.
  • 74.
  • 75.
  • 76. 76
  • 77. 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
  • 78.
  • 79. 7. TAKE ADVANTAGE OF GOOGLE IMAGE SEARCH & FLICKR BUT BE TASTEFUL WHEN SELECTING IMAGES
  • 80.
  • 81.
  • 82.
  • 83.
  • 84. 7 SECRET 1. LINE THINGS UP TRICKS TO 2. BALANCE THE PAGE & LEAVE SOME WHITE SPACE GREAT VISUAL DESIGN 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 ?
  • 86. COPYING GOOD EXAMPLES USING PRACTICING KEYNOTE visual design secret recipe LEARNING BEING BASIC TIPS & CONFIDENT TRICKS (FAKING IT)
  • 87. STUFF YOU CAN DO WITH KEYNOTE
  • 88. BEST BEST Brands, Experience & Social Brands, Experience & Social Technology Technology BEST BRANDS, EXPERIENCE & SOCIAL TECHNOLOGY best BEST Brands, Experience & Social Technology BRANDS / EXPERIENCE / SOCIAL TECHNOLOGY BEST Brands, Experience & BEST Social Technology Brands, Experience & Social Technology
  • 89. TABLE THE OFF 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
  • 90. 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.5640 STANFORD UNIVERSITY INTERACTION DESIGNER RECOGNITION ENJOYMENT Joint Program in Design O ce Design Group, Microso Corporation 2006 IDSA Student Merit Award Product conceptualization & sketching Candidate 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 System Interdisciplinary Program in Industrial Design Low- delity prototyping program managers, developers, product CHI 2006 & 2007 Presenter and 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 for University 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.
  • 91. F* Illustrator & Photoshop. Keynote is your best 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
  • 93. DEMO 2 PASTE TEXT TO EXISTING FORMAT SHIFT 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.
  • 94. DEMO 3 PICTURE FRAME + MULTITOUCH ZOOM & ROTATE
  • 95. DEMO 4 COPY TO PHOTOSHOP & ILLUSTRATOR YOU ARE HERE
  • 100. HACK FOR EGYPT Saturday May 14th. 10am-8pm You will help develop technology for free You will help develop technology for free and fair elections, public input on the and fair elections, public input on the constitution, and government constitution, and government accountability. You will be working accountability. You will be working alongside universities in Egypt, alongside universities in Egypt, international development experts, the international development experts, the makers of existing apps, and the activists makers of existing apps, and the activists that will use the technology. Your work will that will use the technology. Your work will be 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 food and drinks as usual. and drinks as usual.
  • 102. 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