Posts Tagged ‘Column Layout’

Fundamentals of Web Design

December 29th, 2009

Graphics
1. Think small, like 10-12KB per image. Yes depends on the source, the number of broadband users is growing. But slow pages are still very angry, even if you are on a T1. And large images are a major cause of slow pages. It is easy to optimize your images.
2. Always use graphics that fit the content. Just because your dog is an adorable photo web design means you have about your website . The main exception I would not want to do this for “Design images”. These pictures or graphics that help make the page design, and content descriptions are not intended.
3. Do not use images that blink or move or change or rotate or flash or do anything on your page. Or use them sparingly. Many studies show that flashing graphics are distracting and people are worried. In fact, one focus group I actually physically hidden from browsers that they reflect graphics then read the rest of the page may have seen.
Layouts
4. Stay with the standard layout. I’ve seen some pages that use 6 or 8 frames on one page. Another site on page one layout where everything you used to read the book right (but you were) never scroll down. The layout is lovely, and maybe you are able to enjoy them, but they will drive their readers. The reason is that Web sites and newspapers on 3 column layout is so popular because it works. You think it’s boring, but you might keep more readers if you can understand something simple that they must live with.
5. Whitespace in property more than CSS, it is a function of your layout. You should know about your pages Whitespace and how it affects how content is viewed. Just as a web layout Whitespace is important because it is a paper layout.
6. As elements in your layout using my graphics. More than just graphics graphics when you use them as their layout can be a real element. Is an extreme example, when you wrap text around an image, but any image on your site and a layout element should be treated?
Fonts
7. Serif for headlines and Sans-Serif for text. If you have taken any kind of print design, it is contrary to what you were taught. But the Web can not print. Computer monitors without serif fonts are very easy to read on because the screen resolution is not as much in print. If you use normal text serif fonts, serifs on the screen with the wrong can make them difficult to read. Our printer friendly page headlines and without contrast for use serif fonts (serif text should).
8. Limit the number of different fonts. Best way to make your web site to see the font change and amateurish one is greater. Of course, it is possible, but limited or 2 your page and site is easy to read and possibly 3 standard font families feel more professional.
9. Use standard font families. Yes, you use “Rockwood LT” font on your page as Standard, but is likely one of your readers as well that the font is too low will choose. Verdana, Geneva, sticking with fonts such as Arial, and Helvetica may seem boring, but feel good and design your pages look correct on more browsers.
Ad
10. Do not be Greedy. If you have no control over the number of ads on your site, I know that our readers are not reading the ad, they could be coming for content. If advertising content page has not sunk many readers stick around long enough to read your purple prose. Yes, it is important to make money from your web site, but if your ads drive people, you eventually will lose money.
11. Any other image ads as you would understand. Keep them small, avoid glossy / flashing, and they are appropriate. Just because you have an ad on your site, it must mean that you can not. If the content is relevant to their readers, they are more likely to click on ads.
Remember your audience
12. Test your pages in multiple browsers. That only the most advanced browser on the web is both stupid and annoying writing pages. You to a company intranet or a kiosk where the browser version is a web site is completely fixed until writing, you have a difficulty with people not being able to view your pages am.
13. The same is true for the operating system. You can not imagine that just because your page works for Windows IE5. 0 it will work in IE5. 0 for Macintosh.
14. Write content that they want. You yourself are writing purely for one site until (and if you, why is it posted in the web?), Make sure your content to include topics that your readers want to read.
Visit for more information- http://www. uniquesofts. com/e-business-solutions. php

Web Design Basics

December 8th, 2009

When designing something, a designer should first go through the basics of designing. Whether he is designing a print design or web design, he must know the dos and do not’s. The following items will help you know the basics of web designing as well as some techniques that are specific to coming out with the best web layout. 1. Create a design that seems friendly. There are actually a lot of web designs that scare people away and not attract them. If you want people to return to your website, make it soothing and light. Keep your site as friendly as possible. 2. Create a great homepage When designing your website, you should keep in mind to conceptualize a homepage that would attract your viewers. Remember that the first page that your customers see can also be the last. So learn to create a page that will attract your visitor’s attention and then draw them deeper into your site. 3. Keep in mind the principles in designing web sites Remember to apply your design principles such as balance, contrast, emphasis, rhythm and unity. This will serve as your guide and will help you conceptualize a good web design. 4. Think small in terms of graphics Slow pages can be really very annoying. Whether you like it or not, one cause of slowing the pages is large graphics. To avoid such problem think of using images with a size of 10-12 kb. 5. Use graphics that fit the content Just because you have a wonderful picture of you and your boyfriend doesn’t mean that you should include it on your website. Use images that are appropriate and that connect with your site’s content. 6. Don’t use blinking images There have been studies proving that blinking images actually annoy people. If you want to use them, though, use them sparingly. You wouldn’t want your site viewers to leave your page just because of an annoying blinking image. 7. Stay with standard layouts Try to use a layout that is simple as possible. The 3-column layout might sound corny and boring but it helps to keep your readers stay where they are and keep reading your site’s contents. Keep in mind that readers and site viewers stick with things that are simple and easy to understand. 8. Use standard fonts and limit the number of different fonts Use standard fonts such as Arial, Verdana, Geneva, and Helvetica. They might seem too familiar but they look better on most browsers. Now, you don’t have to worry whether your fonts will work or not. 9. Don’t be greedy Though ads help you make money by posting them on your site, keep in mind that people visit your site because of their perceived content and not because of the ads that you put in it. For all you know, these ads may drive your viewers away, if they are too many, and could possibly make you lose money. 10. Remember your readers Understand that, unless you’re writing a site for yourself, your site’s content should include topics that your viewers might want to read.

