Book Review: Principles of Beautiful Web Design

principals-1

Download The Book Review Audio (MP3)

Giovanni DiFeterici: Hey, this is Giovanni and Gene with Unmatched Style and we’re here to talk about the second edition of Jason Beaird’s book, “The Principles of Beautiful Web Design” which is available from Sitepoint.com.Before we get started we just wanted to say that we were going to give away a copy of this book. All you have to do is leave a comment along with this post. Tell us some of your strengths and weaknesses in regards to the things he talks about which are typography, color, texture, layout, and composition.

Gene Crawford: Layout and composition. Yeah, so leave those in the post and we’ll get you a book. We’ll randomly pick from someone.

Giovanni: That’s right, we will randomly pick.

Gene: So, on to the book. What’d you think of the book, first off?

Giovanni: I think it’s a good update, I do. I’ve read his first. Pretty much, when I was getting into design, I read his first book. It was kind of an introduction to applying a lot of the things I learned in fine art to the web. It was a great book for me. I think that this is a really good update. It brings a lot of the new, more current technologies into the fold.

Gene: In case you’re not really familiar with the first edition, “The Principles of Beautiful Web Design, ” this is Jason Beaird’s book. He takes you through, I say the four pillars of good design. Like you said, layout and composition, color, texture, and then typography. It just takes you through that.

Giovanni: He structures it almost the way a school does where he starts with the elements and principles of design in general as they apply to all design and not just to the web. It lays out the groundwork for understanding those things just as applied to anything. Then he moves slowly into web design and how does things apply on the web in regard to the restrictions and freedoms of that kind of interactive media.

Gene: I think he said he actually, originally intended the book for developers who didn’t know how to design, which is kind of interesting.

Giovanni: Yeah, and it’s cool.

principals-2

Gene: That you’d write a design book for someone who doesn’t know how to design. In the end, we both teach class. We both teach web design and stuff like that, 101 and 201. I know I use his first edition in my class because it’s so good. Some of the updates that he put into the second edition, he gets into some trendy updated stuff. I think the first edition was two or three years ago.

He gets into some things. He introduces you to the 960 grid system and some of the things that hit web design like editorial, pages design where you design each post of a blog post differently, and that kind of thing. Big footers and stuff like that. He explains where that comes from and what it’s all about.

Giovanni: Yeah, he does get pretty granular about half way through the book, I’d say. Before that in the first half, I think that the fact he focuses on just things in general, the principles and stuff. It gives the book a timeless quality.

Gene: It does.

Giovanni: It’s fundamental, but then slowly moves into more discreet and specific things.

Gene: Specific subjects.

Giovanni: It’s really good for that. He leads you into the specifics of web design.

Gene: That’s right. Like when he gets into typography, he really digs into that. That’s pretty specific.

Giovanni: It’s one of the four core tenets of really good design you’ve got to know how to use typography and stuff. He sums the book up with the little extras and give-me’s like telling you about how to work with an illustrator, look for stock photography, and that sort of stuff. The one thing that’s really cool is that he updated was he used a real world scenario, case study throughout the book. He used the website for Southern Savers which we’ll make sure and link it up.

If you haven’t checked that site out, it’s really a beautiful site. It took the first version of that site which was really not that good of a site to visualize, to a really well-done design website.

Gene: Yeah, it’s a nice site and he really breaks it down. He obviously had direct access to a lot of the concept materials, clearly, and shows those in the book. It’s a really good process and it’s very visible and easy to understand. It’s nice to get the theory and then see implementation of theory. If you’re somebody just starting out in design, it’s a really great book. If you’re someone who doesn’t know anything about design, hopefully one of your designer friends will give you this book. If you’re a student, it would be a really great book.

Giovanni: It’s also good for just designers in general who want to get up to speed. Maybe they’ve been doing the same thing for awhile and they want to really get up-do-date with the most contemporary methods.

Gene: Yeah, I was going to say, for me, it was really great as just a refresher. It’s not a thick book, it’s thin. You can throw it in your backpack and just break it out whenever you need to reference some stuff. It’s really perfect for that.

Giovanni: Jason has a really conversational tone, so it’s really easy to ready.

Gene: Absolutely.

Giovanni: It’s got a lot going for it.

Gene: So, we both like it?

Giovanni: I did like it, yes, and do. [laughs]

Gene: All right, thank you.

Don’t Forget! We’re giving a way a copy of the book with this post! Just leave a comment to be entered to win, we’ll randomly pick a winner from the list of participants. Leave a comment about what your greatest strength or weakness is when it comes to design: typography, color, texture, layout & composition.

Author

Gene Crawford

With over a decade of experience in the industry he has overseen the design and architecture of hundreds of web sites and applications. An active member in the design community, he's the editor & producer of unmatchedstyle.com, the ConvergeSE, ConvergeFL, ConvergeRVA and the Breaking Development conference series.