Visual Design for the Modern Web (Paperback)

~ (Author)
Key Phrases: site analysis, complementary color scheme, animation frame, Page Layout, Internet Explorer, All Rights Reserved (more...)

Editorial Reviews

Product Description

Just as great artists must understand their tools, great Web designers must understand the technology behind their art. In Visual Design for the Web, author Penny McIntire shows novice Web designers how to use their tools--including HTML, CSS, and JavaScript--in conjunction with the principles of aesthetics and usability to become masters of their craft. Chapters begin with explanations of the terminology and techniques of web structures, then demonstrate how to apply the rules of design to create beautiful sites.  The book:

• Illustrates how fundamental principles of design apply to the web
• Includes charts, diagrams, and graphics to enhance learning and retention
• Covers site analysis, navigation, layout, color, graphics, typography and forms
• Demonstrates multiple techniques for getting just the right look and feel for your web sites
• Focuses on the characteristics that make sites usable, engaging, and memorable

About the Author

Penny McIntire has been teaching Computer Science at Northern Illinois University for 24 years now, teaching everything from programming languages to IBM mainframe JCL to systems analysis and design. She's the author of Introduction to Systems Analysis and Design (under the name Penny Kendall), which went into three editions. In addition, Penny has been an artist all her life -- interior design and sculpture, and exhibited nationally in the high-end, hand-sculpted doll world for many years. Color theory, texture, layout grids, embellishment, and text manipulation all come naturally for her. Penny developed Northern Illinois University's graduate and undergraduate classes in web design.

Product Details

• Paperback: 360 pages
• Publisher: New Riders Press; 1 edition (November 24, 2007)
• Language: English
• ISBN-10: 0321515382
• ISBN-13: 978-0321515384
• Product Dimensions: 9.1 x 7.5 x 0.7 inches
• Shipping Weight: 1.5 pounds (View shipping rates and policies)
• Average Customer Review: 3.8 out of 5 stars  See all reviews (4 customer reviews)
• Amazon.com Sales Rank: #162,134 in Books (See Bestsellers in Books)

Customer Reviews

Most Helpful Customer Reviews

10 of 10 people found the following review helpful:

4.0 out of 5 stars Good at meeting its goal, April 14, 2008

By	Kieran Mathieson "Kieran" (Rochester, Michigan, USA) - See all my reviews

The Web is a huge topic. There's HTML, CSS, JavaScript, graphics standards, PHP, Perl, Ruby, SQL, HTTP, Apache, and the list goes on. Creating a basic consumer site these days can easily involve a dozen technologies, each of which has its own complexities. And that doesn't even touch on the business side, which is, after all, the reason for having a site in the first place. Let alone the interface.

No one book can cover it all, or even attempt to do so. Instead, authors need to choose a goal, and try to do a good job with it. The goal of this book is clear enough: to give people an overview of the main tasks they need to accomplish to create a basic static Web site for a small company, a family, a nonprofit, or whatever.

The book succeeds at that. The first thing you notice when you look at the table of contents is that the book is not organized around technology. There's not a chapter on HTML, another on CSS, and so on. Instead, the book is organized around the attributes of a good site. For example, the navigation chapter shows how to achieve good navigation, talking about affordances, link states, link reliability, and so on. The chapter mixes together HTML, CSS, and JavaScript, just as any real navigation system mixes together different technologies. The book keeps the focus on the thing that matters: the user's experience.

To my way of thinking (such as it is), that is the way it should be. The book focuses on the ends FIRST, and then shows what means can be used to achieve those ends.

A common scenario is that people read books on HTML, CSS, and JS, and then start to create sites. The problem is, although they know how to create a link, they don't know when to create one, or why to create one, or the difference between a useful link and a less useful one. They know the tools, but not how to use them well. The results are less than professional.

That is what Visual Design for the Modern Web is for. Once you learn what an <a> is and what a CSS class is, this book will show you how to use them to create a good user experience.

This should not be the first book you should buy. Buy HTML for Dummies (or some such) first, and play around. When you get ready to do some real work, then buy Visual Design for the Modern Web.

There are some things I don't like, but not many. The waterfallish design model in the first two chapters could be replaced with something more clearly prototype based, maybe with more examples of design documents thrown in. There could be a little more server-side stuff added as well. Otherwise, it's hard to motivate the material on forms. Perhaps a little bit of PHP. Maybe two scripts, one showing how incoming data is appended to a file, and another showing how the file data is output to a page. Just enough to show how forms can help business processes run.

In summary, a good book if you've learned some basic tech, and now want to know what to do with it.

31 of 40 people found the following review helpful:

2.0 out of 5 stars A very surprising dud from New Riders, February 6, 2008

By	knee - See all my reviews

Normally I wouldn't put too much effort to be negative about a book (there's too much negativity in the world and it's damn hard to write a good book) but I had to post some remarks on this title. For a brand new publication this book is filled with horrifically out-dated information, some of if completely wrong. I expect a *lot* more from New Riders.

A few examples:

- In many places the technique discussed and coding examples are completely ignorant of current standards and best practices. In one section the author describes using tables for layout and describes how to use sliced images to create pixel-perfect layouts. Inline CSS is everywhere, because "external files make for unwieldy examples".

How many out-dated techniques can you find in the following sentence?

"In order to accomplish multiple discrete rollovers on what starts out as a single image, we break the image apart into slice (rectangular pieces) that are seemlessly reassembled into an HTML table."

- There are lots of plainly wrong information scattered throughout the book. Just one example:

"PNG ... is a newer graphic format intended eventually to replace GIF for everything but GIF animation (because PNG doesn't support animation). PNG won't replace the JPG format, because PNG is not ideal for continuous-tone images such as photos." (what about 24-bit PNGs?)

"In general, designers who are artists first, web developers second, often prefer sketching the comp in an image-editing program rather than creating a skeletal HTML page." Oh really?

New Riders books tend to be of a higher quality than the average technology book, but this one falls way short. A book that supposed to deal with "the modern web" should present modern approaches and ideas. This book reads like it was written in 1999.

13 of 17 people found the following review helpful:

5.0 out of 5 stars Author's rebuttal, April 10, 2008

By	Penny McIntire (Oregon, IL United States) - See all my reviews (REAL NAME)

As the author of Visual Design for the Modern Web, my goal in writing was to teach design principles, not CSS. While it's true that I didn't always follow the latest in the rather complicated Web standards, that was a conscious choice in order to keep the code simple and the focus on the elements of design. After all, a single book can't teach every aspect of web design. I also firmly believe there is a place for table-based layouts as long as designers respect the needs of screen readers, and that PNGs aren't ideal for photos because of their size. Of course, opinions may vary.

If you're looking for a title on CSS and Web standards, I recommend Jeffrey Zeldman's Designing with Web Standards (2nd Edition); however, if your objective is to learn how using traditional design principles can help you create better Web sites, than I believe that you will find a great deal of useful information in my book.