Tuesday 3 April 2012

Website Design ideas and Guidelines


Below are the important website design tips and recommendations that we believe are essential for every website design.
1. Layout
In website design initial step is to find the layout which best suites your requirements. Layout is essentially the positioning of the content, images and knowledge inside your web site. Normally layout was created in Adobe Illustrator or other graphic tool. Please think about these couple of things while creating designs.
•             Width and height of design screen (What resolution to create?)
•             Height of header and footer content
•             Where to put the information so it may be helpful or readable
•             Keep whitened spaces (gaps) in your text content and pictures
•             Keep it easy and clean, don’t make an excessive amount of information stuck on only one page
•             You may also draw design on simple paper because of your hands
2. Color Plan
Next step in website design is to find the right color plan. Your color plan might be composed of 2 or 3 colors. Try not to use a lot more than 3 colors, it will likely be hard to control a lot more than 3 colors. You will find some websites where one can get the color schemes like kuler.com or there are also amazing palettes @ colorlovers.com. Now we will have some suggestions on color options.
•             Choose a minimum of 2 colors or 3 colors, like black, brownish and dull eco-friendly.
•             Keep your text inside a readable color like whitened text on brownish background.
•             Keep your links a bit more sharp in colors than your text
•             Keep the total amount in colors like light colors on dark skills
•             Don’t  create a fruity effect by utilizing a lot of colors in one location
•             Try to make use of Web 2 . 0. sleek and clean color plan
3. Content Positioning (Balancing)
Next step would be to position and keep your contents to ensure that the consumer feels as though all of the pages from the site as well as in balance. It's very crucial part of web design. You might also need to bear in mind to see your web pages in multiple major browsers. Okay now here are a few listed tips.
•             Keep the distances same on each page like distance from header from the content should be same on all pages
•             Left and right margins and positions ought to be same on all pages
•             Keep an account balance in positioning so nothing looks odd on the internet page
•             These days giving some space or whitened space is really a fashion in website design
4. Optimization
First three steps were purely design based now if you have built your page a little, you mustn't disregard the page size and just how it will load within the browser. Web site optimization means a really broad term. This may also include Internet search engine friendly coding.
•             Keep using images at least, loading time are affected because of heavy images
•             Minimize using a lot of scripts and Expensive content
•             Use CSS and div based layout and eliminate any unnecessary code from CSS and HTML
•             Words within the title of page and titles as well as your meta data all counts to Seo
•             Don’t miss to check on your internet page in various browsers, mix browser compatibility is essential
5. Design Exposure
Within the last, i'll discuss your design and color plan sense enhancements. Your contact with new and latest technologies, design designs and designs will even enhance your website design overall sense. Some suggestions are highlighted below.
•             Search about latest trends in website design and latest website design techniques
•             View portfolio websites of other great designers
•             View art related websites to find some good exposure
•             Try learning new lessons of Illustrator and Dreamweaver, this helps a great deal
As a Web Designer I'd attempt to write another article on Optimization alone sometime soon.



No comments:

Post a Comment