The purpose of graphics in web design is to communicate or explain ides visually which some people didn’t realized. Graphics add visual or aesthetic appeal to the information on the web page which is beneficial in maintaining the viewer’s interest and attention. Graphics also help in the creation of visual structure for information and links on the page. Visual structure is important if you are trying to find the best kids magician in Birmingham AL.
What are the guidelines for effective use of web graphics?
- Enhance the design, structure, or instructive body of the web page without distracting attention.
To make your page more ornamental, add an image which fits it. You may want to keep these types of graphics in your personal portfolio under the caption, “Cool Effects I Know in My Graphics Program.”
- Avoid large file sizes of graphics that add to the load time of the page.
Consider the cumulative file size of all images on the page. Excessive “page weight” caused by poor image use can result in slow load times for pages. In accordance to the Yale University Web Style Guide, 2nd Edition, “At today’s average modem speeds most pages designed for users dialing in from home should contain no more than 50 to 75 kilobytes of graphics.”
- Guide the viewers’ focus to the important content on the page.
In directing viewers’ attention and focus, visually strong graphic elements on a page are useful. Aside from that, it provides structure for the page. On the negative side, strong graphic elements can also pull attention away from central content or compete with one another on the page. This results to overly busy or cluttered appearance of the page and makes it difficult to read. If you try to stress out everything then nothing ends up standing out.
- Avoid repetitive use of overly bright obnoxious images.
Eye catching images sure are attractive at first, but if the originality wears off, it may cause viewers to lose patience with the site. Animations might be fascinating at first, but sooner it may become annoying and drive viewers away.
- Avoid the use of graphics to convey textual content information.
While it may be alluring from a design standpoint to use images for textual information because of the greater number of design options such as font choices and text effects, graphic based text presents a variety of problems: Images of text can’t be resized like true text, so users with poor vision are unable to resize it to meet their visual needs; images require much longer to download than text; users can’t search for images of text using their browser’s find feature; and search engines are better able to index websites that contain actual text, well-structured with HTML.
- Provide textual equivalent alternatives for graphic content.
Not all users e able to see the images on your web page. It is important to provide equivalent content or descriptions of the image in a textual format once the images are used. Provide descriptive text using the ALT attribute. This is essential where images are used as navigation buttons or links. For a more intense look at using alternate text with graphics to improve accessibility, see the segment on Graphics Markup within the Web Style Guide.
- Ensure that text in graphics has sufficiency in contrast between the text and the background color.
Design graphic elements so that users can easily distinguish the text from its background. Avoid color combinations that color-blind users will not be able to distinguish apart from one another.