GREAT COLOR SCHEMES FOR A CLASSY WEBSITE
Selection of colors is a very important part in web designing. This presentation aims to provide practical and concise knowledge of design principal.
Cool Colors
Warm Colors
Types of Colors Schemes • • • • • •
Analogous .. Complementary Split Complementary Triad Tetradic Monochromatic
Analogous Color Scheme Analogous schemes feature three colors that are adjacent to each other on the color wheel.
Analogous Color Scheme Pros & Cons Pros: • The analogous color scheme is =easy to create, but looks richer.
Cons: • Analogous color scheme some time lacks color contrast.
Tips: • Avoid using too many hues in the analogous scheme • Avoid combining warm and cool colors in this scheme.
Complementary Color Scheme .
Complementary schemes are based on two colors from opposite sides of the color wheel.
Complementary Color Scheme- Pros & Cons Pros: • The complementary color scheme offers stronger contrast than any other.
Cons: • This scheme is harder to balance.
Tips: • For better results, place cool colors against warm ones. • Don’t combine warm colors
Split Complementary Color Scheme The split-complementary color scheme is a variation of the complementary color scheme.
Split Complementary Color Scheme- Pros & Cons Pros: • The complementary color scheme offers stronger contrast than any other.
Cons: • This scheme is harder to balance.
Tips: • For better results, place cool colors against warm ones. • Don’t combine warm colors
Monochromatic Color Scheme Monochromatic color schemes are derived from a single base hue and extended using its shades, tones and tints.
Monochromatic Color Scheme- Pros & Cons Pros:
• The monochromatic scheme is easy to manage, and looks visually appealing.
Cons: • This scheme lacks color contrast.
Tips: • Use tints, shades, and tones of the key color to
How to Choose Right Color to make a Website
Website designers often struggle over the selection of colors, deciding colors for website is not an easy task. If you are also wondering the same thing, this presentation
Steps to Choose the Color for Website Designing •Choose the right dominant colors for your website and brand. •Combine complementary colors to create your perfect color scheme. •Choose a background color that works for you. •Use of right color at the appropriate places on your
How to use Dominant Colors for your Website
Use dominant colors only at a limited number of places where you want your website visitors to pay attention to, or if you want your visitors to take certain actions (such as call a phone number, fill in a contact form, sign up to
Call to Action Menu Tabs Logo
How to use Accent Colors for your Website Accent colors are to highlighted secondary information on your web pages. Accent colors are not the main focal points of your page for example, they may be the subtitle, secondary buttons,
How to Choose Website Background Color Background color completely depends on the purpose of your website, but When we choose background color for the website ,we have to think that the color of the website should not annoy your visitors and it will represent the criteria of
Some color trends For our website
Types of Website and their Colors • Content Intensive Information Websites & Ecommerce Websites. • Corporate / Business Websites Promoting a Service.
Content Intensive Information Websites Content intensive information websites, also known as Ecommerce website these websites usually use white or a neutral background color because the purpose of these types of websites is to promote ideas or products. The focus is on the content or products, rather than the design of the website. The background
Corporate Business/Promoting a service Websites Corporate/business websites usually have two purposes -Promoting the brand or its services. To build a strong brand identity, use various shades of your dominant or brand color as your background color. When you use a variation of your dominant/brand color as your background, you are reinforcing your brand and makes it more
References •http://www.color-wheel-pro.com/colorschemes.html •https://webdesign.tutsplus.com/articles/anintroduction-to-color-theory-for-webdesigners--webdesign-1437 •http://www.websitebuilderexpert.com/howto-choose-color-for-your-website/ •http://www.websitebuilderexpert.com/howto-choose-color-for-your-website/
Conclusion
A good website design is one that always put its audience first.
THANK YOU