Web Developer's Virtual Library: Encyclopedia of Web Design Tutorials, Articles and Discussions
 Discussion Forums
 HTML, XML, JavaScript...
 Software Reviews
 Editors,Others...
 Top100
 JavaScript Tutorials, ...
 Tutorials
 ASP, CSS, Databases...
 Discussion List
 FAQ, Roundup, Configure ...
 Authoring
 HTML, JavaScript, CSS...
 Design
 Layout, Navigation,...
 Graphics
 Tools, Colors, Images...
 Software
 Browsers, Editors, XML...
 Internet
 Domains, E-Commerce, ...
 WDVL Resources
  Intermdiate, Tutorials,...
 WDVL
 Discussion Lists, Top 100,...
 Technology Jobs


WDVL Newsletter

Active Server Pages
JSP/Java Servlets
Microsoft SQL Server
Daily Backup
Dedicated Servers
Streaming Audio/Video
24-hour Support    

jobs.webdeveloper.com

Hiermenus


e-commerce
Partner With Us
Website Load Testing
Online Education
Corporate Gifts
Televisions
Calling Cards
Home Improvement
Shop Online
Phone Cards
Free Business Cards
Prepaid Phone Card
PDA Phones & Cases
GPS
Online Shopping
Compare Prices

Developer Channel
FlashKit.com
JavaScript.com
JavaScriptSource
Developer Jobs
ScriptSearch
StreamingMediaWorld
Web Developer's Journal
Web Developer's Virtual Library
WebDeveloper.com
Webreference
Web Hosts
XMLfiles.com

internet.com
IT
Developer
Internet News
Small Business
Personal Technology
International

Search internet.com
Advertise
Corporate Info
Newsletters
Tech Jobs
E-mail Offers


Just because Web sites are easy to build these days, that doesn't mean it's easy to build a quality Web site that meets your business objectives.

Before developing your next Web site, or redesigning an existing site, download this Internet.com eBook to guide you through the process and plan your project, whether you're developing a site in-house or outsourcing the project.
Register now for your free Internet.com membership to download your complimentary eBook. Membership will also give you access to:

eBook library         Whitepapers         Webcasts
Newsletters         WinDrivers
Top 10 Articles
  1. Web Developer's Virtual Library: Encyclopedia of Web Design Tutorials, Articles and Discussions
  2. JavaScript Tutorial for Programmers
  3. Design
  4. JavaScript Tutorial for Programmers - Objects
  5. JavaScript Tutorial for Programmers - JavaScript Grammar
  6. JavaScript Tutorial for Programmers - Versions of JavaScript
  7. Cascading Style Sheets
  8. JavaScript Tutorial for Programmers - Embedding JavaScript
  9. JavaScript Tutorial for Programmers - Functions
  10. Authoring JavaScript
Domain Name Lookup
Search to find the availability of a domain name. Just enter the complete domain name with extension (.com, .net, .edu)

Designing Attractive Web Pages

February 28, 1999

A well-designed Web page is a thing of beauty. Your readers may know nothing about fonts, leading, justification or kerning, but can subconsciously sense when a page is well laid out. Good design is practical as well as aesthetic - well-designed pages are easier to read, and lead your readers' eyes where you want them to be led. Although many of the rules that apply to print pages don't apply on the Web, a good grounding in the basic principles of design and typography is essential to a Web page designer. Should Web sites always follow standard design principles? By no means. However, you have to know the rules before you can break 'em.

A well- designed page, whether in print or on the Web, is a thing of beauty. A skilled page designer can take widely differing elements like body text, headings, graphics, links and whatever, and arrange them into a harmonious whole. Most readers know nothing about fonts, leading, justification or kerning, but can subconsciously sense when a page is well laid out, just as people can perceive the difference between a good and a bad photo or audio recording, without actually understanding the technical issues that make it good or bad. Good design is practical as well as aesthetic. Well-designed pages are easier to read, and lead your readers' eyes where you want them to be led.

In this article, we're looking strictly at the visual aspects of page design. The practical aspects of organizing pages into sites, and providing good navigation tools, were covered in a previous article. Nor shall we go very far into the technical tricks involved in achieving various design effects. For that, you'll want to consult an HTML tutorial.

Let's get a couple of things straight right up front. First, the concepts of "good design" and "bad design" exist only in the eye of the beholder. Page layout is an art, and in the final analysis, can't really be judged in objective terms. There is, however, such a thing as generally accepted design, or "standard" design principles, and that's what we're discussing in this article. Should Web sites always follow standard design principles? By no means. Look at Wired magazine for an example of how to break every design rule in the book. Even the paper it's printed on is a non-standard size. The question to ask is, What effect are you trying to create? Solid and dependable, or wild and crazy? Musicians call it "playing inside" or "playing outside." To put it another way, you have to know the rules before you can break 'em.

A second basic fact to keep in mind is that the Web is not print. While many of the rules that apply to print pages also apply to Web pages, there are some important differences. The main one, of course, is that a Web designer can never be sure exactly how the page is going to appear to the end user. The only thing you can be sure of is that it will look different on different systems. To attempt to get every element lined up perfectly, as a print layout artist does, is to start down the path to madness. Some misguided control freaks lay out whole pages as graphics, not realizing that even this is no guarantee of uniformity - some browsers won't display the colors correctly, and some souls surf with images off.

Contents:

Good Page, Bad Page
Have Your Colors Done
Timeless Typography
It's Always Something

Good Page, Bad Page



Up to => Home / Authoring / Design




Jupiter Online Media: internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and Jupiter Online Media

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Web Hosting | Newsletters | Tech Jobs | Shopping | E-mail Offers