Home > Articles

  • Print
  • + Share This
This chapter is from the book

Designing for the Web

There are two approaches to Web design: create something the same way you would for print, but adapt it to work on the Web; and create a true interactive experience from the ground up. In the early days of the Web, most sites you went to were of the former kind—page after page of large static images, garish colors, and illegible text. Granted, two main reasons for that were a lack of powerful Web authoring tools and a general lack of understanding of the technical capabilities of the medium.


I should note that today's dynamic design environment has also caused a reverse of this effect. There are many designers who specialize in Web design but have almost no knowledge of what it takes to create a quality printed piece. Those who have tried going to press with a 72dpi RGB image know what I'm talking about.

A good Web designer will be thinking about what size monitor he expects users to have, how best to build a page that can be updated quickly and easily, how to add interactive elements to draw a reader's attention, how to provide useful navigation and links to help readers find what they're looking for, and, most important, how to communicate all of it with a design concept that delivers the right message. Some jobs may also require knowledge or interfacing with back-end systems and databases. Following are three workflows that are common in the area of Web design.

Web Banner

A Web banner is an advertisement that appears on a Web site. Ever since the Internet became a place that people frequent, companies and organizations have found the Web to be an effective medium to advertise their products and services. Most Web banners have to conform to specific sizes and formats. Common applications used in the creation of Web banners are Photoshop, Illustrator, and ImageReady (see Figure 3.4).

Figure 3.4FIGURE 3.4 An example of a Web banner workflow.

Web Navigation

When you visit a Web site, there are often buttons you can click on that will take you to other pages in the site. A collection of buttons is called Web navigation, and is nearly an art form in itself. Good Web navigation can help viewers find what they need on a Web site, but bad navigation can frustrate viewers and send them elsewhere. Common applications used in the creation of Web Navigation are Photoshop, Illustrator, and ImageReady (see Figure 3.5).

Figure 3.5FIGURE 3.5 An example of a Web navigation workflow.

Web Site

What started out as a "fad" in many people's eyes has become a way of life today. Web sites are used to sell products, provide information, display family pictures, and present just about anything else you might want to share with other people around the globe. Common applications used in the creation of Web sites are Photoshop, Illustrator, ImageReady, and GoLive (see Figure 3.6).

Figure 3.6FIGURE 3.6 An example of a Web site workflow.

  • + Share This
  • 🔖 Save To Your Account