Basics of Web Design
Graphics
Think small, like 10-12KB per image. Yes, depending on the source, the amount of broadband users is traveling up. But apathetic pages are still absolutely annoying, even if you’re on a T1. And huge images are a primary could cause of apathetic pages. It’s simple to optimize your images.
Always use cartoon that fit the content. Just because you accept an ambrosial photo of your dog doesn’t beggarly you should accept it on your Web website about Web Architecture (sorry, Shasta…). The capital barring I would accomplish to this is for “design” images. These are photos or cartoon that advice accomplish up the architecture of the page, and are not advised to allegorize the content.
Do not use images that blink or move or change or circle or beam or do annihilation on your page. Or use them sparingly. There accept been abounding studies that appearance that aflame cartoon are confusing and annoying to people. In fact, in one focus accumulation I watched the browsers in fact physically awning up aflame cartoon so that they could apprehend the blow of the page.
Layout
Stick with accepted layouts. I’ve apparent some pages that use 6 or 8 frames on one page. Another website acclimated a blueprint area you had to annal to the appropriate to apprehend aggregate on the page (but you never had to annal down). These layouts are cute, and you ability acquisition them fun to build, but they will drive your readers nuts. The acumen that the 3-column blueprint is so accepted on Web sites and newspapers is because it works. You ability anticipate it’s boring, but you’ll accumulate added readers if you stick with something simple that they can understand.
Whitespace is added than the CSS property, it is a action of your layout. You should be acquainted of the whitespace on your pages and how it affects how the agreeable is viewed. Whitespace is just as important in a Web blueprint as it is in a cardboard layout.
Use your cartoon as elements in your layouts. Cartoon can be added than just cartoon if you use them as absolute elements in your layouts. An acute archetype is if you blanket argument about an image, but any angel you accept on your website is a blueprint aspect and should be advised as such.
Fonts
Serif for account and Sans-Serif for text. If you’ve taken any blazon of book design, this ability be absolutely the adverse of what you were taught. But the Web is not print. Sans-serif fonts are abundant easier to apprehend on computer monitors because the awning resolution is not as top as in print. If you use serif fonts for accustomed text, the serifs can becloud calm on the awning authoritative them harder to read. Your printer affable page should use the adverse fonts (serif for account and sans-serif for text).
Limit the amount of altered fonts. One of the best means to accomplish your Web website attending amateurish is to change the chantry over and over. Sure, it’s accessible to do, but attached your page and website to 2 or possibly 3 accepted chantry families is easier to apprehend and looks added professional.
Use accepted chantry families. Yes, you can accept to use “Rockwood LT Standard” as your chantry on your page, but the affairs that one of your readers will accept that chantry as able-bodied is appealing low. Sticking with fonts like Verdana, Geneva, Arial, and Helvetica may accept boring, but your pages will attending bigger and the designs attending actual on added browsers.
Advertising
Don’t be greedy. If you accept any ascendancy over the amount of ads on your site, be acquainted that your readers are not advancing to apprehend the ads, they are advancing for the content. If the ads beat the page content, abounding readers will not stick about continued abundant to apprehend your amethyst prose. Yes, it’s important to accomplish money from your Web site, but if your ads drive humans away, you’ll ultimately lose money.
Treat ads as you would any added image. Accumulate them small, abstain blinking/flashing, and accumulate them relevant. Just because you can accept an ad on your site, doesn’t beggarly that you should. If the agreeable is accordant to your readers, they’re added acceptable to bang on the ad.
Remember Your Readers
Test your pages in assorted browsers. Autograph Web pages that plan alone on the a lot of avant-garde browser is both brainless and annoying. Unless you are autograph a Web website for a accumulated intranet or a kiosk area the browser adaptation is absolutely fixed, you’ll accept problems with humans not getting able to appearance your pages.
The aforementioned is accurate for operating systems. You can’t accept that just because your page works in IE5.0 for Windows it will plan in IE5.0 for Macintosh.
Write agreeable that they want. Unless you’re autograph a website absolutely for yourself (and if you are, why is it acquaint to the Web?), accomplish abiding that your agreeable covers capacity that your readers wish to read.
