Friday, March 18, 2011

5 Web Design Basics You Should Know

Here are some of the basics of web design that you should know on your own without your web design company having to teach you:

Web Design Graphics



Always think small. In order to optimize your page and avoid slow loading pages, make sure you set your graphics to a file size of only about 10 to 12KB per image. It is true though that broadband technology have advanced leading to increase of speed, but the number of broadband users are increasing at a steady rate as well. Slow pages are always annoying, and no doubt your web design company will agree with this.

Use graphics that are suitable to the page content. Adorable pictures should not be posted on the page just because they are adorable. Make sure that all your graphics have something to do with the site. An exception will be on design images, which are made up of photos and graphics that make up the page design and have nothing to do with the content.

Minimize the use of blinking, rotating, flashing or changing images or graphics. These types are the ones which annoy and distract people the most. You need your online visitors to look at the contents of the page, and not get distracted by these graphics.

Web Design Layout



Try to get by with standard layouts. I have seen them all: from those pages with eight frames, to those which you need to scroll to the right then downwards. These layouts are novel and cute, but they are pretty darn confusing. The reason why your web design company suggests the use of the standard 3-column layout is because it is what works well with the general audience. The same is true for newspapers and other media print. This can prove to be boring, but you have to bear with it to make sure you do not drive your visitors nuts.

Pay attention to whitespace. You should know that whitespace is not just a CSS property, but is one of the functions of your layout. The whitespace actually has a bearing on how the page content is viewed, and is just as important in your web page layout as it obviously is in paper.

Use graphics as actual elements in your layouts. If you use graphics as actual element in your page layout, it serves a far better role.

Web Design Fonts



Use standard fonts. You can get by using Serif for your headlines and Sans-Serif for your actual text. Do not wonder if your web design company advises the use of this font family. Serif fonts are actually easier to read on monitors than it is in print since screen resolution is lower in the former.

Minimize the use of different fonts. It is undeniable that ages with varying fonts here and there look like they are made by an amateur. Doing this will not make your web design company very happy. Try to limit your site and page to about two or a maximum of three standard font families. Trust me; they look a lot more professional.

Use only standard fonts. You can use rare fonts that look pretty good. However, the chances that your online visitors will have the same font installed in their system might be low. If you stick will general fonts such as Arial, Helvetica, or Verdana, your pages will look better and your designs will likely be in the right places once they are viewed.

Web Design Advertising



Never be greedy of advertisements. Yes, you and your web design company have the actual control over the ads that can be placed on the site. However, know that your readers do not visit your page to read the ads, but they need significant content. Do not overwhelm them with ads that overshadow the content of your site, or you might tend to lose their interest immediately. Instead, keep them small and subtle (no flashy ads, please), but relevant and strategically placed to draw attention.

Web Design is about remembering Your Readers


Make sure to test your page in different browsers and operating system combination. Your web design company requires you to come up with sites that are viewable and effective. Coming up with a page that is only compatible with the most modern browser and the latest operating system is simply unacceptable. Make sure that your page design is compatible with as many browser and OS system combinations as possible.

Write the content that readers want. Remember that you are making a website that is not for yourself, but for your readers. So make sure that you create content that covers topics that your visitors would like to read. Your web design company will appreciate this as well.

Source: http://skyje.com/2010/12/web-design-basics/

Current Web Design Trends – An Overview

Web design trends keep on changing with every passing year or within a period of few months. There had been significant changes last year whose impact can be seen more clearly in this year.
Popularity in the mobile device space has immensely increased in the sense that Smartphones and tablets like the iPad have made the interaction between users better and have facilitated easier accessibility to contents. Moreover, now people can take more and more advantage of the latest and the optimized features.
And this is possible because of web standards like HTML5, web fonts and CSS3, but What about the small businesses? It actually becomes difficult for them to stick to the latest designing trends because of factors like cost of the redesigns and the need for reaching a wide range of users.
web design trends
Here, let’s discuss certain new technological designing trends which can prove useful for small businesses.

1. Goodbye Flash


Continuous debates in the past show that people are moving away from Flash. But that does not mean it serves no useful purpose. It still continues to give interactive designs and a few Rich Interactive Applications. However, for those small business owners, not showing any type of experience, trading Flash for HTML5, JavaScript and CSS3 would sound more sensible. Why? Actually the problem is that Flash does not work on most of the mobile devices and if they do, all the elements are not supported reliably.
Suppose, you visit a website from your mobile and are not being able to access it completely, like; unable to access the contact information, list of products and services or location information for the reason that navigation or core content was built in Flash. Will you like this? Obviously no!
The old circa-2005 Flash template is no more a very good option, and for good results, I would advise you to switch on to a modern system soon this year.

2. Web Fonts


Web font has been one of the important factors in web designing. It is not at all easy to customize the font .Because of technical restrictions; vibrant fonts used on the web have been limited to a small subset of styles. As a result, most designers used either the small selection of web-safe fonts or workarounds such as: text images or Flash in order to replace texts.
But there is a different scenario today regarding this. Today, you can use web fonts for your site without breaking your head too much into it. And the credit for this goes to services like TypeKit, Fonts.com Web Fonts and Google Web Fonts which allow you to use fonts at lower costs.
You can follow the latest trends in fonts like Web Open Font Format, JS lettering, taking mobile support or choosing Web Font while customizing Web App. If you wish to know more about these latest trends, you can get the information here: trends in web fonts.

3. Compatible and optimized sites


It’s time to make your sites fully compatible on different browsers as well as different devices and fully optimized, as, every website today wishes to make their site friendly to small screen. These are few tools that help you optimize your website for mobile devices:
  • MoFuse and MoFuse Premium
  • Mippin
  • mobiSiteGalore
To know more about them, you can read optimize your website for mobile devices.

4. HTML5 and CSS3


Very true that there still exist corporate networks and users using some very old browsers. But one must know that the latest versions of the major web browsers — Internet Explorer, Firefox, Google Chrome Safari and Opera—they all support CSS3 and HTML5 features and elements strongly. Moreover, any latest Smartphone you will come across will support advanced CSS3, JavaScript and HTML5 features. Therefore, it’s quite beneficial for you if you start experimenting with HTML5 or CSS3 elements.
So, with such more upcoming new trends in the web designing field, you cannot lag behind; keep yourself updated with these trends and try implementing them as folks in the industry start adopting them.
Source: http://skyje.com/2011/01/web-design-trends/