Here are some of the important web design tips and guidelines which i think are necessary for each web design.
1 . Layout
In web design first step is to choose the layout which best suites your needs. Design is basically the placement of your content, pictures and information in your web page. Usually layout is designed in Adobe Photoshop or any other graphic tool. Make sure you consider these few things while designing layouts.
Width and height of design screen (What resolution to design? )
Height of header and footer content
Where to place the content so it can be useful or readable
Keep white spaces (gaps) within your text content and images
Maintain it simple and clean, don’t make excessive information stuck on just one web page
You can also draw the layout on simple paper by your hand
second . Color Scheme
Second step in web design is to choose the right color scheme. Your color scheme may be comprised of 2 or 3 colors. But don’t use more than three or more colors, it will be difficult to control more than 3 colors. There are some websites where you can pick up the color schemes like kuler. com or you can also find incredible color schemes @ colorlovers. Here is more regarding dark web links look into our page.
com. Right now we will see some tips on color options.
Choose at least 2 colors or 3 colors, like black, dark brown and dull green.
Keep your text in a readable color like white text on dark brown background.
Keep your links a little bit more sharp in colors than your text
Keep the stability in colors like light colors on dark backgrounds
Dont make a fruity effect by using too many shades in one place
Try to use Web 2. 0 sleek and clean pallettes
3. Content Positioning (Balancing)
Third step is to position and maintain your own contents so that the user feels like all the pages of the site and in stability. It is very crucial step in web design. You also have to keep in mind to view your web pages in multiple major browsers. Okay right now here are some listed tips.
Keep the ranges same on each page like distance from header of the articles must be same on all webpages
Left and right margins and positions should also be same on all web pages
Keep a balance in positioning therefore nothing looks odd on the web page
These days giving some space or even white space is a fashion within web design
First three steps were purely design based; now when you have built your page a little, you must not overlook the page size and exactly how it is going to load in the browser. Website optimization means a very broad expression. It may also include Search engine friendly code. In the list below i will also listing some websites/links so you can check your website performance.
Keep the usage of images on minimum, loading time will suffer because of heavy images
Minimize the usage of a lot of scripts and Flash content
Use CSS and div based design and eliminate any unnecessary program code from CSS and HTML
Words and phrases in the title of page and headings and your meta tags all counts to Search Engine optimization
Don’t miss to check your web page in different browsers, cross browser compatibility is a should
Now i will list some of the websites that i personally use as a web designer in order to optimize my pages.
A very great Meta Tag analyzer tool SEOcentro Meta Analyzer
A very nice Web Page Optimization tool, Web Page Analyzer 0. 98
Pingdom tools is a great resource to check your loading time and your page efficiency Pingdom tools
To check your webpage across multiple Systems and browsers Adobe Browser Laboratory
And in the last don’t forget to validate your own html/CSS code with W3C Markup Validation
5. Design Publicity
In the last, i will talk about your design and color scheme sense enhancements. Your exposure to new and most recent technologies, design patterns and layouts will also improve your web design overall feeling. Some tips are listed below.
Lookup about latest trends in web site design and latest web design techniques
Look at portfolio websites of other great designers
View art related sites like Deviantart. com to get the right exposure
Try learning new lessons of Photoshop and Dreamweaver, it will help a lot