Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

The Elements of Design - Color

1,678 views

Published on

Published in: Education, Technology, Design
  • Be the first to comment

  • Be the first to like this

The Elements of Design - Color

  1. 1. The Elementsof DesignColor
  2. 2. Lesson Overview In this lesson, you will  Explore the use of color as it applies to Web design
  3. 3. Guiding Question How does color impact the choices you make for the clothes you wear each day?
  4. 4. Color The Internet isn’t black and white Colors can be analogous or complementary Complementary colors are colors opposite each other on the color wheel
  5. 5. Color Why is the choice of color so important?  Color affects the first impression of your site  Color sets a level of professionalism for the site  Good choices increase the chance that your site will be taken seriously
  6. 6. Color - RGB RGB = Red:Green:Blue Numbers represent how much of each color was used to make the new color  Range from white 255:255:255 to black 0:0:0 Web development enables the designer to use these number to produce the exact color desired
  7. 7. Color - HEX HEX = Hexadecimal code Series of six letters and numbers  0 – 9 and A – F  HEX code for white is 000000 and the HEX code for black is FFFFFF. Most Web development software will accept either RGB or HEX.
  8. 8. Color Choice Resources Color Families  http://www.colorjack.com/ Color Codes  http://www.colorschemer.com/blog/  http://www.pitt.edu/~nisg/cis/web/cgi/rgb.html Use Color Codes to find the Color Family  http://meyerweb.com/eric/tools/color-blend/  http://colorblender.com/  http://www.nickherman.com/colormatch/  http://www.colorschemer.com/online.html
  9. 9. Color Examples Examples of Bad Font Color Choices  http://iteslj.org/Articles/Kelly- MakePage/samples/bad/badcolors.html Examples of Good and Bad Uses of Color on a Web page  http://www.2fortoys.net/web_design/color- example.htm
  10. 10. W3C The World Wide Web Consortium also provides guidelines on the use of color within a Web site. To view two examples of incorrect uses of color in a Web site, view the HiSoftware Tutorial at the following address  http://www.contentquality.com/tutorial/c2 1.htm
  11. 11. Color Assignments Discussion Forum  Go to the Discussion forum and create a thread to answer the following question:  How is color used in Web design?
  12. 12. Color Assignments Activity  Locate a Web site on the Internet  You can use any type of Web site  It will be used for design assessment  As concepts are covered, examine your site to note how concepts are used:  Correctly  Incorrectly  Examine the use of color on the site

×