Any set of colors that consists solely of black, white, and shades of gray is known as an achromatic color scheme. The site for New Zealand’s Black Estate Vineyard in Figure 5, “Black Estate wines-living up to its name” features a special breed of monochromaticism. 4, “Art in My Coffee-featuring colors directly drawn from the site’s subject matter” If you know that the photos and content of your site will feature lots of the same color, it’s a terrific idea to follow Meagan’s lead and design your color scheme around the content.įig. It’s no surprise, then, that the site features a monochromatic color scheme based around creamy tints of tasty brown coffee, as you can see in Figure 4, “Art in My Coffee-featuring colors directly drawn from the site’s subject matter”. If you’re going to use multiple color schemes within a single site, be sure to keep the logo, menu, and overall layout of the site consistent to avoid confusion.Īrt in My Coffee is a Tumblr blog created by Jina Bolton and designed by Meagan Fisher, which catalogs latte art from all around the world. This approach can add richness and character to the content, but may also produce some identity issues. Many websites use different color schemes for each section of content. 3, “Aarron Walter’s site features a different color scheme for each page” Changing Color Schemes When the page loads, JavaScript assigns an incrementally higher alpha (opacity) value to each block, creating a rich monochromatic color scheme for each page.įig. Each row of content has a transparent black background. The darkening content rows you see on Aarron’s home page in Figure 3, “Aarron Walter’s site features a different color scheme for each page” are the result of a clever use of RGBA transparency. Each page of the site features a different monochromatic color scheme. 2, “The Solid Giant website contrasts color effectively”Īnother example of saturated, monochromatic design can be found in the personal site of author, speaker, and user experience designer Aarron Walter. Each section of this single-page, scrolling site alternates between a textured white background and a pink one that’s as bright as the “superawesome” copy on the home page.įig. This is obviously what Indiana-based web agency Solid Giant was going for with the monochromatic color scheme you see in Figure 2, “The Solid Giant website contrasts color effectively”. Hot pink is a super-saturated color that packs a powerful punch when paired with black and white. 1, “A monochromatic monkey” Monochromatic Color Scheme Examples A monochromatic color scheme-like the one shown in Figure 1, “A monochromatic monkey”-consists of a single base color and any number of tints or shades of that color.įig. When we talked about the value of color earlier, we talked about tints and shades. Silly monkeys … but you know what they say: “the client is always right.” These circus monkeys still believe they have a royal lineage, so they have requested that we incorporate a regal purple into the design. Let’s assume that the site you’re designing is for a proud family of hoity-toity circus monkeys. Sometimes, you’ll have to work within a company’s rules, perhaps adhering to seemingly inane and eccentric color guidelines. Of course, this choice may be out of your hands. Consider the subject of the website you’re working on, and choose a base color that suits the site’s purpose. In order to employ any of these classic color schemes, we must start with a color. tetradic (also called double complementary).Color schemes are the basic formulae for creating harmonious and effective color combinations.
That’s all well and good, but how do we find multiple colors that work together? This is where color schemes come in handy.
#Analogous colors and tints series#
Continuing on from the last article in this series on color, Red, Yellow, and Blue, or CMYK, we’re now going to take an in-depth look at color schemes - lots of examples to follow.Ĭurrently, we know enough about colors to talk about their values, intensities, psychological associations, temperatures, and locations on the traditional color wheel.
0 kommentar(er)
