J187 Introduction to Interactive MultimediaDesign BasicsIntroductionColorTypeJ187 Class 2
Problem SolvingDesign is about:                       Visual or Design Element:• Communication                          ...
CRAP DesignC.R.A.P:• Contrast• Repetition• Alignment• Proximity
ContrastUse colors, shapes, sizes, fonts, space and imagery to create contrast indesign.Avoid colors and typefaces that ar...
RepetitionRepeat visual elements throughout the designCommunicates consistency and brand
AlignmentWhere’s my boat?   Dock 4, Slip 20.
ProximitySimilar Items Closer, Different farther apart.
Color
CMYK or RGB?CMYK                            RGB For Print                      For Screens Pigment                     ...
Color Wheel
Primary ColorsWheel is based on theequal spacing of theprimary colors Red, Yellowand Blue
Secondary ColorsEqual combinations ofthose primary colorsOrange, Green,Violet/Purple
Tertiary (third) ColorsThe next level of equalcombinationsThe color blue-green forexample.
Color Relationships• Complementary    •   Two opposite colors in wheel• Triads    •   Triangle Spacing around wheel• Analo...
Color Relationships• Complementary    •   Two opposite colors in wheel• Triads    •   Triangle Spacing around wheel• Analo...
Color Relationships• Complementary    •   Two opposite colors in wheel• Triads    •   Triangle Spacing around wheel• Analo...
Color Relationships• Complementary    •   Two opposite colors in wheel• Triads    •   Triangle Spacing around wheel• Analo...
Color Relationships• Complementary    •   Two opposite colors in wheel• Triads    •   Triangle Spacing around wheel• Analo...
Shades and TintsAdd Black          Add White
Warm and Cool ColorsWarm            Cool
Color Scheme Selectionhttp://kuler.adobe.com/#themes/rating?time=30http://colorschemedesigner.com/Image Selection in Photo...
IMM: Design Basics and Color
IMM: Design Basics and Color
IMM: Design Basics and Color
IMM: Design Basics and Color
Upcoming SlideShare
Loading in …5
×

IMM: Design Basics and Color

8,981 views

Published on

Basics of Color theory

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
8,981
On SlideShare
0
From Embeds
0
Number of Embeds
7,534
Actions
Shares
0
Downloads
38
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

IMM: Design Basics and Color

  1. 1. J187 Introduction to Interactive MultimediaDesign BasicsIntroductionColorTypeJ187 Class 2
  2. 2. Problem SolvingDesign is about:  Visual or Design Element:• Communication  Anything on the page• Creating Interest as well as the lack of anything (space).• Solving Problems  Images, text, lines, shapes, graphics, spacing, etc.
  3. 3. CRAP DesignC.R.A.P:• Contrast• Repetition• Alignment• Proximity
  4. 4. ContrastUse colors, shapes, sizes, fonts, space and imagery to create contrast indesign.Avoid colors and typefaces that are similar.
  5. 5. RepetitionRepeat visual elements throughout the designCommunicates consistency and brand
  6. 6. AlignmentWhere’s my boat? Dock 4, Slip 20.
  7. 7. ProximitySimilar Items Closer, Different farther apart.
  8. 8. Color
  9. 9. CMYK or RGB?CMYK RGB For Print  For Screens Pigment  Light DO NOT USE IN CLASS!  ALWAYS USE IN CLASS!WE WILL NEVER USE OR SPEAK OF CMYK IN THIS CLASS AGAIN!
  10. 10. Color Wheel
  11. 11. Primary ColorsWheel is based on theequal spacing of theprimary colors Red, Yellowand Blue
  12. 12. Secondary ColorsEqual combinations ofthose primary colorsOrange, Green,Violet/Purple
  13. 13. Tertiary (third) ColorsThe next level of equalcombinationsThe color blue-green forexample.
  14. 14. 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 hues
  15. 15. 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 hues
  16. 16. 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 hues
  17. 17. 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 hues
  18. 18. 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 hues
  19. 19. Shades and TintsAdd Black Add White
  20. 20. Warm and Cool ColorsWarm Cool
  21. 21. Color Scheme Selectionhttp://kuler.adobe.com/#themes/rating?time=30http://colorschemedesigner.com/Image Selection in Photoshop

×