57

Elements of Visual Design Line Shape Texture Space Color

Embed Size (px)

Citation preview

Elements of Visual DesignLineShapeTextureSpaceColor

LineUtilitarian LineExpressive line

Line

Vertical lines suggest strength

Line

Horizontal lines suggest rest

Line

Diagonal lines suggest motion

Line

Zigzag lines suggest confusion or activity

Line

Curved lines suggest peace and relaxation

ShapeA visually perceived area of value, color,

line or any combination of these elements. Shape can be used to invoke emotional responses, emphasize elements or add interest.

ShapeTwo dimension elementFour types of shapes

GeometricNaturalAbstract Distorted

ShapeShapes can be used to:

Communicate ideasAttract attentionSimplify wordsCreate bordersHighlight informationSymbolize an idea or emotionCreate a variety of arrangements

TextureSurface character of a visual which may be

experienced through touch or the illusion of touch.

Two types:Tactile Visual

Texture

Texture can be used to:Relate an image to its backgroundCreate interestCreate feelings of depth or livelinessCreate a collageCreate a designCreate visuals that look more realistic

SpaceSpace is the distance around somethingFuzzy boundaries give the illusion of motionThe easiest way to show distance is

through size

ColorProperties of color

Hue: the name of the colors as humans see them when white light passes through a prism.Hue describes the visual sensation of the different parts

of the visual spectrumValue: the lightness and darkness of the hue.

Tint: adding white which lightensShade: adding black which darkens

Intensity or saturation: The strength of a color. Strongest when unmixed.

Color

100% 80% 60% 50% 50% 40% 20% 0%

White Yellow Orange Red Green Blue Purple Black

Background and lettering should be at least 50% apart!

ColorColors change with their surroundingsSome colors change more than othersValue is a variable which is dependent on

surrounding hues for its visual sensationColor spreads to adjacent colorsColors are perceived to be warm or coolWarm colors advance while cool colors

recede

ColorCool colors are used to show depth and

volumeColor is associated with nature, danger,

holidays, events and symbolsColor can show spatial relationshipsColor can set mood but is influenced by

culture

Color

Color creates contrastColor is used to emphasize an area or

shape

ColorBasic color schemes

AnalogousMonochromaticComplementarySplit complemenaryTertiary

Monochromatic

- single hue with various tints and shades

Analogous

Adjacent hues on the color wheel

Complementary

Opposite colors on the color wheel

Split complementary -

uses three colors: any hue and the two adjacent to its

complement

Triad

Uses three colors evenly space from each other

Tertiary

Uses four colors evenly spaced from each other

ColorPsychological aspects of color

Black: dignity, strength, fear, death, free of debt

Blue: calm, coolness, melancholy, depression, mildness, the sky, most liked

Green: growth, youthfulness, sickliness, movement

Violet: richness, passion, majesty, spirituality

ColorPsychological aspects of color

Red: love, anger, danger, debt, the devil, power, energy

White: freshness, purity, cleanliness, wholesomeness

Yellow: Most disliked color, caution, light, the sun

http://www.visibone.com/colorlab/

Principles of DesignHarmonyBalanceRhythmEmphasisVarietyUnityContrast

HarmonyVisual unity is another term for harmonyThe visual elements have been brought

together for a reason

BalanceTwo types:

FormalInformal

Balance

Formal Balance

Balance

Informal Balance

RhythmRhythm is a feeling.Refers to the movement of the viewers’

eyes.Involves repetition

EmphasisA center of interest is created when one

element is different from others.The eye is automatically attracted to the

place that is different.

VarietyProvides interest because of differences

ContrastThe degree of difference in the treatment

of one of several elements of design

UnityThe bonding together of all elements by

organization and balance

Rule of Thirds

Guidelines and Examples

Bulletin Board

Bulletin Board Guidelines/Examples

3 purposes of bulletin boards

Sample bulletin boardsSelf evaluation criteriaMore visual designMedia lab resources

3 Purposes of Bulletin BoardsDecorativeMotivationalInstructional

Decorative Bulletin Board

Motivational Bulletin Board

Instructional Bulletin Board

Self Evaluation CriteriaEmphaticBalancedUnifiedInteractiveLegible

Lettered Properly

RelativeDurableNeat

More Visual DesignCapital LettersColor of LetteringSize of LetteringSpacing Between LettersSpacing Between LinesElements That Add Appeal

http://images.google.com/images?sourceid=navclient&rlz=1T4GUEA_enUS312US330&q=school+bulletin+board+ideas&um=1&ie=UTF-8&ei=aEGVStyuCZWwNuTb3fkH&sa=X&oi=image_result_group&ct=title&resnum=4

Media Lab—213 EducationMac Computers

Roll paperDie CuttersLaminatorBinderBooks

Resource Kits

Construction paper

Map pencilsScissorsCalculators

Resourceshttp://www.online.tusc.k12.al.us/shortc/

newsltrs/home.htm http://atozteacherstuff.com/Themes/

index.shtml http://www.teachervision.fen.com/bulletin-

board/curriculum-planning/6515.html?detoured=1

http://school.discoveryeducation.com/schrockguide/bulletin/index.html

http://eduscapes.com/tap/topic97.htm