Top Banner
From Looking to Making: An Introduction to Graphic Design Ojus Doshi MFA Candidate Graphic Design | RISD [email protected] ojusdoshi.com
81

From Looking to Making: An Introduction to Graphic Design

Jan 24, 2017

Download

Design

Ojus Doshi
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: From Looking to Making: An Introduction to Graphic Design

From Looking to Making: An Introduction to Graphic Design

Ojus Doshi

MFA CandidateGraphic Design | RISD

[email protected]

ojusdoshi.com

Page 2: From Looking to Making: An Introduction to Graphic Design

Design: Making something bearable

Page 3: From Looking to Making: An Introduction to Graphic Design

Louis CK Parking Signs Video

Page 4: From Looking to Making: An Introduction to Graphic Design

FunctionalNew NYC Parking signs designed by

Michael Beirut at Pentagram

Page 5: From Looking to Making: An Introduction to Graphic Design

Visually pleasing

Page 7: From Looking to Making: An Introduction to Graphic Design

Design: A Problem Solving Methodology

Page 8: From Looking to Making: An Introduction to Graphic Design

ExperimentationIdeationDiscovery

Page 9: From Looking to Making: An Introduction to Graphic Design

Human Centered Design

Involving a human being or members of the specific target

community involved in the production and testing of a

product as early as possible.

Page 10: From Looking to Making: An Introduction to Graphic Design

You can engineer a perfectly functioning machine, it’s

technically efficient and accomplishes all its goals—but

when a human in a certain situation goes to use it, may not

account for unique situations (because humans are

complex creatures).

Page 11: From Looking to Making: An Introduction to Graphic Design

What is Graphic Design?The arrangement of text and/or image to convey a message to many people at once.

Page 12: From Looking to Making: An Introduction to Graphic Design

A (Very) Brief History of Graphic Design: Rooted in Technology

Page 13: From Looking to Making: An Introduction to Graphic Design

Movable Type, The Printing Press,

and the Gutenberg Bible

Page 14: From Looking to Making: An Introduction to Graphic Design

Lithography

Page 15: From Looking to Making: An Introduction to Graphic Design
Page 16: From Looking to Making: An Introduction to Graphic Design

Camera and Photography

Page 17: From Looking to Making: An Introduction to Graphic Design

Photomontage

Page 18: From Looking to Making: An Introduction to Graphic Design

Personal Computer means that

broader audience has tools and

capabilities necessary to do what

was done with very technical

machinery in the past

Page 19: From Looking to Making: An Introduction to Graphic Design
Page 20: From Looking to Making: An Introduction to Graphic Design

A blend of everythingWhat is Graphic Design?

Page 21: From Looking to Making: An Introduction to Graphic Design

So how do I handle that?

Page 22: From Looking to Making: An Introduction to Graphic Design

Become an observer of everything.

Page 23: From Looking to Making: An Introduction to Graphic Design

Observer of CultureMusic, Politics, Sports, Language, Art

Page 24: From Looking to Making: An Introduction to Graphic Design

Observer of BehaviorHow people interact, operate, what they say and do

Page 25: From Looking to Making: An Introduction to Graphic Design

Observer of EnvironmentSurfaces, Flows of People, Natural Phenomenon

Page 26: From Looking to Making: An Introduction to Graphic Design

Observer of TechnologyAll devices, transportation, relationship to tools

Page 27: From Looking to Making: An Introduction to Graphic Design

How to Observe

Whimisical Rigorous

Page 28: From Looking to Making: An Introduction to Graphic Design

Doodling & Sketching

Photographing

Collecting

Walking Around

Page 29: From Looking to Making: An Introduction to Graphic Design

Literature Search & BookmarksLibrary, blogs, poetry, fiction, non-fiction, newspapers, magazines

Page 30: From Looking to Making: An Introduction to Graphic Design

Mapping*see also: Hugh Dubberly’sconcept mapshttp://www.dubberly.com/concept-maps

Page 31: From Looking to Making: An Introduction to Graphic Design

Mood BoardsEstablish a visual tone

Page 32: From Looking to Making: An Introduction to Graphic Design

Field ResearchSurvey your friends, colleagues, or others

Page 33: From Looking to Making: An Introduction to Graphic Design

Most Importantly: Keep a Notebook

Evernote

Page 34: From Looking to Making: An Introduction to Graphic Design

Generating a Concept: What is a concept?It’s a larger, meaningful theme that connects all of what you try to make and all the visual output you generate. It is a glue, guide and aspect that often connects with your audience on an emotional level. It stems from the “content” of your message.

Page 35: From Looking to Making: An Introduction to Graphic Design

John BielenbergLiteracy poster

1997

Page 36: From Looking to Making: An Introduction to Graphic Design

1 + 1 = 3

Page 37: From Looking to Making: An Introduction to Graphic Design

Metaphor and SymbolismOne image used in place of another

Page 38: From Looking to Making: An Introduction to Graphic Design

Paul Sahre

Page 39: From Looking to Making: An Introduction to Graphic Design

CDC

If you’re living with HIV and not being safe, you could be living with a lot more.

Protect Yourself. Protect Others.

Printed in the USA, August 2007.

Washington Post

Page 40: From Looking to Making: An Introduction to Graphic Design

Word Play & Visual PunsMake ’em chuckle.

Page 41: From Looking to Making: An Introduction to Graphic Design

Chip Kiddbook cover

Page 42: From Looking to Making: An Introduction to Graphic Design

Chip Kiddbook cover

Page 43: From Looking to Making: An Introduction to Graphic Design

Visual ToneAll elements communicate a particular vibe or feeling.

Page 44: From Looking to Making: An Introduction to Graphic Design

Chip Kidd

