/
Design Basics Design Basics

Design Basics - PowerPoint Presentation

liane-varnes
liane-varnes . @liane-varnes
Follow
401 views
Uploaded On 2016-05-07

Design Basics - PPT Presentation

Introduction Color Type J187 Class 2 IIMM J187 Introduction to Interactive Multimedia Problem Solving Visual or Design Element A nything on the page as well as the lack of anything space ID: 309499

color colors varied spacing colors color spacing varied adjacent relationships wheeltriads triangle wheelanalogous single complementary huesmonochromatic design intensitycompound hues

Share:

Link:

Embed:

Download Presentation from below link

Download Presentation The PPT/PDF document "Design Basics" is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.


Presentation Transcript

Slide1

Design Basics

IntroductionColorTypeJ187 Class 2

IIMM

J187 Introduction to Interactive MultimediaSlide2

Problem Solving

Visual or Design Element:Anything on the page as well as the lack of anything (space). Images, text, lines, shapes, graphics, spacing, etc.

Design is about:CommunicationCreating Interest

Solving ProblemsSlide3

CRAP Design

C.R.A.P:ContrastRepetition

Alignment ProximitySlide4

Contrast

Use colors, shapes, sizes, fonts, space and imagery to create contrast in design.Avoid colors and typefaces that are similar. Slide5
Slide6

Repetition

Repeat visual elements throughout the designCommunicates consistency and brand Slide7
Slide8

Alignment

Where’s my boat?

Dock 4, Slip 20.Slide9
Slide10

Proximity

Similar Items Closer, Different farther apart. Slide11
Slide12

ColorSlide13

CMYK or RGB?

CMYKFor PrintPigmentDO NOT USE IN CLASS!

RGBFor ScreensLightALWAYS USE IN CLASS!

WE WILL NEVER USE OR SPEAK OF CMYK IN THIS CLASS AGAIN!Slide14

Color WheelSlide15

Primary Colors

Wheel is based on the equal

spacing of the primary colors Red, Yellow and Blue Slide16

Secondary Colors

Equal combinations of those primary colorsOrange, Green, Violet/Purple Slide17

Tertiary (third) Colors

The next level of equal combinationsThe color blue-green for example.Slide18

Color Relationships

Complementary

Two opposite colors in wheel

Triads

Triangle

Spacing around

wheel

Analogous

Adjacent Hues

Monochromatic

Single

color, varied

intensity

Compound

Combines

colors from various

huesSlide19

Color Relationships

Complementary

Two opposite colors in wheel

Triads

Triangle

Spacing around

wheel

Analogous

Adjacent Hues

Monochromatic

Single

color, varied

intensity

Compound

Combines

colors from various

huesSlide20

Color Relationships

Complementary

Two opposite colors in wheel

Triads

Triangle

Spacing around

wheel

Analogous

Adjacent Hues

Monochromatic

Single

color, varied

intensity

Compound

Combines

colors from various

huesSlide21

Color Relationships

Complementary

Two opposite colors in wheel

Triads

Triangle

Spacing around

wheel

Analogous

Adjacent Hues

Monochromatic

Single

color, varied

intensity

Compound

Combines

colors from various

huesSlide22

Color Relationships

Complementary

Two opposite colors in wheel

Triads

Triangle

Spacing around

wheel

Analogous

Adjacent Hues

Monochromatic

Single

color, varied

intensity

Compound

Combines

colors from various

huesSlide23

Shades and Tints

Add Black

Add WhiteSlide24

Warm and Cool Colors

WarmCoolSlide25

Color Scheme Selection

http://kuler.adobe.com/#themes/rating?time=30http://colorschemedesigner.com/

Image Selection in Photoshop