Your SlideShare is downloading. ×
IMM: Design Basics and Color
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

IMM: Design Basics and Color

2,547
views

Published on

Basics of Color theory

Basics of Color theory

Published in: Technology, Business

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,547
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
34
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. J187 Introduction to Interactive MultimediaDesign BasicsIntroductionColorTypeJ187 Class 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. CRAP DesignC.R.A.P:• Contrast• Repetition• Alignment• Proximity
  • 4. ContrastUse colors, shapes, sizes, fonts, space and imagery to create contrast indesign.Avoid colors and typefaces that are similar.
  • 5. RepetitionRepeat visual elements throughout the designCommunicates consistency and brand
  • 6. AlignmentWhere’s my boat? Dock 4, Slip 20.
  • 7. ProximitySimilar Items Closer, Different farther apart.
  • 8. Color
  • 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. Color Wheel
  • 11. Primary ColorsWheel is based on theequal spacing of theprimary colors Red, Yellowand Blue
  • 12. Secondary ColorsEqual combinations ofthose primary colorsOrange, Green,Violet/Purple
  • 13. Tertiary (third) ColorsThe next level of equalcombinationsThe color blue-green forexample.
  • 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. 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. 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. 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. 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. Shades and TintsAdd Black Add White
  • 20. Warm and Cool ColorsWarm Cool
  • 21. Color Scheme Selectionhttp://kuler.adobe.com/#themes/rating?time=30http://colorschemedesigner.com/Image Selection in Photoshop