Page 45: From Looking to Making: An Introduction to Graphic Design

More Examples: Green Patriot Posters

Page 46: From Looking to Making: An Introduction to Graphic Design

Frédérich Tacer Keo Pierron

Page 47: From Looking to Making: An Introduction to Graphic Design

Conceptual Phase: Let your imagination go wild! Generate Tons of Ideas!

1 2 3 4 5 6 7 8 9

Page 48: From Looking to Making: An Introduction to Graphic Design

Exercise5 minutes: observations or mind map

5 minutes: sketch 1 concept — pick your

craziest idea Name 123-456-7890

Page 49: From Looking to Making: An Introduction to Graphic Design

Culling PhaseLet go of ineffective ideas

1 2 3 4 5 6 7 8 9X X X X X X X

Page 50: From Looking to Making: An Introduction to Graphic Design

Visual Form: Some of Your Options

Page 51: From Looking to Making: An Introduction to Graphic Design

Print • Poster

• Book / Magazine

• Brochure, Pamplets, Flyers

• Billboards

• Postcards / Mailers

• Menus or Store Signage

• Packaging

Page 52: From Looking to Making: An Introduction to Graphic Design

Digital / Motion • Websites

• Mobile Apps

• Film and Animation

Page 53: From Looking to Making: An Introduction to Graphic Design

Mixed or non-traditional formats

Page 54: From Looking to Making: An Introduction to Graphic Design

Exhibitions and Installations

Page 55: From Looking to Making: An Introduction to Graphic Design

preventable.ca website: “we took over Vancouver’s much-loved sculpture “A-maze-ing Laughter” at English Bay. We dressed the sculpture in oversized orange lifejackets, along with a small sign that reminds people to have a word with themselves before thinking that drowning only happens to others.

Our intention: to change your attitude about safety on the water.”

Page 56: From Looking to Making: An Introduction to Graphic Design

Building Surfaces

Page 57: From Looking to Making: An Introduction to Graphic Design
Page 58: From Looking to Making: An Introduction to Graphic Design

Boostup.org was a campaign by Ad Council and visualized by ad agency Publicis Kaplan Thaler in 2010. Mission was to help high schoolers in tough neighborhoods graduate.

Integration of concept and visual form: giving students a boost, literally and figuratively, use of environment and everyday flow through space.

Page 59: From Looking to Making: An Introduction to Graphic Design
Page 60: From Looking to Making: An Introduction to Graphic Design

Theater Dance Performance

Page 61: From Looking to Making: An Introduction to Graphic Design

Board Games & Video Games “Zones has been designed as part of Public Health England’s (PHE) national youth health campaign. It encourages young people to think and talk about the health issues that affect them growing up, and help prepare them to make informed decisions.” http://campaigns.dh.gov.uk/2013/05/08/zones-board-game-now-available-for-youth-groups-and-clubs/

Page 62: From Looking to Making: An Introduction to Graphic Design

Comics, Cartoons

Page 63: From Looking to Making: An Introduction to Graphic Design

Deconstructing Visual Form

Contrast & Visual Hierarchy: What is Most Important

Composition and Organization: White Space, Arrangement, Grid

Emotion and Personality: Color, Typography, & Shape

Page 64: From Looking to Making: An Introduction to Graphic Design

Contrast andVisual Hierarchy

What is Most Important How to guide the eye

T T

Page 65: From Looking to Making: An Introduction to Graphic Design

Composition and OrganizationWhite Space, Arrangement, Grid

Page 66: From Looking to Making: An Introduction to Graphic Design

Emotion and PersonalityColor, Typography, and Shape

VROOOM

VanityBurgers

Page 67: From Looking to Making: An Introduction to Graphic Design

Contrast Color Metaphor

Eduardo Barrera — Mexico Unite for the Children (UNICEF)

Page 68: From Looking to Making: An Introduction to Graphic Design

Contrast

Kaplan Publicis Thaler — boostup.org

Page 69: From Looking to Making: An Introduction to Graphic Design

Typographic Hierarchy

KYNE and Speak Up Africa — Africa United

Page 71: From Looking to Making: An Introduction to Graphic Design

Asymmetrical Composition

Kaplan Publicis Thaler — boostup.org

Page 72: From Looking to Making: An Introduction to Graphic Design

Asymmetry Concept

Jessica Svendsen and Adam VanDeusen — Yale Graphic Design

Page 73: From Looking to Making: An Introduction to Graphic Design

GridCropping Asymmetry Color

Just Get Tested RI

Page 74: From Looking to Making: An Introduction to Graphic Design

Organization

healthycanadians.gc.ca

Responding to limited space

Page 75: From Looking to Making: An Introduction to Graphic Design

Color

KYNE and Speak Up Africa — Africa United

Page 76: From Looking to Making: An Introduction to Graphic Design

Typography

fitwits — Carnegie Mellon University

Page 77: From Looking to Making: An Introduction to Graphic Design

Typography

KYNE and Speak Up Africa — Africa United

Page 78: From Looking to Making: An Introduction to Graphic Design

Color in Branding

preventable.ca

Page 79: From Looking to Making: An Introduction to Graphic Design

Too much?

Ad Council

Page 80: From Looking to Making: An Introduction to Graphic Design

ResourcesGraphic Design Process Skolos + Wedell

Guide to Graphic DesignScott Santoro

Graphic Design for Nondesigners Tony Seddon, Jane Waterhouse, and Rick Landers

designobserver.com

AIGA

Graphic Design ThinkingEllen Lupton

A Kidd’s Guide to Graphic DesignChip Kidd

imageofthestudio.com

Page 81: From Looking to Making: An Introduction to Graphic Design

Thank You!

Ojus Doshi

[email protected]

ojusdoshi.com