11.11.2014 Views

Professional Web Design: Techniques and Templates, Fourth Edition

Professional Web Design: Techniques and Templates, Fourth Edition

Professional Web Design: Techniques and Templates, Fourth Edition

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

90<br />

Chapter 5 ■ Gathering Requirements <strong>and</strong> Creating a Comp<br />

There are several advantages to creating a comp with Photoshop:<br />

1. A design can be created more quickly than when built as an actual <strong>Web</strong><br />

page using XHTML, graphics, <strong>and</strong> CSS.<br />

2. Changes can be made quickly to a design during the comp process or in the<br />

future, once the site is live <strong>and</strong> the client requests a change.<br />

3. Because Photoshop uses layers, the design is extremely flexible. If a designer<br />

needs to replace one image that is on its own layer, only that layer needs to<br />

be changed.<br />

4. The slicing technology included with Photoshop allows for the designer to<br />

add slices (boxes) on the file <strong>and</strong> then create <strong>and</strong> save many individual<br />

images from the one file. For example, if an older version of a logo is used in<br />

the comp while a newer one is being created, the designer can switch the<br />

logo eventually, save the new slice that creates the newer image, <strong>and</strong> then<br />

just upload that one particular file to the server.<br />

Because the look, feel, <strong>and</strong> styles included in the comp will be cascaded down<br />

throughout the entire site, it is important to make sure the feeling <strong>and</strong> appearance<br />

they project is correct. This is why the designer, depending on the client’s budget,<br />

should provide at least three different comps. It not only gives the client a choice of<br />

designs, but it also gives her the ability to mix <strong>and</strong> match certain pieces of the<br />

various designs. The client, for example, might say, “I like the black-<strong>and</strong>-white<br />

treatment you did to the photos in the first design. Can you add those to the third<br />

design?” Much of the designing of a comp is left to the creativity of the designer.<br />

Note<br />

The way in which a designer delivers comps can vary. Sometimes, a lot of them will be delivered at<br />

once, or each one could be delivered after feedback is provided on the previous one. Many times,<br />

the latter works better because the designer can incorporate the latest edits more efficiently <strong>and</strong><br />

effectively, along with earlier ones that remain pertinent.<br />

Creating a Source Directory<br />

There are many types of files (<strong>Web</strong> files, images, <strong>and</strong> source files) that go into<br />

creating a mortised site. If all files were saved together in one directory, individual<br />

files would be difficult to find, which is why a designer should use a<br />

consistent filing <strong>and</strong> naming system.<br />

Game Developing GWX

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!