際際滷

際際滷Share a Scribd company logo

Introduction To Visual Design

Download as PPTX, PDF
Diane Leeper
Diane Leeper

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.

1 of 120
Downloaded 212 times
Introduction to Visual Design
Ever wonder how to 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.
This is me:Twitter: dianeleeperwww.dianeleeper.comwww.42stars.com
This is me:Twitter: dianeleeperwww.dianeleeper.comwww.42stars.comThis is also me.
Lin Bolin Seeing the Invisible
What is Art&Why is it Important?
Dont worry.We are not(really) going there.
Dont worry.We are not(really) going there.But we do need to mention two things which art can do really well.
Introduction To Visual Design
Some art is just decorativeSome art is createdto match your sofaSome art is createdto make people say oh how pretty!
Introduction To Visual Design
In my opinion, the best Artmakes you ask a question.
Computers are useless. They can only give you answers. Pablo Picasso
Introduction To Visual Design
1977
1977 (pong)
Cecinest pas un pipe.
Introduction To Visual Design
But ifEVERYTHING IS ART
ThenNOTHING IS ART
So what can you talk about?
Intention &Success
Design is Art with objectives.Art does not need set goalsto be Art. Its ok with experimentation.Design favors set goals and restraints. It resides in the realm of the measurable.
Introduction To Visual Design
There is overlap between art and design.Its not really necessary to define how much.
Thereis overlap between Art and Design.Its not really necessary to define how much.
Design favors set goals and restraints. It resides in the realm of the measurable.
Design brings order.
Design brings order.
Introduction To Visual Design
Design solves problems.
Design solves problems.How do we design an advertisement that makes people read our copy?
Introduction To Visual Design
Introduction To Visual Design
Introduction To Visual Design
Design creates empathy.
Design creates empathy.Better yet, Design is about visually telling your story to someone else.
Introduction To Visual Design
Introduction To Visual Design
Introduction To Visual Design
Design is creative.
Introduction To Visual Design
A Design Process
A Design ProcessGet an IdeaDecide on the Form it should takeDecide what Methods to useCreate the Structure Craft itPolish
A Design ProcessObserve and CollectBrainstorm and SketchEdit and RefineProduce
Observe & CollectBe a Pirate.
Brainstorm &Sketch
Edit &Refine
Produce
DEBORAH ADLER
Introduction To Visual Design
Visual Tools of the Trade
Visual Tools of the TradeColorTextureImageTypeLook and Feel
Color
Warm
Cool
Introduction To Visual Design
Introduction To Visual Design
Introduction To Visual Design
Introduction To Visual Design
Introduction To Visual Design
Some Good Color Resources
Introduction To Visual Design
Introduction To Visual Design
Introduction To Visual Design
Visual Tools of the TradeColorTextureImageTypeLook and Feel
Introduction To Visual Design
Texture creates the illusion of space
Introduction To Visual Design
Introduction To Visual Design
Introduction To Visual Design
Introduction To Visual Design
Some Good Texture Resources
Introduction To Visual Design
Introduction To Visual Design
Visual Tools of the TradeColorTextureImageTypeLook and Feel
Introduction To Visual Design
Introduction To Visual Design
Introduction To Visual Design
Introduction To Visual Design
Visual Tools of the TradeColorTextureImageTypeLook and Feel
Introduction To Visual Design
And then she saw itAnd then she saw itOh, you get the idea.And then she saw itAnd then she saw itAnd then she saw it
Introduction To Visual Design
Introduction To Visual Design
Introduction To Visual Design
Some Good Type Resources
Introduction To Visual Design
Introduction To Visual Design
Introduction To Visual Design
Introduction To Visual Design
Introduction To Visual Design
Whitespace is not wasted space.
Introduction To Visual Design
Consider the alternative.
Introduction To Visual Design
Negative space is not wasted space.
Use a Grid Give your design some room to relax.
Introduction To Visual Design
Introduction To Visual Design
5% to 8% of men are color blind1%of women arecolor blind
Color should not be your only visual clue in a design.
Browser Inconsistency
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.
The FoldIm going to let you finish, but
Web Design has its own rules.But its a fun game.A few good resources:
Introduction To Visual Design
What is Skill &Why is it Important?
Introduction To Visual Design
Introduction To Visual Design
Introduction To Visual Design
Spark Your Creativity
Observe and Collect
Check out local art!
Take Photos
Take a class
Sketch
Learn Typography
Introduction To Visual Design
Just do it.

More Related Content

Introduction To Visual Design