David PangCAOT 404 - HTML & Web Publishing IIProduction Assignment: Color Theory Quiz
|
Q: What are "Web Safe" colors and why do we use them? "Web Safe" colors are also known as "browser-safe" colors. It is a web standard that lists 216 colors and reserves 40 fixed system colors in its palette. To web developers, this standard is useful in that it ensures colors to appear consistently between different browsers and operating systems, as well as on computers limited to a graphics mode of 256 colors. Also, using these colors prevents the occurrence of dithering, a color matching process that often results in a somewhat spotty quality of image resolution. Q: In your opinion, what is the biggest problem regarding the use of color on the web? ( What are people doing wrong on a lot of websites that makes them look less pleasant? ) The use of discordant colors, thematically inappropriate colors and lack of harmonious contrast are some of the most common problems encountered. The issue of utilizing an appropriate and attractive color scheme can often be easily overlooked, yet it is a crucial factor to consider when designing and planning web sites. An effective color scheme for a web site should match its purpose and theme, utilize analogous, complementary or monochromatic "Web Safe" colors, and make judicious use of contrast to illustrate key points. |
About Color Psychology On The Web
|
Q: What is color psychology and why is it important when designing a website? Color psychology relates to the affectation of a person's mood and / or perception via the use of color. For example, dark colors can be used to express power and strong emotion, and light colors to communicate peacefulness and tranquility. Regarding its use in web development, color schemes can often be tailored to a web site's content, purpose, or the goods and services it provides. It is important for designers to avoid using dissonant and / or inappropriate colors ( i.e. lavender on a web site advertising automotive engine parts, or an excessive use of bright red, an extreme color that is best used sparingly ). Here are some effective uses of color psychology:
|
Communicating With Color: Meanings & Representations
|
Colors can be used to express certain feelings, moods and characteristics, and a proper knowledge of its theory is essential to the development of high quality web sites. The meanings of color can often differ between cultures; the following list is specific to the United States.
Blue: Loyalty, justice, perseverance, vigilance Light Blue: Peace, tranquility Brown: Honesty, reliability, nature Light Brown: Genuineness Green: Nature, wealth, masculinity Purple: Luxury, sophistication, romance Red: Valor, boldness, love, stimulates a faster heartbeat White: Innocence and purity Yellow: Optimism, happiness, enhances concentration
|
Bibliography ( In MLA Format ) : |
Image Credits: |
Beaird, Jason. "Color For Coders - Color and Design for the Non-Designer." SitePoint. SitePoint Pty. Ltd., 4 Dec. 2004. Web. 29 Mar. 2012. <http://www.sitepoint.com/color-for-coders>. "Color Therapy & Healing - An Introduction." arttherapyblog.com. Art Therapy, 24 Jan. 2011. Web. 29 Mar. 2012. <http://www.arttherapyblog.com/online/color-therapy-healing-an-introduction>. "HTML Colors." w3schools.com. Refsnes Data, n.d. Web. 29 Mar. 2012. <http://www.w3schools.com/html/html_colors.asp>. Johnson, David. "Color Psychology." Infoplease. Pearson Education, Inc., n.d. Web. 29 Mar. 2012. <http://www.infoplease.com/spot/colors1.html>. Lim, Hongkiat. "Best Color Tools For Web Designers." Hongkiat.com. Hongkiat.com., n.d. Web. 29 Mar. 2012. <http://www.hongkiat.com/blog/best-color-tools-for-web-designers>. |
All of the images on this web page are royalty-free selections obtained from freedigitalphotos.net. The creations of these images are credited to the following sources: Closeup Color Guide: Image: seaskylab / FreeDigitalPhotos.net Human Brain: Image: dream designs / FreeDigitalPhotos.net Dialogue Bubble Icon: Image: digitalart / FreeDigitalPhotos.net |
This web page was designed by David Pang < [email protected] >