Archive | Design RSS feed for this section

28 November 2009 0 Comments

Design to Fit

The biggest mistake in web design is creating a layout that doesn’t fit users’ screen resolutions. There are more than 40 different screen resolutions, and the best way to go when it comes to designing your site is to create a page that will fit the screen flexibly no matter what screen resolution is used. You can easily create a layout using 800 x 600 pixels as the base resolution, but you must always make the page flexible so that your site can be viewed comfortably.

Side scrolling is a big turn-off; you should never design a site wider than your users’ screen resolution since they will not appreciate having to side-scroll just to view the entire content. If your design is made for wider screen resolutions, make sure you keep it flexible so that users with smaller screens can still view the content nicely.

Flexible page layout can easily be achieved using percentage for table or div widths. Start with creating an outer container with 100% width, and then continue with setting the inner containers and content areas with fixed widths to fit any screen resolution. Make sure the alignment of the outer container is set to center so that the page can be viewed nicely.