Screen Resolution 1

What Should Be The Screen Resolution For Web Design

Screen Resolution

In comparison to the fixed-versus-fluid discussion, the argument regarding coming up with explicit screen resolutions has been quite tame these past few years. Once designers say that a website is intended, or optimized, for a selected screen resolution, they’re really talking about the resolution of the viewer’s monitor. In the past, the screen resolution discussion was targeted on whether or not our style ought to still accommodate monitor resolutions of 800×600 while not displaying a horizontal scrollbar.


Screen Resolution

According to W3Schools’ screen resolution statistics, in January 2010, 1% of web users had their screens set to 800×600 pixels (down from 4% in 2009), 20% had their resolutions set at 1024×768 pixels (down from 36%), and a whopping 76% of visitors had a resolution higher than 1024×768. Figure 1.33 illustrates these trends.

These days, it’s a given assumption that desktop browsers display show a minimum of 1024×768. Even the bulk majority of netbook computers have a 1024×600 or higher resolution. For that reason, 960px has become a factual dimension for many internet styles comes. With W3Schools reportage the expansion of users with resolutions bigger than 1024, you’d assume we’d be wanting to push the quality dimension past 960, however, their square measure a few reasons why this most likely won’t happen.

First, most users with larger monitors still keep their browser window set but 1024px wide, in order that they will see different applications they need running. The opposite reason is line length. If a line of text is just too long, it becomes less readable. Therefore, a wider default layout dimension would very solely permit us to feature a lot of columns.

W3Schools’ screen resolution statisticsW3Schools’ screen resolution statistics

Although desktop browser statistics like those provided by W3Schools justify our use of 960px layouts, they ignore a significant section of the net browsing population: mobile users. Mobile browsing is predicted to exceed desktop-based access within 3 to 5 years. As mobile screen resolutions increase and mobile browsers catch up to their desktop cousins, it’s safe to mention that your website style is legible on fashionable mobile devices. You ought to still embrace well-liked mobile devices in your browser testing, though; if we tend to the trouble to form the sites we style to look right in IE7, we tend to be checking them on mobile browsers as well?

Types of Website Design Layouts

Taking the rise in mobile usage a touch a lot seriously, a bigger quantity of internet sites square measure providing mobile-optimized versions of their sites; this, of course, means a lot of and a lot of purchasers are rigorous mobile-optimized sites likewise. This is accustomed to being an advanced task, managing mobile-specific languages like WML and awful, inept browsers like Blackberry’s previous RIM OS.

Fortunately, coming up with a mobile-optimized website these days is generally regarding revamping your to figure on mobile screens whereas probable investment a number of the bonus option of the OS to form it shine. Covering the technical details of coming up with a mobile-optimized website is outside the scope of this book, however, the layout principles and style theory mentioned within the remainder chapter still apply. At the tip of the day, regardless of what you’re coming up with, the wants of your shopper and their audience ought to be the drive behind your choices.


This post contain the content of book The Principles of Beautiful Web Design by Jason Beaird