SlideShare una empresa de Scribd logo
1 de 58
Descargar para leer sin conexión
Publications Committee Fall 2012


D esi gn Wor k sh op
                                               1

                By: Jef f Zhan & St ephani e
                Cheng
To-Do’s for Today:
•   What is Good Design?
•   Principles of Layout*
•   Principles of Type
•   Cover Design Examples




To-Dos
What i s Good
              De s i g n ?

What is Good Design?
Cr
                            ea
                                 ti
                                      vi
                                           ty




What is Good Design?
St ruc t ur
e
Cl ean
                       .
                          ( t hi nk APPLE)




What is Good Design?
Gener al L ayout


What is Good Design?
Design Workshop 1 - Fall 2012
Justify Columns.
“ Rul e of
Thi r ds. ”



Principles of Layout
What is Good Design?
What is Good Design?
Design Workshop 1 - Fall 2012
Design Workshop 1 - Fall 2012
Principles of Layout
Design Workshop 1 - Fall 2012
Design Workshop 1 - Fall 2012
Design Workshop 1 - Fall 2012
Design Workshop 1 - Fall 2012
Design Workshop 1 - Fall 2012
Two- Col umn
    L ayout .


Principles of Layout
Principles of Layout
Principles of Layout
Design Workshop 1 - Fall 2012
Design Workshop 1 - Fall 2012
Design Workshop 1 - Fall 2012
Design Workshop 1 - Fall 2012
Vi sual
Cent er .
 And Bal ance.




Principles of Layout
Vi sual
Cent er .
 And Bal ance.

           No St r uct ur e.
           But has Focal
           Poi nt .



Principles of Layout
Cont r ast


    Case/ Col o
           al r
        Sm l

Vi sual     t ext


Cent er .
 And Bal ance.

           No St r uct ur e.
           But has Focal
           Poi nt .



Principles of Layout
Design Workshop 1 - Fall 2012
Design Workshop 1 - Fall 2012
B g 5:
     i
         1.
         Cont r ast
         2. Col or
         3. Type
         4.
         Spaci ng
         5.
         Al i gnment


Principles of Layout
1. Cont ras t
                         ( c ol or/pl ac em )
                                           ent




What is Good Design?
1. Cont ras
                 t
                   ( f ont
                   t hi c knes s )




Principles of Layout
Typography
4. Spac i ng
   ( c l ean/organi zed)
Audi ence.




Principles of Layout
St r uct ur e
 Busi ness              Heavy
 Repor t ?
        N ewsl et t er ?

 Cover or
 Spr ead?
        Fl yer or Ad?

                       Desi gn Heavy
Principles of Layout
What is Good Design?
Typography
Typography
Why   Ser i f / Sans- Ser i f ?
Typography
Cont r ast
style.
               w ght s .
                 ei
               m ood.
               r eadi bi l i t y
               .




  Typography
Typography
Typography
Typography
If P s i bl e:
    os

Ti t l e:
Sans- ser i f .
Moder n. Si m i st i c. M ni m .
                pl       i    al

Body Text :
Use Ser i f i f l ong t ext .
Bet t er r eadi ng exper i ence. .




Typography
Serif:
            Bodoni
            Perpetua
            Trajan (PBL)
            Museo

What is Design?
S an s-S er i f:
            Got ham / Got ham
            Helvetica Standard
            Helvetica Standard Condensed
            LuzSans-Book
            Arial


What is Design?
Spr eads &
          Cover s


Principles of Layout
Cover Examples
Cover Examples
Cover Examples
Design Workshop 1 - Fall 2012
Cover Examples
Cover Examples
Cover Examples

Más contenido relacionado

Similar a Design Workshop 1 - Fall 2012

What Developers Need To Know About Visual Design
What Developers Need To Know About Visual DesignWhat Developers Need To Know About Visual Design
What Developers Need To Know About Visual DesignBen Hall
 
EuroIA14 - Well, We've Done All This Research, Now What?
EuroIA14 - Well, We've Done All This Research, Now What?EuroIA14 - Well, We've Done All This Research, Now What?
EuroIA14 - Well, We've Done All This Research, Now What?Steve Portigal
 
Redux at Center for Civil Society (www.ccsindia.org)
Redux at Center for Civil Society (www.ccsindia.org)Redux at Center for Civil Society (www.ccsindia.org)
Redux at Center for Civil Society (www.ccsindia.org)Mohit Chhabra
 
Principles of Design in Photography
Principles of Design in PhotographyPrinciples of Design in Photography
Principles of Design in Photographymrtayteachesart
 
How to write a project report?
How to write a project report?How to write a project report?
How to write a project report?Shermila Azariah
 
Creating an effective board presentation
Creating an effective board presentationCreating an effective board presentation
Creating an effective board presentationsumidahilo
 
