10 Web Design Tips For Absolute Beginners

As a new website design company a lot of your design ability can come through practise and research, being aware what is “in” and being aware what will always look good. However, in case you are only starting out and do not quite possess a hold on the nuances, here are a couple things to consider.

1. Practise creating suitable graphics

Before you ever attempt to design something yourself, you have to know the way to create suitable graphics and effects. If there’s one thing that may ruin a good looking concept it can be substandard graphics.

If you aren’t familiar with the existing trends you can obtain a feel for the prevailing wind in web page design through traversing to a few CSS galleries. Copy buttons and menus and any snazzy effects you particularly much like the look of until you’re confident your graphics are highly rated.

Once you have a few tricks the sleeve..

2. Actually design

“I understand how it may need to look inside my head, that’s enough”

There are people that choose to “design inside browser” but until you’re more confident this approach is unlikely to yield favourable results. If you can’t afford Fireworks or Photoshop consider GIMP, it’s free Open Source and have got all the options you’d ideally have for your use, but it is a fantastic place to start.

3. Don’t be afraid to copy

Obviously I’m not suggesting you steal someone’s entire site design, but when the thing is that a navigation style or possibly a texture that you want, apply it being a kick off point for the style of your own personal. There are always certain “looks” which are more prevalent than these, then there is simply no shame in utilizing something surefire.

4. Design for appropriate resolutions

There’s no solid rule where website width can be involved. Depending on the site showcased your users could be a different demographic. Generally speaking however 1024 resolutions are nevertheless considered appropriate to style for. 960 is a common width for modern sites, check out the 960 grid system. Using a grid will assist you to gain a nicely proportioned design, rendering it considerably more pleasing on the eye.

5. Get your layout sorted first

Leave any color decisions for the present time, and mock up the main aspects of the design in shades of grey. Make sure submissions are given a suitable position and size relative to it’s importance. If it is effective without color, you’re onto a success. Once the layout is finalized you can begin to create greater “exciting” decisions.

6. Choose your colors carefully

It shouldn’t need to be said, along with choose colors that appear to be hideous together. If in doubt, there are many color scheme sites and applications available, when stuck for inspiration my tool of preference is normally Kuler.

You should also know of the advantages and disadvantages of light vs dark designs. Light text on dark backgrounds are being a rule more challenging to read which enable it to cause eye strain, so might be not really a good plan to use for magazine or content-heavy sites.

7. Pay attention to fonts

Typography can be a complex subject alone, but for any beginner it is enough to know who’s exists, which font choices are important. While the majority of your website’s content will have to be an easily-readable websafe font, a great deal of the time you can go somewhat wild with headings to provide your design some additional oomph. Investigate Font Squirrel or dafont for something appropriate. For the love of God, do not use Comic Sans.

Typography is much more than merely deciding on a suitable font, naturally. You can read about a few of the basic philosophies at I Love Typography.

8. Whitespace. It is good.

Whitespace is, because the name suggests, the space between elements within your design. A cramped page will be overcrowded and messy, while the same page with a little more space between elements can look very different.

You may also use whitespace to point the importance of an element. A common use with this concept is call to action buttons (a button encouraging users to take an action such as register or buy something), surrounding some control with plenty space ensures nothing diminishes it.

9. Be subtle

I know you need to go crazy with gradients and drop shadows. They’re just so cool.

For the most part a subtler, more natural approach will appear infinitely a lot better than a bright blue to pink gradient or a solid black drop shadow. Colors aren’t the only method to misuse these effects either, make sure your gradients are of sufficient length to improve steadily, instead of jumping suddenly from one color to the other, and be sure your shadows blend in the background as opposed to ending abruptly.

10. Prepare yourself

Your first designs aren’t likely to be dazzling. As with any skill, after a while you are going to improve. Keep practising new techniques and looking through the CSS galleries for inspiration. With a few carefully chosen design elements from various other sites it is possible to create something beautiful, and the confidence to development something bold and original will still only come with time.