Review of The Web Designer's Idea Book II

Wdd Logo.
October 15, 2010

I have to admit, the idea of a book that aims to inspire web designers with example websites seemed a little repetitive to me when I first thought about it.

After all, there are dozens of excellent galleries out there online that we can access for free, that are updated on a daily or at least weekly basis.

Could a book compete with that? Or would it just be filled with the same sites we've all seen in every gallery and design roundup out there.

As someone who studies design galleries and roundups on an almost daily basis, I was pleasantly surprised to see that the majority of the designs included in The Web Designer's Idea Book, Volume 2, by Patrick McNeil (who writes a monthly column for .net magazine and runs Design Meltdown), were not ones I remember seeing previously.

In fact, most of the designs in the book are fresh and new, and haven't made the usual rounds of galleries and showcases.

Now, of course, just because something is new doesn't mean it's going to be useful. It takes a combination of new and well-organized to stand out.

And The Web Designer's Idea Book really comes through in that respect, too. It takes the best methods of organizing content from a variety of online galleries and combines them to create what could be the most well-thought-out source of design inspiration available.

The book starts with a brief section on how to use inspiration to create a unique design that doesn't copy any one existing design, but instead pulls elements from a number of sites to create something better than the sum of its parts. It's a useful section for anyone, whether they're a new designer or more established, especially since it uses a real-world example.

From there, the book is broken down into a few sections: Basic Principles of Design, Sites by Type, Sites by Design Elements, Sites by Styles and Themes, Sites by Structural Styles, and Sites by Structural Elements. Each section includes a number of chapters that cover individual elements, with some commentary on some of the examples.

Within in the Basic Principles of Design section, there are chapters on Emphasis, Contrast, Balance, Alignment, Repetition, and Flow. Examples include The Urban Mama, Tunnel 7 and Bryan Connor, among dozens of others. Some of the designs you'll surely recognize, but there are plenty you probably won't.

From there, the book moves on to Sites by Type. Here it covers websites by industry and purpose, including iPhone Applications, Bands, Events, Travel and Tourism, Portfolios, Real Estate, and Coming Soon pages.

In some chapters, there are "Notes from a Developer" sections that give tips on web design from a developer's point of view. It's sections like these that add a lot of value to the book that you won't get with the majority of online galleries.

The Design Elements section is great if you're stuck on one particular part of your design. This section does feel the most random of any in the book, though.

While the information and examples are all great, the choices for chapters feel very disconnected: The Pitch, Lighting, iPhone as Flourish, Social Media Links, Icons, Typographic, and Photographic Backgrounds. Again, the examples here are great, but there just doesn't feel like much of a theme running through the chosen topics.

The next section pulls things back together and is very focused. Here, designs are covered by style and theme. While it's not the most comprehensive collection of design styles, it does cover some of the most commonly seen (Ultra Clean, Minimali, Solid Colors, and Type-Focused) and some of the most popular in recent years (Sketchy, Collage, Illustrated, Fabric, and Wood).

Some examples in this chapter include Pro Theme Design (Ultra Clean), Studio Z Films (Modern), Saizen Media (Illustrated), and Kinetic Technology Group (Wood).

The second-to-last section has some of the most visually interesting design examples. The Structural Style section has chapters on Atypical Navigation, Atypical Layouts, Pseudo-Flash (sites using JavaScript to create Flash-like effects), Horizontal Scrolling, and One-Page sites. If you're looking to create something a bit different, turn to this section first.

b

The final section in the book covers Structural Elements. This is where you'll find examples of things like Tabs, Buttons, Form Elements, "Helpful Homepages", "Functional Footers", Homepage Slide Shows, and 404 Pages. Examples here include Fhoke, Panda Themes, and Gieves and Hawkes. This is a great spot to look if you need inspiration for just a specific part of a site design.

As already mentioned, I was pleasantly surprised by the content of The Web Designer's Idea Book II. It's not a book I would have typically picked up off a shelf, with the notion that buying a book about web design inspiration just feels a bit odd. But there's enough value-added information in the book that it stands out from free online galleries and showcases.

It's not just a book that shows you pretty pictures, but actually shows you how to use what you're seeing to create your own unique designs without directly copying anything.

Be sure to check out Volume 1 as well, for more great inspiration. Links for purchase are included on the The Web Designer's Idea Book website, including the link to Amazon (where it sells for less than $20, compared to the usual $30 cover price).


Reviewed exclusively for WDD by Cameron Chapman

Have you checked out the book? What are your thoughts? Feel free to share below...

WDD Staff

WDD staff are proud to be able to bring you this daily blog about web design and development. If there's something you think we should be talking about let us know @DesignerDepot.

Read Next

20 Best New Websites, April 2024

Welcome to our sites of the month for April. With some websites, the details make all the difference, while in others,…

Exciting New Tools for Designers, April 2024

Welcome to our April tools collection. There are no practical jokes here, just practical gadgets, services, and apps to…

14 Top UX Tools for Designers in 2024

User Experience (UX) is one of the most important fields of design, so it should come as no surprise that there are a…

What Negative Effects Does a Bad Website Design Have On My Business?

Consumer expectations for a responsive, immersive, and visually appealing website experience have never been higher. In…

10+ Best Resources & Tools for Web Designers (2024 update)

Is searching for the best web design tools to suit your needs akin to having a recurring bad dream? Does each…

3 Essential Design Trends, April 2024

Ready to jump into some amazing new design ideas for Spring? Our roundup has everything from UX to color trends…

How to Plan Your First Successful Website

Planning a new website can be exciting and — if you’re anything like me — a little daunting. Whether you’re an…

15 Best New Fonts, March 2024

Welcome to March’s edition of our roundup of the best new fonts for designers. This month’s compilation includes…

LimeWire Developer APIs Herald a New Era of AI Integration

Generative AI is a fascinating technology. Far from the design killer some people feared, it is an empowering and…

20 Best New Websites, March 2024

Welcome to our pick of sites for March. This month’s collection tends towards the simple and clean, which goes to show…

Exciting New Tools for Designers, March 2024

The fast-paced world of design never stops turning, and staying ahead of the curve is essential for creatives. As…

Web Tech Trends to Watch in 2024 and Beyond

It hardly seems possible given the radical transformations we’ve seen over the last few decades, but the web design…