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
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.
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. Slide5Slide6
Repetition
Repeat visual elements throughout the designCommunicates consistency and brand Slide7Slide8
Alignment
Where’s my boat?
Dock 4, Slip 20.Slide9Slide10
Proximity
Similar Items Closer, Different farther apart. Slide11Slide12
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