27
Design Elements and Design Elements and Principles Principles

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

Embed Size (px)

Citation preview

Page 1: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color

Design Elements and Design Elements and PrinciplesPrinciples

Page 2: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color

Elements of DesignElements of Design

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

Page 3: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color

PointPoint

Single Point

Multiple points in space

Points creating closure

Page 4: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color

LineLine

Organic Rigid

Differing Weights

Page 5: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color

Form(Shape)Form(Shape)

Contour 3 Dimensional

Page 6: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color

TextureTexture

Rough Smooth

Page 7: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color

ColorColor

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

Page 8: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color

Principles of DesignPrinciples of Design

BalanceBalance RhythmRhythm ProportionProportion DominanceDominance UnityUnity

Page 9: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color

BalanceBalance

Horizontal Symmetry

Approximate Horizontal Symmetry

Radial Symmetry

Assymetry

Page 10: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color

RhythmRhythm

Regular

Flowing

Progressive

Page 11: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color

ProportionProportion

Page 12: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color

DominanceDominance

Page 13: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color

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

Page 14: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color
Page 15: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color
Page 16: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color
Page 17: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color
Page 18: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color
Page 19: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color
Page 20: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color
Page 21: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color

TypographyTypography

Page 22: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color

Common Fonts – Web Common Fonts – Web SafeSafe

Page 23: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color

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.

Page 24: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color

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

Page 25: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color

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)

Page 26: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color

Thinking about Font Thinking about Font and Color Choiceand Color Choice

I will love you forever and

ever until the day you die.

Page 27: Design Elements and Principles. Elements of Design Point Point Line Line Form(Shape) Form(Shape) Texture Texture Color Color

Thinking about Font Thinking about Font and Color Choiceand Color Choice

I will love you forever and

ever until the day you die.