Review of "The Principles of Beautiful Web Design"

Oakland.pm

Reviews

Review of "The Principles of Beautiful Web Design"

author: Jason Beaird

reviewer: George Woolley

title:  The Principles of Beautiful Web Design 
author:  Jason Beaird
publisher:  Sitepoint
isbn number:  0-9758419-6-3 
edition:  First
publication month:  January 2007 
pages:  180
price:  $49.90 for book + color card + PDF
        $39.95 for book + color card
        $29.95 for PDF only

Notes

  • The above info was taken partly from the O'Reilly catalog entry and partly from the Sitepoint catalog entry.
  • You may wish to check out the the SitePoint catalog entry.
  • You can see the O'Reilly catalog entry for this book here.
  • Why does O'Reilly have a catalog entry for this book? To support its partner Sitepoint.
  • The Sitepoint catalog entry refers to a March 2007 update. I believe the ISBN10 for that would be 0-9758419-6-9. I have no idea what the difference is between the two versions, however, I assume there is no major difference since the edition number is the same.

Short Review

Smiley Rating: Excellent. :) :) :) :) :) of 5.

This is a short, beautiful book about beautiful web design. I got many valuable insights from this book.

If you are a techie (e.g. a programmer) interested in designing beautiful websites but not a professional website designer, I recommend this book to you. If you are a professional web designer, you're out of my league and I'll refrain from making a recommendation. If you are neither a techie nor a professional web designer but have some experience with web design and are interested in designing beautiful websites, I recommend this book to you too.

If you want more detail, you could take a look at my somewhat longer review.

Miscellaneous

Chapter Titles

  • Layout and Composition
  • Color
  • Texture
  • Typography
  • Imagery

Notes

Online Watch

Safari

When I looked 2007-08-04, I didn't see this book on Safari :( (though I saw a number of other Sitepoint books there).

Beautiful Web Design

As far as examples of beautiful web design go, my favorite site is Zen Garden. I also like Google a lot.

I suggest doing some web searches such as

    beautiful web design
The Book

The the SitePoint catalog entry for the book includes, among other things:

  • reviews
  • a link to the table of contents
  • a way to get the sample chapter (i.e. chapter 1)

If you want more reviews, you could do a search such as

      "beautiful web design" review
The Author

There is a brief profile of the author on the Sitepoint site. There you'll find, among other things, links to:

  • an article that is pretty much the sample chapter
  • an article on color
  • the author's site

Index Terms

The following terms have at least 5 entries under them in the index:

  • application example
  • color
  • color schemes
  • CSS
  • design process
  • Florida Country Tile
  • imagery
  • inspired, getting
  • navigation
  • texture
  • typography

Note

  • Florida Country Tile is the application example.

Some Ways to Create Emphasis

  • placement
  • continuance
  • isolation
  • contrast
  • proportion

Note

  • Emphasis and each of the above are discussed in chapter 1.

Some Color Schemes

  • monochromatic, achromatic, monochromatic with mo' pop, analo-adjust
  • analogous
  • complementary
  • split complementary, mono-split-complementary
  • triadic
  • tetradic
  • Note

    • All these color schemes are discussed in chapter 2.

    Some Texture-Related Elements

    • points
    • line
    • shape
    • depth
    • volume
    • pattern

    Note

    • All these elements are discussed in chapter 3.

    Some Typographical Terms

    • baseline
    • cap height
    • crossbar
    • serif
    • meanline
    • bowl
    • descender
    • counter
    • stem
    • tittle
    • terminal
    • ascender
    • leg
    • ligature
    • x-height

    Note

    • All of these terms are defined in one place in chapter 4.

    Some Image Adjustment Controls

    • brightness
    • contrast
    • hue
    • saturation
    • lightness

    Note

    • The above controls are discussed in the context of other adjustments you can make to images in chapter 5.

    Acknowledgment

    Many thanks to Arden Schaeffer who read and commented on this review.

    Due to my relatively recent injury, I asked him to keep his comments simple. All errors are solely my responsibility.

Somewhat Longer Review

Contents

The Title

Beautiful

By "Beautiful" here I understand aesthetically pleasing, especially visually aesthetically pleasing.

Web Design

By "Web Design" here I understand the design of websites.

Ooops, that seems circular to me. I'll try again. If you are satisfied with my first try, you may want to skip over my second try to the subsection on Principles, especially as my second try is verbose, incomplete, and still circular (though the circle is, at least, bigger).

By "Web" here I understand The World Wide Web and more specifically websites.

The World Wide Web can be viewed as

  • an information space in which elements in the space can be identified by URIs (Universal Resource Identifiers).
  • a network of websites which can be linked together

A website:

  • consists of a collection of (hopefully) related pages
  • has a name
  • has a location on the Web
  • usually has a "home page" which can serve as an entrypoint into it

