Nine general guidelines for using illustrations effectively

No matter what you are using illustrations for, keep these nine guidelines in mind:

1. Don’t make people wonder what or why.

2. Choose an appropriate size.

3. Use illustrations to support, not hide, content.

4. In pictures of people, show diversity.

5. Don’t make the content look like ads.

6. Don’t annoy people with blinking, rolling, waving, or wandering text or pictures.

7. Use animation where it helps – not just for show.

8. Don’t make people wait through splash or Flash.

9. Make illustrations accessible.

See also how to use CSS animations like a pro.

Loading Animations

Check out to create and download a loading animation of your choice.

Click Animations

Add a subtle effect when links are clicked. See how in this article on subtle clicks.

CSS Animation

Animista overs an online tool for making CSS animations.


This page contains information I gathered and thought were very useful. See more notes on design.

Just to let you know, this page was last updated Thursday, May 23 24