Web Design Tips: Making Site Comps and Prototypes

New Riders is offering this book to creativepro.com readers at a special discount. Click here to learn more.
Because our interaction with the Web is only through the computer screen, we may not think about translating our ideas about Web sites to paper. But making preliminary drawings, flow-charts, and concepts on paper is a critical first step in the Web-design process. After delineating your ideas on paper, you can make a dummy in Photoshop or Fireworks to see how all the graphics fit together. Next stop: HTML.

Lynda Weinman wrote the book (literally) that showed legions of designers how to create compelling Web sites and graphics. In this excerpt from the fourth edition of "Designing Web Graphics," you’ll learn how to sketch your ideas on paper and then transform them into a working prototype.
We’ve posted this story as a PDF file. All you do is click this link "Comping and Prototyping" to open the PDF file in your Web browser. You can also download the PDF to your machine for later viewing.
To open the PDF, you’ll need Adobe Acrobat Reader. Get it here:
To learn how to configure your browser for viewing PDF files, see the Adobe Reader tech support page.
This article was last modified on January 3, 2023
This article was first published on August 13, 2003
Commenting is easier and faster when you're logged in!
Recommended for you
Create Interactive Infographics with Infogr.am
Infographics can be a great way to make boring or obscure data into something be...
Designing for print so it works on the Web
Converting QuarkXPress pages into Web pages used to be a big deal. Client demand...
dot-font: True to Type, the Autobiography
dot-font was a collection of short articles written by editor and typographer Jo...

