• Like

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
546
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
10
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. Color
    Presenting Content – Session “Design Preliminaries”
  • 2. CMYK vs. RGB
    Combinations
    Dominance
    Choosing a color palette
    Implementing color in CSS
  • 3. CMYK
    RGB
    Cyan Magenta Yellow blacK
    Red Green Blue
    • additive
    • 4. used for displays
    • 5. subtractive
    • 6. used in print
  • Source: http://www.worqx.com/color/combinations.htm
    Combinations
    Monochromatic
    Complementary
    Split-Complementary
    Triad
    Analogous
    Double-Complementary
  • 7. Source: http://veerle-v2.duoh.com/blog/comments/choosing_color_combinations/
    Combinations
    Good
    Bad
  • 8. Source: http://veerle-v2.duoh.com/blog/comments/choosing_color_combinations/
    Combinations
    Good
    Bad
  • 9. Combinations
    Good
    Bad
  • Source: http://www.webdesignledger.com/
    Dominance
    RED
  • 16. Source: http://www.webdesignledger.com/
    Dominance
    GREEN
  • 17. Source: http://www.webdesignledger.com/
    Dominance
    BROWN
  • 18. Source: http://www.webdesignledger.com/
    Dominance
    PINK
  • 19. Source: http://www.webdesignledger.com/
    Dominance
    Dark/Gray
  • 20. Source: http://www.webdesignledger.com/
    Dominance
    Colorful
  • 21. Choosing a color palette
    Mission Objectives:
    Know your audience
    Know your website’sobjective
    Avoid problematiccolor combinations
    Beware of functionality
    Source: http://www.mister8.com/wp-content/uploads/2010/03/mission-impossible-66-tv-02-g.jpg
  • 22. kuler.adobe.com
  • 23. Implementing color in CSS
    Color nameshttp://www.w3schools.com/css/css_colornames.asp
    RGB valuescolor: rgb(0,255,102); or color: rgb(0%,100%,40%);
    Hexadecimal valuescolor: #00FF66;  color: #0F6;
  • 24. Tasks
    Create external style sheet for provided HTML documents
    Implement color palette from kulerUse all three methods of implementing colors.
    Sensible vs. SenselessTry to vary the use of your colors in order to create a good and a bad example with the same palette.