Monday, January 17, 2011

Tips for Using Images On Web Design

Often the beginner web designers use images of excess in the design, as a result the web is going to seem slow when loaded by the browser.
Although the web is good graphically but in designing a web page designer should pay attention to the content (content) from the web, do not let you beat the functionality of the web is actually just because the graphics display.

The use of graphics should be able to cope with the needs and functions of the site, eg the composition of colors and shapes, and the impression which will be highlighted from the web, whether for commercial purposes? personal site? company? government? or place an online gallery? and much more.

Use graphics or pictures that are less precise on a website may cause you'll lose visitors that you actually need.


Use of Images On the Web The following is a list of web parts that usually wear a picture but many web designers who use the text for that section.
1. Navigation Button The navigation key is absolutely necessary in a web, by setting a clear navigation buttons will help visitors find the information diinginkanya, a couple of points to consider in making the navigation is text or Text must be seen with clear and readable.
2. Logo Be it a company logo, organization or personal logos often use image, logo image serves as the identity of the company, a nice logo to increase brand name of a company or organization.
3. Site Map Use of site map is a picture can indeed facilitate visitors in finding information but the use of images in the site map should be selected properly if you become too lamabt web or not.
4. Bullet bullet widely used for emphasis of certain points in the document
5. Banner Banners posted on the website with the aim to improve the composition of form, color and essential information (Hot Items) are often used in the website, with graphics that will attract visitors interested to click on the banner. - Also known as a title graphic. Main function is to let your visitors know the which web
6. Boundary The boundary line between the menu, the web, separating the footer, header and content of both horizontal and vertical web is feasible because usually the boundary line has a small file size.
7. Background Image This section is used to provide characteristics, and composition of the contents and background on the web that will be made, provided that the image file that is used is not too large, the image background is fit for use.
8. Headings The reason the image is used for the heading which most often is due to some type of text is not contained in the client computer, because that used an image file instead.
9. Photo Photos of activities or activities that highlight specific sections of the website is necessary, with a clear picture is expected to direct visitors to understand the property who, for what the website was created, and whether the web site category. The use of photos is often used to clarify the items and products on e-commerce website.

Some things to consider in the selection and use of images or graphics to appear more harmonious on the web that you created are: 1. The color of all graphics must be matched, either between menus, company logos or orgonasisasi, headers, footers and gackground used.
2. Colors in the text must be readable navigation key with clear, note the size of the text to be entered on the navigation buttons, if too small? is it readable?, usually text color in a customized navigation buttons (not necessarily the same) with a color logo or title main website
3. do not use too many combinations of colors, for excessive color combinations will look tacky and slow down the process of downloading the browser, simply use two to four color combinations in the website, except for certain mascot or icon.
4. Note the size of your website against any additional images or graphics, the most common size is 40 to 70 K, with an average 28.8 modem connection
5. Separate images have different color, this happens on the graphics contained degradation lebih.lebih color or two colors either try to cut perbagian different colors, this can accelerate the process of downloading images on the browser.
6. Choose the correct file type, when you use gamabr jpeg files and when to use gif, selecting the right file type gamabr will accelerate the process of downloading the browser.
Remember not to make use of graphical main functions of the website is not met, if too large size of your website due to the many image files, change the background, the dividing lines, bullets, headings, and with HTML
Hopefully Helpful

0 comments:

Post a Comment

Powered by Blogger.
Twitter Delicious Facebook Digg Stumbleupon Favorites More