Sunday, August 14, 2016

The Basics of Using Colors & Graphics to Create Warmth


How do colors and graphics affect your website? The effect is a bit like an office. Imagine a client coming into your office. Before they even have a chance to gauge your business or your character, they're already making judgments based on the cleanliness and design of your space.

Your colors and graphics work in much the same way. It doesn't necessarily reflect on the quality of your product, but the reader will still make decisions about your credibility, reliability and professionalism based just on your colors and graphics.

These aren't conscious decisions. They're subconscious, subtle feelings of trust or distrust.

Here are basics of what you need to know about choosing colors and graphics to build credibility.

The Basics of Using Color

First of all, it's a good idea to have one primary color and one adjacent color. Sometimes a site can do well with just one color or three colors, but it's usually best to never have more than three colors.

The colors you choose should be similar enough that they're soothing to the eye. The colors need to fit well together to create one smooth design.

However, two colors shouldn't be so similar that they clash. Two different shades of green, or a light green and a light yellow, for example, are just too similar. It creates strain on the eye.

Contrast or opposing colors should be used with care. It's okay to use opposing colors or high contrast to bring attention to one or two elements. But it is less effective as an overall color scheme.

Use neutral colors like black, white and grey liberally. Just like how white space is half the picture in graphic design, your neutral colors are half the picture in color selection.

Use your one to three colors with moderation, to sprinkle feeling throughout your website. The rest of your website should be neutral. Don't try to color everything.

The Two Rules for Graphics

These are the two rules for graphics:

1. Don't have too many graphics.
2. Each graphic must be highly professional.

In any given article or page, just have one graphic, maybe two. In your header, you only need one graphic. The same applies to just about anything else in your website.

Too many graphics takes power away from each graphic. The best designs use just a few powerful graphics, rather than a bunch of graphics that all detract from one another.

Each graphic needs to be very carefully chosen. It should be color corrected and its contrast balanced in a photo editing program. Make it a crisp photo, taken from a great angle.

In short, the photo should convey professionalism, credibility and quality.

It takes discipline in the beginning to put fewer graphics on a site. But that's what it'll take to really create a great-looking website.

Those are the basics of using colors and graphics in your site. Remember - your colors and graphics are like your office. They set your first impression before they even evaluate your product or offer.


Unknown said...

Superb i really enjoyed very much with this article here. Really its a amazing article i had ever read. I hope it will help a lot for all. Thank you so much for this amazing posts and please keep update like this excellent article.thank you for sharing such a great blog with us. expecting for your updation.
Hadoop Training in chennai

Shalini said...

I just see the post i am so happy to the communication science post of information's.So I have really enjoyed and reading your blogs for these posts.Any way I’ll be replay for your great thinks and I hope you post again soon.

Digital Marketing Company in Chennai

Anonymous said...

Different colors are available which change the density of things. If you familiar with the Photoshop you can see this feature in this software. This software is so useful and you can do almost every type of work but you can check out best essay writing services uk for the best assistance. This picture is looking so wonderful.

Unknown said...

Your post it’s giving me by and large data about this depend and that i desire you are posting extra informative article that’s why i'm store your weblog link. This blogs is so high-quality for me and exquisite activity, keep it up thanks. Topcelebsjackets

Unknown said...

I loved the post, keep posting interesting posts. I will be a regular reader...

Affordable Online Essay Help UK

Unknown said...

These are very simple and very much useful, as a beginner level these helped me a lot thanks fore sharing these kinds of useful and knowledgeable information.
Seo Company in Chennai
Digital Marketing Company in India

Unknown said...

minecraft apk download
Hay Day Mod apk android

Ethan Mackloy said...

Hello, Thanks For sharing this nice information with us.
nvidia inspector Download
veterans day quotes by presidents

Aasif said...

Thank you for this awesome article. It's a detailed information.
download gta vice city full apk

Unknown said...

Thank you for sharing this detailed article. It's best article I have ever read on this topic.
msi app for gaming
roblox mod apk unlimited robux

شركة المثالي سوبر said...

شركة نفخ المجاري بالقصيم
شركة مكافحة النمل الابيض بالقصيم
شركة مكافحة حشرات بالجبيل

Niko GPlay said...

Thanks for sharing.

Download malwarebytes Premium Version
Download Windows software Latest Version
Download MSI Gaming App

Go Getter said...

If you want to know about nvidia,here is the blog that you will get detailed information on
nvidian inspector make sure you can check it out and keep on visiting and please share our blog.

Go Getter said...

If you want to know more about difference bewteen McAfee antivirus vs Norton antivirus,here is the blog that you will get detailed information on McAfee antivirus vs Norton antivirus make sure you can check it out and keep on visiting and please share our blog.

Niko GPlay said...

Very good article, glad to read it thanks.
adobe media encoder download

bernardmmiller said...

Thank you for this awesome article. It's a detailed information. Biker Leather Jacket

Niko GPlay said...

Very useful article, enjoyed reading.
Adobe media encoder 2020

for. said...

Great Article android based projects

Java Training in Chennai

Project Center in Chennai

Java Training in Chennai

projects for cse

The Angular Training covers a wide range of topics including Components, Angular Directives, Angular Services, Pipes, security fundamentals, Routing, and Angular programmability. The new Angular TRaining will lay the foundation you need to specialise in Single Page Application developer. Angular Training

invincible01 said...

Amazing Article, Really useful information to all So, I hope you will share more information to be check and share here.

Inplant Training for cse
Inplant Training for IT
Inplant Training for ECE Students
Inplant Training for EEE Students
Inplant Training for Mechanical Students
Inplant Training for CIVIL Students
Inplant Training for Aeronautical Engineering Students
Inplant Training for ICE Students
Inplant Training for BIOMEDICAL Engineering Students
Inplant Training for BBA Students

invincible01 said...

Amazing Article, Really useful information to all So, I hope you will share more information to be check and share here.

Pygame Tutorial
Pygame Download
Pygame Install
Matplotlib Python
Matplotlib Tutorial
Matplotlib install
PouchDB Tutorial
What is PouchDB
PouchDB Installation
pouchdb server

Post a Comment

About the Author

Image result for mario garcia philippines

Written by Hasloo Network staff.