Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape)...

Post on 17-Jan-2016

234 views 0 download

Tags:

transcript

Design Elements and Design Elements and PrinciplesPrinciples

Elements of DesignElements of Design

PointPoint LineLine Form(Shape)Form(Shape) TextureTexture ColorColor

PointPoint

Single Point

Multiple points in space

Points creating closure

LineLine

Organic Rigid

Differing Weights

Form(Shape)Form(Shape)

Contour 3 Dimensional

TextureTexture

Rough Smooth

ColorColor

We’ll look at color more closely in We’ll look at color more closely in another presentationanother presentation

Principles of DesignPrinciples of Design

BalanceBalance RhythmRhythm ProportionProportion DominanceDominance UnityUnity

BalanceBalance

Horizontal Symmetry

Approximate Horizontal Symmetry

Radial Symmetry

Assymetry

RhythmRhythm

Regular

Flowing

Progressive

ProportionProportion

DominanceDominance

Let’s Look at some Let’s Look at some examplesexamples Write down 3 elements of design Write down 3 elements of design

used in eachused in each Write down 2 principles that you Write down 2 principles that you

seesee Write down the color scheme Write down the color scheme

being usedbeing used

TypographyTypography

Common Fonts – Web Common Fonts – Web SafeSafe

Deciding when to use Deciding when to use an imagean image If the font is specific to the designIf the font is specific to the design The font is not a common fontThe font is not a common font You are adding a specific style – You are adding a specific style –

drop shadow, kerning, etc.drop shadow, kerning, etc.

Try to avoid using Try to avoid using images for textimages for text It’s not searchableIt’s not searchable If a user’s browser can’t display If a user’s browser can’t display

the image, your text is not the image, your text is not availableavailable

Use alt informationUse alt information

Installing FontsInstalling Fonts

Step 1 – Download fontStep 1 – Download font Step 2 – copy font into fonts Step 2 – copy font into fonts

folderfolder (Start -> Control Panel -> Fonts)(Start -> Control Panel -> Fonts)

Thinking about Font Thinking about Font and Color Choiceand Color Choice

I will love you forever and

ever until the day you die.

Thinking about Font Thinking about Font and Color Choiceand Color Choice

I will love you forever and

ever until the day you die.