A to Z of Web Designing

November 25th, 2009

Think small, like 10-12KB per image. Yes, depending on the source, the number of broadband users is going up. But slow pages are still really annoying, even if you’re on a T1. And huge images are a primary cause of slow pages. It’s easy to optimize your images.

Always use graphics that fit the content. Just because you have an adorable photo of your dog doesn’t mean you should have it on your Web site about Web Design (sorry, Shasta…). The main exception I would make to this is for “design” images. These are photos or graphics that help make up the design of the page, and are not intended to illustrate the content.

Do not use images that blink or move or change or rotate or flash or do anything on your page. Or use them sparingly. There have been many studies that show that flashing graphics are distracting and annoying to people. In fact, in one focus group I watched the browsers actually physically cover up flashing graphics so that they could read the rest of the page.

Layout

Stick with standard layouts. I’ve seen some pages that use 6 or 8 frames on one page. Another site used a layout where you had to scroll to the right to read everything on the page (but you never had to scroll down). These layouts are cute, and you might find them fun to build, but they will drive your readers nuts. The reason that the 3-column layout is so popular on Web sites and newspapers is because it works. You might think it’s boring, but you’ll keep more readers if you stick with something simple that they can understand.

White space is more than the CSS property, it is a function of your layout. You should be aware of the white space on your pages and how it affects how the content is viewed. White space is just as important in a Web layout as it is in a paper layout.

Use your graphics as elements in your layouts. Graphics can be more than just graphics when you use them as actual elements in your layouts. An extreme example is when you wrap text around an image, but any image you have on your site is a layout element and should be treated as such.

Fonts

Serif for headlines and Sans-Serif for text. If you’ve taken any type of print design, this might be exactly the opposite of what you were taught. But the Web is not print. Sans-serif fonts are much easier to read on computer monitors because the screen resolution is not as high as in print. If you use serif fonts for normal text, the serifs can blur together on the screen making them hard to read. Your printer friendly page should use the opposite fonts (serif for headlines and sans-serif for text).

Limit the number of different fonts. One of the best ways to make your Web site look amateurish is to change the font over and over. Sure, it’s possible to do, but limiting your page and site to 2 or possibly 3 standard font families is easier to read and looks more professional.

Use standard font families. Yes, you can choose to use “Rockwood LT Standard” as your font on your page, but the chances that one of your readers will have that font as well is pretty low. Sticking with fonts like Verdana, Geneva, Arial, and Helvetica may seem boring, but your pages will look better and the designs look correct on more browsers.

Advertising

Don’t be greedy. If you have any control over the number of ads on your site, be aware that your readers are not coming to read the ads, they are coming for the content. If the ads overwhelm the page content, many readers won’t stick around long enough to read your purple prose. Yes, it’s important to make money from your Web site, but if your ads drive people away, you’ll ultimately lose money.

Treat ads as you would any other image. Keep them small, avoid blinking/flashing, and keep them relevant. Just because you can have an ad on your site, doesn’t mean that you should. If the content is relevant to your readers, they’re more likely to click on the ad.

Remember Your Readers

Test your pages in multiple browsers. Writing Web pages that work only on the most modern browser is both stupid and annoying. Unless you are writing a Web site for a corporate intranet or a kiosk where the browser version is completely fixed, you’ll have problems with people not being able to view your pages.

The same is true for operating systems. You can’t assume that just because your page works in IE5.0 for Windows it will work in IE5.0 for Macintosh.

Write content that they want. Unless you’re writing a site purely for yourself (and if you are, why is it posted to the Web?), make sure that your content covers topics that your readers want to read.




By: Manojj Kumarr

Powered by WordPress