Costanoa Expert Series: What Business Leaders Should Know About Design- Order 1
Costanoa Expert Series: What Business Leaders Should Know About Design- Order 1Costanoa Expert Series: What Business Leaders Should Know About Design- Order 1
Costanoa Expert Series: What Business Leaders Should Know About Design- Order 1Costanoa Ventures
 
Effective presentation for doctors practical tips
Effective presentation for doctors practical tipsEffective presentation for doctors practical tips
Effective presentation for doctors practical tipsArunSharma10
 
WELL, WE'VE DONE ALL THIS RESEARCH. NOW WHAT?
WELL, WE'VE DONE ALL THIS RESEARCH. NOW WHAT?WELL, WE'VE DONE ALL THIS RESEARCH. NOW WHAT?
WELL, WE'VE DONE ALL THIS RESEARCH. NOW WHAT?UX New Zealand 2015
 
Dissertations 1 introduction (pre-2003 compatible)
Dissertations 1   introduction (pre-2003 compatible)Dissertations 1   introduction (pre-2003 compatible)
Dissertations 1 introduction (pre-2003 compatible)Study Hub
 
Design for non-designers: five visual principles to guide you
Design for non-designers: five visual principles to guide youDesign for non-designers: five visual principles to guide you
Design for non-designers: five visual principles to guide youDavid Hall
 
Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice) Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice) wael gomaa
 
Joe's Pattern Writing
Joe's Pattern WritingJoe's Pattern Writing
Joe's Pattern WritingYoungSu Son
 
Writing a thesis
Writing a thesisWriting a thesis
Writing a thesisncg_nuim
 
Best Practices for Documenting Technical Procedures
Best Practices for Documenting Technical ProceduresBest Practices for Documenting Technical Procedures
Best Practices for Documenting Technical ProceduresMelanie Seibert
 

Similar a Design Workshop 1 - Fall 2012 (20)

What Developers Need To Know About Visual Design
What Developers Need To Know About Visual DesignWhat Developers Need To Know About Visual Design
What Developers Need To Know About Visual Design
 
EuroIA14 - Well, We've Done All This Research, Now What?
EuroIA14 - Well, We've Done All This Research, Now What?EuroIA14 - Well, We've Done All This Research, Now What?
EuroIA14 - Well, We've Done All This Research, Now What?
 
Redux at Center for Civil Society (www.ccsindia.org)
Redux at Center for Civil Society (www.ccsindia.org)Redux at Center for Civil Society (www.ccsindia.org)
Redux at Center for Civil Society (www.ccsindia.org)
 
Principles of Design in Photography
Principles of Design in PhotographyPrinciples of Design in Photography
Principles of Design in Photography
 
How to write a project report?
How to write a project report?How to write a project report?
How to write a project report?
 
Creating an effective board presentation
Creating an effective board presentationCreating an effective board presentation
Creating an effective board presentation
 
Costanoa Expert Series: What Business Leaders Should Know About Design- Order 1
Costanoa Expert Series: What Business Leaders Should Know About Design- Order 1Costanoa Expert Series: What Business Leaders Should Know About Design- Order 1
Costanoa Expert Series: What Business Leaders Should Know About Design- Order 1
 
Effective presentation for doctors practical tips
Effective presentation for doctors practical tipsEffective presentation for doctors practical tips
Effective presentation for doctors practical tips
 
WELL, WE'VE DONE ALL THIS RESEARCH. NOW WHAT?
WELL, WE'VE DONE ALL THIS RESEARCH. NOW WHAT?WELL, WE'VE DONE ALL THIS RESEARCH. NOW WHAT?
WELL, WE'VE DONE ALL THIS RESEARCH. NOW WHAT?
 
R proposal 8
R proposal 8R proposal 8
R proposal 8
 
Dissertations 1 introduction (pre-2003 compatible)
Dissertations 1   introduction (pre-2003 compatible)Dissertations 1   introduction (pre-2003 compatible)
Dissertations 1 introduction (pre-2003 compatible)
 
Lecture 2009-09-22
Lecture 2009-09-22Lecture 2009-09-22
Lecture 2009-09-22
 
BrandStyleGuideV2
BrandStyleGuideV2 BrandStyleGuideV2
BrandStyleGuideV2
 
Design for non-designers: five visual principles to guide you
Design for non-designers: five visual principles to guide youDesign for non-designers: five visual principles to guide you
Design for non-designers: five visual principles to guide you
 
Introduction
IntroductionIntroduction
Introduction
 
Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice) Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice)
 
Joe's Pattern Writing
Joe's Pattern WritingJoe's Pattern Writing
Joe's Pattern Writing
 
Writing a thesis
Writing a thesisWriting a thesis
Writing a thesis
 
Best Practices for Documenting Technical Procedures
Best Practices for Documenting Technical ProceduresBest Practices for Documenting Technical Procedures
Best Practices for Documenting Technical Procedures
 
Presentation guide 1
Presentation guide 1Presentation guide 1
Presentation guide 1
 

Último

UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 

Último (19)

UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 

Design Workshop 1 - Fall 2012