<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d30123168\x26blogName\x3dEssential+Keystrokes+v1.0\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://essential-keystrokes.blogspot.com/search\x26blogLocale\x3den_US\x26v\x3d2\x26homepageUrl\x3dhttp://essential-keystrokes.blogspot.com/\x26vt\x3d3636176571262862193', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe", messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER, messageHandlers: { 'blogger-ping': function() {} } }); } }); </script>

Tips, resources, product reviews and general information relating to web design, web marketing, the latest trends and random thoughts from Keystrokes Design and Marketing.

Thursday, June 29, 2006

Web Design 101 - Determining Your Colors

You've got your domain name, you know where it will be hosted and now you want to create your web site. Where to start? You can start by picking your colors or by sketching out a general site layout. We'll start with colors.

If you have a company logo, it is a good place to start when determining your color scheme. If not, a photo or graphic that you plan on using at the site can be an inspiration too. You will need one main color to act as an anchor for the design. You can pick one from the logo/photo or one that will compliment it.

Once you have a main color, go to ColorSchemer Online. You can plug in your primary color and then color schemer will give you a page of 16 colors that perfectly compliment your main color. You can even lighten or darken the entire scheme.

Pick your main color plus two to four accent colors. These will be your base for your web elements - like buttons, headings, table/container backgrounds, etc. Depending on the theme of your site, you may want a few more colors from the same grouping too.

I recommend trying a few different color schemes and getting input from others. Chances are, you will go back to the color scheme you tried first, but you may get more impact if you go outside your initial idea.

Need ideas using pre-done color schemes? ColorSchemer also has pre-picked palettes that can be pretty inspiring.

0 Comments:

Post a Comment

<< Home