This usually meant a layout width of 750-760px.
However the 800x600 days are over as you can see from the table below.
The most common computer display resolutions are as follows:
Resolution | % of Internet Users |
---|---|
Higher than 1024×768 | 57% |
1024×768 | 36% |
800×600 | 4% |
Lower than 800×600 | <> |
Unknown | 3% |
- Note: These statistics were gathered from visitors to a website dedicated to web technologies, so there may be an over-representation of both higher resolution monitors and lower resolution handheld devices. Updated to January 2009 results.
However, many users don’t browse full screen, especially as display resolution is increased. Almost as if there’s an inverse relationship between browser width and display resolution — as the display gets wider, the browser width gets smaller (proportionately).
Additionally, in a time we all are, or should be, considering grid usage in layouts, using 960 pixels seems like a good choice, as it’s slightly smaller than full width, and it’s divisible by 3, 4, 5, 6, 8, 10, 12, 15, and 16 (imagine the grid possibilities).
890 pixels is also a good measurement, since it provides a grid of 18 columns (40 pixels each) and 17 gutters (10 pixels each), which you can use in a variety of ways from 2 or 3 equal sized columns or a wide selection of mixed width columns.
Source:
http://www.cameronmoll.com/archives/001220.html
Additional Resources
Five simple steps to designing grid systems
- Subdividing ratios
- Ratios and complex grid systems
- Grid systems for web design: Part 1
- Grid systems for web design: Part 2 Fixed
- Grid systems for web design: Part 3 Fluid
Grid design basics: Grids for Web page layouts
ReplyDelete