Good web graphics – the key to getting your website noticed!
Good web graphics can make such a difference to the appeal of your website. Without good graphics one website looks very much like any other.
Creative website graphics will not only establish a favourable impression with your visitors but will help them to remember your website and encourage them to come back.
Web graphics come in a number of forms and Clann Associates specialises in incorporating them into websites so that your visitors remember your site and want to come back.
Some web graphics design services available from Clann Associates include…
- Website Illustrations
- Computer generated graphics
- Corporate logo design
- Photo and Graphic Combinations
Please contact Clann Associates for further information or for an informal discussion about your needs.
Like most things in the design world there are some principles which help us to understand good graphic design when we see it. These are not hard and fast rules but are, rather, the rules by which our human bodies normally perceive visual cues. We instinctively know good design when we see it and the following guidelines can help the design to be ‘good’.
Five guidelines for good web graphics…
Good web graphics guideline #1 – Balance
Balance is about ensuring that your web design does not tip to one side or the other. Our eyes and brains are very good at detecting symmetry and sometimes it is OK, but sometimes it offends the eye and causes ‘discomfort’. Knowing how much asymmetry is tolerable is largely down to experience, but also depends on your target audience. Sometimes wacky, off-the-wall designs use a lack of balance to advantage.
Good web graphics guideline #2 – Grid
The concept of grids is closely related to that of balance. Grids are a series of horizontal and vertical rulers that help you keep a design in separate compartments. Think in terms of columns and rows. Columns improve readability, making a page’s content easier to absorb. Spacing and the use of the Rule of Thirds (or similar Golden Ratio) make everything easier on the eye.
The Rule of Thirds and Golden Ratio account for why website sidebars, for example, are usually about a third of the width of the page. It is also why the subject in professionally taken photographs is usually positioned not in the middle but at the intersection of an imaginary nine-square grid (three by three, with two horizontal and two vertical lines)
Good web graphics guideline #3 – Colour
Open your eyes to colour and find out for yourself what works together. Check out as many website designs as possible, such as those featured on any of the many CSS showcase websites (like Best Web Gallery), to get a feel for how colors interact with each other. Pick 2 or 3 base colors at most for your design, and then use tints (which are lighter, mixed with white) and shades (which are darker, mixed with black) of these base colors to expand the palette where necessary. This sounds very restrictive, but it is one of the most important lessons to be learned. Your web graphics will look much more professional if you stick to this rule. (OK, 2 or 3 may be too restrictive – but 4 or 5 colours tops!)
Good web graphics guideline #4 – Typography
Choosing the right type is a difficult decision because it encompasses a number of elements. It surely is an important aspect of design – books have been written on the subject – and some spend their lives happily immersed in the detail of it. From a web graphics perspective there are some technical issues that need to be remembered.
Web typography is very restricted compared to print typography. Long-story-short, the differences between one browser and another often cause differences in the way a page looks. The technology is very sophisticated and wonderful effects can be produced using advanced CSS methods. BUT, not browsers can cope with the latests CSS rules not all users have the latest browsers. So, for the moment best to play safe and only use browser-safe typography.
Good web graphics guideline #5 – White Space
If your web page is too busy and cluttered with information it will not be attractive to your visitor. Consider adding white space and adding more pages to your website. White space, or negative space, has to do with what is not there. White space gives text some breathing room. You can make elements stand out by adding white space around them. Copy, for example, should not look cramped. To ensure readability, make sure paragraphs have sufficient padding.
Remember, sometimes less is more.