Color Guidelines • Use appropriate colors for the audience and site goals • Avoid unnecessary busyness through the overuse of color.
Appropriate Colors • Take advantage of some common divisions in the use of color throughout our culture • Primary colors • Business colors • Energy colors • Earth Tones
Avoid Busyness • Do not add color for color’s sake. • Should have a justifiable rationale for how it will help the user better understand a message
What colors to use • There are only 22 colors that will always display correctly on the web • Others are only consistent part of the time
Web-safe Colors • Web-safe colors – 216 colorshttp://hotwired.lycos.com/webmonkey/00/37/stuff2a/complete_websafe_216/test.html • Really-Safe Pallet – 22 colorshttp://hotwired.lycos.com/webmonkey/00/37/stuff2a/complete_websafe_216/reallysafe_palette.html
Color Harmony A color scheme based on analogous colors A color scheme based on complementary colors Information courtesy of: http://www.colormatters.com/colortheory.html
Graphic Formats • The three most widely used file formats for graphics are GIF, JPEG, and PNG: • GIF files are small and load fast • JPEG files are usually larger than GIF, but are best-suited for photographs • PNG was created as a license-free alternative to GIF • When you save a Web page in which you have inserted a picture, you must be sure to save the picture to the Web site's images folder. • Embedded file
Insert a marquee on a Web page • A marquee is an eye-catching graphic that you can add to a Web page. • Marquees should be used sparingly because they can easily overpower a page and distract the Web page viewer.
Inserting Pictures • Same technique as in Word • Keep an eye on download time in the status bar • Alternative text • Short phrase that identifies or describes a picture • Identifies the picture’s contents as it is being downloaded • People using browsers that cannot display pictures will see the text instead of the picture • Identifies picture for the visually impaired