Illustration and Web site design

Illustration and Web site design
28 June 2011 | | Creative Design, Internet, Marketing

When designing or building a website, the colour scheme that you select is a large factor relating directly to your business success. For example, the wrong choice of colours could make users wish to leave the site, a dull colour scheme could make the user disinterested and unmotivated to browse further and the use of a lot of different colours could distract and over power the user, ultimately pushing potential customers away.

I found the following article very helpful when explaining these factors further, a necessary read for any starting web designer.

Illustrations on any Web page are crucial — visitors will either stay at your site longer and click through other pages of your site because of them, or they will click to another Web site because your illustrations take too long to appear or don”t appear properly. Follow these design tips to illustrating your Web pages for the best results:


Use appropriate colors in your Web illustrations

If your illustration uses solid colors, stick to using only the standard 216 colors found in a typical Web palette. These are the colors that will show up the same on all types of computers and Web browsers. If you plan on using color gradients or blends, test how they will look first with your screen set to only 256 colors. Even though few people use 256-color screens, images with blended colors can show up looking very dithered, muddied, unattractive, undistinguishable. If your illustration looks bad at this low resolution, try a different color blend that is not as harsh. (For instance, if you have a gradient of red to blue, try a gradient of green to blue instead.)

Your illustrations should match the colors used in other graphics of your Web site layout: masthead, sidebar, buttons, icons, image maps, and so forth.


Keep your lines thick in your illustration

Small lines that show up on your printed image will show up more thinly or not at all on your computer screen. A monitor has a much lower resolution than ink to a printed page, and makes illustrations harder to view or read. Keep the lines in your illustrations thicker and your audience will be able to see the detail of your illustration more clearly.


Your illustration should download quickly

Speed is still more important than creativity. No matter how good your illustrations look, visitors will leave your site if they are too big in file size and take too long to download. A single illustration shouldn”t be any bigger than necessary. Test out your illustrations at a smaller file size, either by reducing the amount of colors or having them take up less space on your screen. Do they still look good? Then use the smaller version — your visitors will stay at your site longer because of it.


Your illustration should attract attention

Test your illustrations out with people not familiar with your Web site. Do they immediately catch their eye? Your illustrations should direct people to the content of your page, and make them read on and click on to further pages. A very good illustration can also add a whole new perspective to what you are saying with your words.


Your illustration should complement, not control

Your illustrations should look good enough to attract your visitors” attention but not so much as to become a distraction from your site”s content. Allow for some breathing room (white space) to your images and between images. Don”t overpower your visitor with illustrations by putting too many on a single page.


Make your illustrations relevant to the Web page content

A pretty picture that doesn” t match the content of the page is a worthless picture, taking up precious downloading time and leaving your visitors” confused. Your illustrations need to compliment the message of your text. Your visitors should look at your illustration first and already be left with an impression of what they are about to read.


Save your illustrations in the proper file format

Illustrations with mostly solid colors and lines that need to look sharp should be saved as GIF files. Illustrations with gradients or blends, or that use smooth transitions should be saved as JPEG files. (The commonly used extension for saving these types of files are .gif and .jpg.)


Protect all of your illustrations

Online thievery is very common, so you should protect your illustrations from unauthorized use. Place a copyright symbol with your name or the name of your company/organization next to each of your illustrations. For added security, subscribe to a digital watermarking service like Digimarc, which can let visitors know that you are the author and copyright holder of the illustration, and also can trace the Web for whoever else is displaying your images. Another recommended protection service is Gamacles Software, which prevents visitors from copying or printing the images on your screen.

More posts from our team


Previous Post:
Next Post:

Back to all news

Reviews2023
Five Star
Reviewed Marketing
5 gold stars
google review logofacebook review with 5 stars
"Excellent service from James at Dental Design, thank you very much for your prompt attention whenever I get in touch! Would definitely recommend to a friend" Alison Tarmey View Full Testimonial
Google reviews logo "Would definitely recommend to a friend"
5 gold stars
"As a dental practice manager I cannot recommend Dental Design highly enough. They are just brilliant at what they do. Lucy and her colleagues are just an email or a phone call away...." Emma Smith View Full Testimonial
Google reviews logo "I cannot recommend Dental Design highly enough"
5 gold stars
"Really great company to deal with. They always respond quickly and are truly reliable. I would 100% recommend, the staff are so friendly and helpful." Michelle Molloy View Full Testimonial
Google reviews logo "Really great company to deal with"
5 gold stars
"I got increased traffic and new patients applying to my surgery, once Dental Design upgraded my website. They are very professional, efficient & adaptive to new situations..." Joanna Gallop View Full Testimonial
Google reviews logo "Very professional, efficient & adaptive to new situations"
5 gold stars
"Lucy has been a star, responding to and acting upon our requests in a prompt, efficient and professional manner, as well as the rest of the Dental Design team..." Abhay Shah View Full Testimonial
Google reviews logo "I cannot recommend them highly enough"
5 gold stars
"...Since the website has been up and running Lucy Mander has been our point of contact. She has been invaluable and gone out of her way to help us, especially during COVID-19 lockdown... " Lucy Jones View Full Testimonial
Google reviews logo "Has been invaluable and gone out of her way to help us"
5 gold stars
"Thank you for all your help and support, and the provision of valuable learning aids for our patients and staff alike in these difficult times. We love the look of our practice website. Very professional!" Sandra Luck View Full Testimonial
Google reviews logo "We love the look of our practice website. Very professional!"
5 gold stars
"Dental Design stood out both in their knowledge of the industry and their professionalism and can-do attitude. All of their staff are exceptionally competent and knowledgeable..." Harvey Rook View Full Testimonial
Google reviews logo "Dental Design stood out both in their knowledge of the industry and their professionalism"
5 gold stars
"Having done extensive research into all the dental website companies, the team and package offered at dental design was unrivalled..." Neil Shah View Full Testimonial
Google reviews logo "The team and package offered at dental design was unrivalled"
5 gold stars
"The team at dental design (especially Rosie) are absolutely fantastic and are always on hand to help. They are professional, friendly and extremely efficient. Rosie always gets back..." KiKi Wilmot View Full Testimonial
Google reviews logo "absolutely fantastic and are always on hand to help"
5 gold stars
"Dental Design are fantastic to work with, our website is amazing and the support they provide is second to none. Our account manager Rosie L is a fabulous point..." Luke Lucas View Full Testimonial
Google reviews logo "Dental Design are fantastic to work with"
5 gold stars
"Having worked with the Dental Design team for the last six months, I've found them not only helpful, but friendly and approachable too. I bombard Marcus with regular..." Sophie Harper View Full Testimonial
Google reviews logo "always met with a swift and professional response"
5 gold stars
desk with branded documents