Color and Typography

Black type on white background is the most common color scheme. A lot of the things we read are in books, newspapers and magazines, in which text is usually black on white paper. Black type against a light background is the easiest to read. It’s also the least expensive to print. However, using different color and type can make your text pop more.

Color and typography work together in many ways. Color can attract attention to an element, help emphasize, contrast and organize content, reinforce impact and recognition, create a mood, strengthen an identity and even assist readability. We can see this in logos, movie posters, greeting cards, and book covers.
The Internet has added another new dimension to the use of color and typography. Web sites attract your attention quickly and keep it as long as possible, and color is a powerful tool for achieving this.
Color and typography can enhance good information on a website
Readability should be your primary consideration when combining type and color. Contrast is the key.
Macs and PCs display color differently so you have to take that into account. You can use the 216-color web-safe palette.

Strivzer, Ilene. "Type and Color." Fonts.com. N.p., n.d. Web. 30 Nov. 2013.

Chapman, Cameron. "Design Charts for Better Typography and Color." Noupe. N.p., n.d. Web. 30 Oct. 2013.

Web Design Trend

A new trend in webpage design is the use of CSS transparency. The new CSS3 properties allow you to control transparency in the web browser. The background is given the property "transparent property." Another way to create transparency is to manipulate the color syntax. In CSS, you have to specify Alpha Transparency values, and you can change the percentage of opacity.

If you wanted to set the opacity for a div element at 50%, you would write div{opacity:0.5;}

Some important things to keep in mind when using CSS transparency:

• Use transparency to create contrast
• Use transparency in varying levels
• Don't cover essential parts of the image
• Don't use transparency as decoration

Works Cited


Cousins, Carrie. "Using Transparency in Web Design: Dos and Don'ts." Codrops Using Transparency in Web Design Dos and Donts Comments. Codrops, 26 Nov. 2012. Web. 28 Oct. 2013.

"CSS3 Opacity Property." CSS3 Opacity Property. Eschools.com, n.d. Web. 28 Oct. 2013.

Rocheleau, Jake. "Web Design: 20 Hottest Trends To Watch Out For in 2013." Hongkiatcom RSS. Hongkiat.com, n.d. Web. 28 Oct. 2013.