Downloaded 214 times
Uploaded byDiane Leeper
Introduction To Visual Design
This document provides an introduction to visual design concepts. It discusses key visual design tools like color, texture, images, and typography. It also outlines design processes, including observing and collecting inspiration, brainstorming and sketching ideas, editing and refining, and producing the final design. The document emphasizes that design brings order, solves problems, and creates empathy through visually telling stories. It encourages building design skills through activities like observing art, taking photos, sketching, and learning typography fundamentals.
More Related Content
Similar to Introduction To Visual Design
Introduction To Visual Design
- 1. Introduction to VisualDesign
- 2. Ever wonder howto think like a Designer?This presentation introduces the fundamentals of visual design with examples from art history to pop culture, then explains how they translate to best practices in designing graphic user interfaces. We polish it off with a demonstration of how to implement some of these concepts using Expression Studio. Whether you have a designer-developer workflow or you ARE the designer-developer workflow, this presentation aims to simplify the mystery of why things “look good.”
- 3. This is me:Twitter: dianeleeperwww.dianeleeper.comwww.42stars.com
- 4. This is me:Twitter: dianeleeperwww.dianeleeper.comwww.42stars.comThis is also me.
- 5. Lin Bolin Seeingthe Invisible
- 6. What is Art&Whyis it Important?
- 7. Don’t worry.We arenot(really) going there.
- 8. Don’t worry.We arenot(really) going there.But we do need to mention two things which art can do really well.
- 10. Some art is“just decorative”Some art is createdto match your sofaSome art is createdto make people say “oh how pretty!”
- 12. In my opinion,the best “Art”makes you ask a question.
- 13. Computers are useless.They can only give you answers. Pablo Picasso
- 15.
- 16.
- 17. Cecin’est pas unpipe.
- 19.
- 20.
- 21. So what canyou talk about?
- 22.
- 23. Design is Artwith objectives.Art does not need set goalsto be Art. It’s ok with experimentation.Design favors set goals and restraints. It resides in the realm of the measurable.
- 25. There is overlapbetween art and design.It’s not really necessary to define how much.
- 26. Thereis overlap betweenArt and Design.It’s not really necessary to define how much.
- 27. Design favors setgoals and restraints. It resides in the realm of the measurable.
- 28.
- 29.
- 31.
- 32. Design solves problems.Howdo we design an advertisement that makes people read our copy?
- 36.
- 37. Design creates empathy.Betteryet, Design is about visually telling your story to someone else.
- 41.
- 43.
- 44. A Design ProcessGetan IdeaDecide on the Form it should takeDecide what Methods to useCreate the Structure Craft itPolish
- 45. A Design ProcessObserveand CollectBrainstorm and SketchEdit and RefineProduce
- 46. Observe & CollectBea Pirate.
- 47.
- 48.
- 49.
- 50.
- 52. Visual Tools ofthe Trade
- 53. Visual Tools ofthe TradeColorTextureImageTypeLook and Feel
- 54.
- 55.
- 56.
- 62. Some Good ColorResources
- 66. Visual Tools ofthe TradeColorTextureImageTypeLook and Feel
- 68. Texture creates theillusion of space
- 73. Some Good TextureResources
- 76. Visual Tools ofthe TradeColorTextureImageTypeLook and Feel
- 81. Visual Tools ofthe TradeColorTextureImageTypeLook and Feel
- 83. And then shesaw it…And then she saw it…Oh, you get the idea.And then she saw it…And then she saw it…And then she saw it…
- 87. Some Good TypeResources
- 93. Whitespace is notwasted space.
- 95.
- 97. Negative space isnot wasted space.
- 98. Use a GridGive your design some room to relax.
- 101. 5% to 8%of men are color blind1%of women arecolor blind
- 102. Color should not be your only visual clue in a design.
- 103.
- 104. The FoldThe term“fold” comes from newspaper design and refers to any content that is not visible when a viewer first comes to the screen.
- 105. The FoldI’m goingto let you finish, but…
- 106. Web Design hasit’s own rules.But it’s a fun game.A few good resources:
- 108. What is Skill&Why is it Important?
- 112.
- 113.
- 114. Check out localart!
- 115.
- 116.
- 117.
- 118.
- 120.