DESIGN PROCESS. DESIGN Every design starts from research and early concept.
-
Upload
mark-tobias-young -
Category
Documents
-
view
221 -
download
3
Transcript of DESIGN PROCESS. DESIGN Every design starts from research and early concept.
![Page 1: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/1.jpg)
DESIGN PROCESS
![Page 2: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/2.jpg)
DESIGN
• Every design starts from research and early concept.
![Page 3: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/3.jpg)
Experimentation• Designer always start from sketchbook
Initial Photographic research
![Page 4: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/4.jpg)
Then, Abstraction of photographs and addition of text
![Page 5: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/5.jpg)
• Further exploration of text• Looking at figure-ground relationship and color
![Page 6: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/6.jpg)
Then, cut off the numbers as an alternative
![Page 7: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/7.jpg)
FINAL DESIGN
The final designs show how the research impacted the decision made
![Page 8: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/8.jpg)
RESEARCH DEVELOPMENTHere’s another example. How a designer develop his idea.
Typographic experiment
Map as a background image
![Page 9: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/9.jpg)
Extended photographic researchDrawn from magazine
Further image abstraction
![Page 10: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/10.jpg)
The last series of sketchbook pages shows the final decision
![Page 11: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/11.jpg)
FINAL BOOK COVER DESIGN
![Page 12: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/12.jpg)
• Designer always brings up idea but easy to forget.• So, it’s better to use sketchbook to write the idea
down• Or if you see some inspiring thing, use your cell phone
to take picture.
![Page 13: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/13.jpg)
• At that moment, you may not need it• But if forms an archives of idea and inspiration• It can save your day later
I mean it helps your design later.This book saves you when you are short of idea
![Page 14: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/14.jpg)
• Make it a habit• Do it constantly. • When something grabs your attention, draw it, write it or photograph it• Record your initial thought• Over time, it becomes your “catalog of inspiration”
Later on, you’ll find out that you develop your own signature & style.
![Page 15: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/15.jpg)
Another designer’s sketchbook- Design library catalog
Get inspiration on document book in library
![Page 16: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/16.jpg)
Typography and architectural elevation of the library Type displayed on its side
Vertical typography Vertical “book-spine-like” structure on a page
![Page 17: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/17.jpg)
directional arrows and fists are traditional
![Page 18: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/18.jpg)
Victorian library signage The charm and form of brown paper envelopes
Example of proposed finishing material.Print test onto the chosen paper.
![Page 19: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/19.jpg)
FINAL DESIGN
You remember those directional fist & arrow from his sketchbookThe graphic element and 19th century fonts give a historical feeling
![Page 20: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/20.jpg)
The back of catalog
• The guy is the chief librarian• The line of text connect the old time( directional fist) to
contemporary collection (that guy who is still alive)
![Page 21: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/21.jpg)
• Do you still remember his sketchbook?• He likes the type on its side and the “book-spine-like” structure .• He applies at here.
![Page 22: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/22.jpg)
• Do you remember that he likes the charm and forms of brown paper envelopes?
• Now, he applies at here
![Page 23: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/23.jpg)
LINEAR REASONING / LATERAL THINKINGFocus & methodical Diffuse & expansive
Both are very useful research & development tools
![Page 24: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/24.jpg)
Linear reasoning • Stragetic thought process, step by step logic, following a specific path
• e.g. split the idea into components like color, type…etc
• Then, work each through• Then, finalize the design to fit the concept
Lateral thinking • Indirect exploration, generate many ideas• Emphasize on indirect creative forms of
research• e.g. brainstorming
![Page 25: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/25.jpg)
• Think some words that are associated• Keep exploring and comes out the idea that you have never
thought of.
![Page 26: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/26.jpg)
• Some designers like to do brainstorming first. Explore the idea• Then, use linear reasoning at later stage e.g. think of color, type and structure split everything into parts and combine into one final piece. OR a more linear way like storyboard
![Page 27: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/27.jpg)
![Page 28: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/28.jpg)
EXPLORATORY DRAWINGGoal: explore ideaConcrete form ---> abstract idea
Abstract Drawing• Originally, he is drawing
some organic shapes with movement.
• Later, it invokes some letter forms/ calligraphy
![Page 29: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/29.jpg)
• Through drawing, you can understand the subject as shape, color as tone.
• It helps you to understand perspective and how an object exists in space.• It shows you how to convey texture & density.
![Page 30: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/30.jpg)
Here’s an example
• Through drawing, you know more about dimension & space• Also, experiment with different media • e.g. pencil, chalk & ink….etc
![Page 31: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/31.jpg)
• Exploratory drawing helps you to “understand form”
• The background is a map• After the designer trace it, he finds out that it’s similar to the forms of plant & flower.
![Page 32: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/32.jpg)
VISUALIZING IDEA
Thumbnails• Sketches for business card layout shows variety of options• During the initial design stages (we call this “roughs”)
![Page 33: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/33.jpg)
The roughs can be shown to a clientBefore committing extra time to refining a design
![Page 34: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/34.jpg)
ROUGHS • 1/3 or half of actual size• Vague and no need to be detail• So, it leaves a lot of imagination and leave
options open• Designers use thumbnails & roughs to work out
idea
![Page 35: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/35.jpg)
Combining StylesThese logo development sketches provides quick visualization.Then, you combine the style that your clients like. Explore the possible layout & make a final design
![Page 36: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/36.jpg)
DON’T BYPASS THIS PROCESS!DON’T PRODUCE YOUR IDEAS DIRECTLY ONSCREEN!!
( What if the client doesn’t like your idea? You need to do it all over again. Kind of wasting your time)
![Page 37: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/37.jpg)
Cost-effective flexibilityAfter the client finalize the idea, you can do it on computerYou can provide multiple version of that designOn little refinement. E.g. color and typeface can be easily changed by computer. That’s more effective in this way.
![Page 38: DESIGN PROCESS. DESIGN Every design starts from research and early concept.](https://reader035.fdocuments.net/reader035/viewer/2022062516/56649dd45503460f94acb54b/html5/thumbnails/38.jpg)
Computer Visualization• After the client finalize the theme, you just move around the
image, typeface and color.