A web page:

  • is a document
  • is accessible on The Web
  • may contain links to other web pages
  • can be linked to
  • is often written in (X)HTML

Given the above crude definitions, my second try is that by "Web Design" here I understand either:

  • the plan for how a website will be composed when completed
  • the architecture of a website when actually completed (i.e. how it is layed out, how color is used, etc.)
Principles

By "Principles" here I understand invariable fundamental laws.

The

I understand "The" here to be a function word indicating that the principles are the one's worth singling out.

Worth singling out from whose point of view? Website designers, presumably.

Does the Title fit the Book?

Yes. The book is, indeed, about beautiful website design.

About the Reviewer

Artist

I was taught that all people are one of the following:

  • artistic
  • rational
  • religious
  • practical

Which one affects, for example:

  • the decisions people make
  • how they organize their experience

In these terms I view myself as artistic.

Publisher

I have a high opinion of the publisher in the area of web design based on the two books I've read by the publisher in that area.

Review Experience

I've written quite a few reviews including reviews of:

  • two books published by Sitepoint
  • more than 10 books related to the web
Web Design Experience

I have designed many websites, mostly not as part of my job.

I am not a professional web designer and don't aspire to be one.

By the Numbers

What you get by the numbers is:

  • 1 preface
  • 5 chapters
  • 180 pages
  • 1 index
Chapters

The chapters are from 29 to 37 pages long.

Among other things, each chapter has:

  • 1 application section

These sections keep coming back to the design of the Florida Country Tile website as an example.

The first page of each chapter has a goldish background. Subsequent pages have a similarly-colored goldish stripe at the bottom of the page and a complementary colored stripe at the top of the page. Most pages contain at least one thing that is visually interesting:

  • a graphical figure
  • an image
  • a screen shot
  • a note, a tip or a warning on a colored background with a drop shadow

Likes

Easy to Read

I found the book easy to read.

Light

Part of the reason I found the book easy to read was the author's light tone.

There's at least one image in each chapter that caused me to smile or chuckle, e.g.:

  • an image depicting unity among 4 red monkeys with long snake-like arms
  • some hoity toity Circus Monkey images
  • some images of animal cracker camels
  • some images of some characters in Dingbat fonts
  • an image of a flower constructed from bananas

I really enjoyed the author's favorite typography term, i.e., tittle. I also enjoyed the "rule of turds".

Short

I like that the book is short, especially as I learned so much from reading it.

A Work of Art

The book is itself beautiful, starting with the cover. Many of the principles talked about in the book are illustrated in the book's design.

Yep, I know it's a book not a website, however many of the principles apply to both.

Insights

The book is filled with insights. I found many of them quite valuable. I'll list (in my words) three I particularly appreciated for each chapter. You, likely, will find different insights valuable.

Layout and Composition:

  • Each page should be recognized as belonging to the site.
  • Be clear what you wish to emphasize.
  • There are many ways to emphasize: placement, isolation, contrast, size (small or large).

Color:

  • There are six classic color schemes. (I'm eager to try a monochromatic color scheme.)
  • Consider the warmth of a color.
  • The red, yellow, blue color wheel can still be the basis for much good design, though it's not perfect.

Texture:

  • Consider texture. (I will now; I wasn't before.)
  • Some ways of creating texture are: images, background images, borders, type size, patterns.
  • Art history is a source of design ideas.

Typography:

  • Choose the font with the target audience in mind.
  • Consider the space around the type.
  • Serif fonts are good for headlines.

Imagery:

  • Be yourself. Develop your own style.
  • With respect to each photo, ask: Is it relevant? Is is it interesting? Is it appealing?
  • Think about where you wish to place images.

Gripes

It's hard to find fault with this book, but I'll try.

No Chapter on Sound

There is no chapter on sound.

Guide to Beauty?

On the cover of my book are the words: "DESIGN BEAUTIFUL WEB SITES USING THIS SIMPLE STEP-BY-STEP GUIDE"

I don't think it's possible to have a step-by-step guide that assures you'll end up creating beautiful websites. Perhaps that's not the intended interpretation of the words quoted, however I think some people will take them that way.

Who's the Book for?

Ideal For

This book would be especially good for someone who has all the following characteristics:

  • wants to design beautiful websites
  • has some experience designing websites.
  • knows the basics of CSS
Not For

This would not be a good book for anyone with either of the following characteristics:

  • just does not care about beautiful website design
  • is confident they already know everything about the subject

Final Thoughts

This is a short easy-to-read well-constructed beautiful book on beautiful website design. If you've read this far, get this book.

Complete Draft: 2007-08-06e

Many Minor Changes: 2007-08-10c

Corrected a Spelling Error, Added an Acknowledgment: 2007-08-10d

Removed Draft Status: 2007-08-10e