• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Lesson 4. Elements of Page Design > Designing for Computer Screens

Designing for Computer Screens

In the print world, a designer creates pages to be viewed in final form at a fixed size. The paper stock, printing quality, and size are all controlled. A Web designer, on the other hand, has to account for a greater number of possibilities. You have to consider not only the variety of browsers users might have, but also the size and resolution of their monitors. The kinds of screens on which users are viewing Web pages have increased and will continue to do so. It is now possible to view Web pages on a cell phone or PDA, such as the Palm Pilot.

If you have only text on a page, the text reflows within the page, based on the size of the browser window. As a Web designer, you then have no control of the look of the page. The user can maximize the window, making long, hard-to-read lines. If you want to control the flow of the text on the page, you can place your text within a table so that you can limit line length for text in a cell.

When you design with tables with a fixed table width, you may want to design to the lowest common denominator of monitor resolution your audience will be using. If you think most of your users have 640×480 resolution, you should use that size. Remember that the browser takes up some room to the left and right of the screen, even if the user maximizes the window. There is no set rule for the amount of room a browser uses, so you should allow for the browser. For 13-inch monitors, for example, make the maximum table size 600 pixels. To determine the maximum table size, refer to the following chart.

160×160 Palm-type device
240×320 Pocket PC
544×372 Web TV
640×240 Windows CE
640×480 13-inch monitor
800×600 15- to 17-inch monitor
1024×768 17- to 19-inch monitor
1200×1024 21-inch monitor

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint