processes of visual design

30
VISUAL MEDIA

Upload: mary-rose-loria

Post on 20-Nov-2014

1.225 views

Category:

Education


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Processes of Visual Design

VISUAL MEDIA

Page 2: Processes of Visual Design

Parts of a LetterReturn AddressInside AddressSalutationBodyClosingSignature

Page 3: Processes of Visual Design

Roles in Education

Page 4: Processes of Visual Design

Referent for Ideas

Motivation

Page 5: Processes of Visual Design

Comprehension

Page 6: Processes of Visual Design

PROCESSES OF VISUAL DESIGN

Page 7: Processes of Visual Design

ELEMENTS Verbal

Visual

Page 8: Processes of Visual Design

Visual Elements

Realistic Visuals

Analogic Visuals

Organizational Visuals

Page 9: Processes of Visual Design

abstract realistic

A wagon with a bowed top supported by bowed strips of wood or metal.

Covered wagon

Pictorial Symbols

Graphic Symbols

VerbalSymbols

Page 10: Processes of Visual Design
Page 11: Processes of Visual Design

abstract realistic

A wagon with a bowed top supported by bowed strips of wood or metal.

Covered wagon

Pictorial Symbols

Graphic Symbols

VerbalSymbols

Page 12: Processes of Visual Design

Elements That Add Appeal

Surprise!

Page 13: Processes of Visual Design

Elements That Add Appeal

Texture

Page 14: Processes of Visual Design

Elements That Add Appeal

Interaction

Page 15: Processes of Visual Design

PATTERN

• Alignment of Elements• Shape• Balance• Style• Color Scheme• Color Appeal

Page 16: Processes of Visual Design

“An apple a day keeps the doctor away”…but why? Do you really know what makes an apple so special? Why is it that we never hear an orange or a banana a day keeps the doctor away?

Orange is a tropical to semitropical, evergreen, small flowering tree growing to about 5 to 8 m tall and bears seasonal fruits

Alignment of Elements

Page 17: Processes of Visual Design

Shape

Shapes of letters Z, L, T U

Circles, triangle, rectangle

Page 18: Processes of Visual Design

Rule of Thirds

Page 19: Processes of Visual Design
Page 20: Processes of Visual Design

Balance

Page 21: Processes of Visual Design

Style

simple complex

Page 22: Processes of Visual Design

Color Scheme

Complementary Colors for overall scheme

Analogous colors may also form pleasing combination

Page 23: Processes of Visual Design

BACKGROUNDForeground images

and text

I. White

II. Light grey

III. Blue

IV. Light blue

V. Light yellow

1. Dark blue

2. Blue, green, black

3. Light yellow, white

4. Dark blue, dark green

5. Violet, brown

HIGHLIGHTS

i. Red, orange

ii. Red

iii. Yellow, red

iv. Red-orange

v. red

For Computer Display

Page 24: Processes of Visual Design

Do not directly juxtapose

complementary colors!

Reminders

Projected colors may be different

Page 25: Processes of Visual Design

Color Appeal

•Active•Dynamic•Children

•Contemplative•Thoughtful•Adults

Page 26: Processes of Visual Design

ARRANGEMENT

•Proximity•Directionals•Figure-Ground Contrast•Consistency

Page 27: Processes of Visual Design

Proximity

Put related elements close together and moving unrelated elements apart

Page 28: Processes of Visual Design

Directionals

•Arrow•Bold type fonts•Colored elements

Page 29: Processes of Visual Design

Figure-Ground Contrast

Dark figures show up best on light grounds and light figures show up best on dark grounds

Legible

Legible

Legible

Legible

Legible

Page 30: Processes of Visual Design

Consistency

Be consistent in the arrangement of elements