Datasheet

Book II: Designing for the Web...................................123
Chapter 1: Defining the Look and Feel . . . . . . . . . . . . . . . . . . . . . . . . . .125
Working with the Client to Make Design Choices ....................................125
Defining a Site Theme Using Target Data ..................................................126
Making Basic Layout and Design Decisions..............................................129
Choosing a size for your site.............................................................130
Selecting a fixed-width or flexible layout ........................................132
Choosing a method for printing the layout.....................................137
Picking a color palette .......................................................................138
Choosing the right fonts....................................................................140
Selecting a Navigation System....................................................................142
Choosing a location and style...........................................................145
Determining how to handle submenus............................................146
Organizing the Site’s Look and Feel...........................................................148
Positioning the brand ........................................................................148
Designing layouts on the grid ...........................................................148
Making a layout checklist..................................................................150
Chapter 2: Mocking Up the Design . . . . . . . . . . . . . . . . . . . . . . . . . . . . .153
Understanding the Value of a Mock-up .....................................................154
Working from a Site Map .............................................................................155
Creating the Mock-up ..................................................................................157
Blocking out the parts of the page...................................................157
Designing “above the fold”................................................................160
Unifying the layout with design elements.......................................163
Finalizing the Mock-up.................................................................................166
Showing the subnavigation...............................................................167
Presenting the mock-up to the client...............................................169
Creating Additional Web Graphics.............................................................171
Header graphics .................................................................................171
Rollover graphics ...............................................................................172
Background images............................................................................173
Other graphics....................................................................................173
Chapter 3: Slicing and Optimizing Web Graphics . . . . . . . . . . . . . . . .175
Web Graphics 101.........................................................................................176
Color mode..........................................................................................177
Color gamut warnings........................................................................178
Resolution ...........................................................................................180
Unit of measure...................................................................................182
File and page size ...............................................................................182
Table of Contents
ix
02_417966-ftoc.qxp 3/25/09 10:27 PM Page ix