Visual Design

Visual DesignProcess of __________, arranging, & ______________

visual elements of art to accomplish or address a particular purpose

Elements of Visual Design ___________ ___________ ___________ ___________ ___________ ___________

Elements of Visual Design Visual Elements should:

Add ____________ appeal Improve clarity of multimedia projects

Which elements you use depends on: _____________ _____________ _____________

Elements of Visual Design Line

Element of art that is a continuous ___________ made on some surface by a ____________ point, such a pen

Used to: Guide the users _________ movement up, down, &

across the page Suggest _____________ _______________ parts of project

Elements of Visual Design _____________ Lines

Outline Banner on web page Suggests a relaxed, flowing movement Create calm, natural tone

__________, Jagged Lines More dynamic & aggressive

_______________ Lines Convey tranquility & rest

_____________ Lines Associated with power or Strength

Elements of Visual Design ______________

2-Dimensional object 2 Categories

________________ shapes (organizes information) ___________ ___________ ___________

_____________ or ________-________ Shapes (3-D) ________________ _________________

Shapes

Elements of Visual Design Space

Refers to the real or implied __________ between, around, above, below, & within objects

When creating multimedia projects: Leave enough room around objects so that elements

are _______ too close together _________ Space

Area w/o content where the eye can take a _________ as it scans a page

Helps draw ________________ to content

Spacing

Elements of Visual Design Shadows & Shading

Creates the appearance of _________ You can use:

_____________ _____________ –shaded areas _____________

Depth Created through the ______________ of objects

or components

Depth

Elements of Visual Design Depth Guidelines to follow:

1. Put most important elements in the foreground (_________) Create a _______________ –element that you want to

_________ attract attention of viewer2. Place _____________ important elements in the background

Such as ______________ or _______________ Supports the content w/o overpowering it

3. Middle ground (_____________) –area in b/w foreground & background Includes most of the ____________

Elements of Visual Design Color

One of the most _________________ elements in art Derived from _________ 3 Distinct Properties

________ –refers to the name of a color (red, blue, yellow) ________ –refers to the lightness or darkness of a color _________ –refers to the brightness or dullness or a color

RGB Color Model –Red, Green, Blue light Designed specifically to display color _____-____________ Computer _____________ & __________ emit color as RGB

Color

Elements of Visual Design Color Schemes (color ____________)

The _____________ of colors you use throughout your multimedia project

Contain a combination of _______________ & _____________________ colors

Complementary Colors –________ in hue & intensity Make content more consistent

Contrasting Colors –______________ from each other Make information _______________to read Keeps items from _______________together

Complimentary Color Wheel

Elements of Visual Design Color Schemes (color palette) con’t

_____________ # of colors as much as possible Many colors & color combinations have:

________________ ________________ ____________________ to certain audiences

Examples: Red, white & blue –associated w/ 4th of July Green –associated w/ St. Patrick’s Day

Color Scheme

Elements of Visual Design Texture

Surface _____________________ or quality that you ___________ or ___________

Common textures: _____________ or Smooth Dull or ____________ _____________ or Sandy

Can imply: ____________________ or rhythm Add energy to a multimedia design

Texture

Principles of Visual Design

Principle Purpose

Balance Creates stability

______________ Creates visual interest

Harmony Creates unity

________________ Creates a focal point & draws attention

Proportion Creates size relationships

________________ Creates a consistency

Movement Creates action or a sense of perspective or space

_______________ Creates movement & visual tempo or pace

Principles of Visual Design Balance

__________________ of elements so that no one part of the work overpowers or having the elements _____________ properly over the entire project

________________ (Formal Balance) ____________ mirror reflection

__________________(Informal Balance) Does not have symmetry Objects are not perfectly mirrored on each side

Different ___________, _________, ___________, or _________

Balance

Principles of Visual Design Variety, Harmony, & Emphasis

Variety –______________ art elements w/ slight changes to increase visual interest

Harmony –occurs when elements have ______________ Use color, patterns or common shapes to create harmony

Emphasis –a point of __________ that the user sees first Creates a focal point

Principles of Visual Design Proportion

The ________ relationships of certain elements to the whole & to each other

Decide how ___________or __________elements will be in relation to each other

Distort –make and image ____________ than its original proportion

Use exaggerated proportion to create a humorous effect

Proportion

Principles of Visual Design Pattern, Movement & Rhythm

Pattern –2-D decorative effect achieved through the _________________ of colors, lines, shapes, or texture

Used to create consistency in visual design

Movement –combines elements to create the appearance of _____________ to guide a viewer’s eye through the project

Rhythm –regular ___________ of elements to indicate activity or create the feeling of movement or dynamic energy

Pattern

Movement

Rhythm

Principles of Visual Design

Visual Design Elements ChecklistIs the page balanced?

What kid of balance is employed?

What kind of color scheme is employed?

Is there variety in how the elements are used?

Is space used effectively?

Is there harmony among all of the content?

Are visual elements used to create pattern, movement, or rhythm?

Do size relationships emphasize the level of importance among items?

Layout Guidelines of Visual Design Layout –_____________ of text & graphics on each page

or display screen A good layout uses these elements to _____ the entire

project together Principles of a Good Layout

1. Content should be __________ to read2. Text should ___________ _______ from graphics & other objects3. Graphics should be both visually appealing & ______________4. Elements should not be ____________. Content should follow

rules of proximity

Proximity

Closeness of items to each other on a page Works w/ ________________ & _______________

Page Layout

Page Layout Guidelines for the Principles of Visual DesignPrinciple QuestionsBalance Is there an equal amount of elements in each area?

Are there too many elements on the page?

Variety Is there enough variation in the design?Can I vary the types or thickness of a line, the size of a shape, or a color’s hue to enhance visual interest?

Harmony Do lines, shapes, & colors complement each other?Do all the elements work together to create a unifies design?

Emphasis Is focus placed on the correct objects or content?How can I draw more attention to the focal point?

Proportion Do all the elements relate well to each other?Are elements on the page sized in proportion to their importance?

Pattern Is there consistency in the elements used in the layout?How can I make the design more consistent?

Movement Does the page layout guide the viewer’s eye throughout the design?How can I use perspective & space to improve upon the design?

Rhythm Is repetition used to strengthen the page’s visual interest?How can I use repetition to make users more comfortable?

Multimedia AccessibilityMaking sure that all ____________of people can

access & use its content

Disabilities that can affect multimedia usability:1. ___________ impairment2. Hearing impairment3. Different ____________ styles4. ______________ skills impairments