Tired of making web sites that work absolutely perfectly but just don’t, well, look very nice? Using The Principles of Beautiful Web Design, you’ll see just how easy it can be to create aesthetically pleasing and usable web site designs.

This gorgeous, full-color book will guide you through the complete design process, from getting inspiration and sketching ideas out, through to choosing a color scheme, designing the layout, and selecting effective imagery.


This title is published by our friends at SitePoint. Please visit them for additional resources.
SitePoint ErrataSitePoint CodeSitePoint Discussion

Out of Print

This book is currently out of print.

About this Book

  • 180 pages
  • Published:
  • ISBN: 978-0-9758-4196-9

Throughout, the focus is on simple and practical techniques that anyone can use—you don’t need to have gone to art school or have artistic flair to create stunning designs using the methods outlined in this book.

You’ll follow along as author and design guru Jason Beaird creates a complete web site layout using the techniques that you’ve learned.

The book’s full-color layout and large format (8” x 10”) make The Principles Of Beautiful Wed Design a pleasure to read.

This book will show you how to:

  • Understand the design process, from discovery to implementation.
  • Develop pleasing layouts using grids, the rule of thirds, balance, and symmetry.
  • Use color effectively, develop color schemes and create a palette.
  • Use textures: lines, points, shapes, volumes, and depth.
  • Learn how good typography can make ordinary designs look great.
  • Effective imagery: choosing, editing and placing images.
  • Understand what makes “good design.”
  • Follow an example design from concept to completion.
  • And lots more…

Contents and Extracts

  • Layout and Composition
    • The Design Process
    • Defining Good Design
    • Web Page Anatomy
    • Grid Theory
    • Balance
    • Unity
    • Emphasis
    • Bread-and-butter Layouts
    • Getting Inspired
    • Fresh Trends
    • Resizing: Fixed Width vs Liquid Width
    • Screen Resolution
    • Application: Florida Country Tile
  • Color
    • The Psychology of Color
    • Color Temperature
    • Color Value
    • Color Theory 101
    • Red, Yellow, and Blue or CMYK?
    • The Scheme of Things
    • Creating a Palette
    • Application: the Color of Tile
  • Texture
    • Points
    • Line
    • Shape
    • Volume and Depth
    • Pattern
    • Building Texture
    • Application: Grouting and Setting
  • Typography
    • Taking Type to the Web
    • Anatomy of a Letterform
    • Text Spacing
    • Text Alignment
    • Typeface Distinctions
    • Finding Fonts
    • Choosing the Right Fonts
    • Application: Tile Typography
  • Imagery
    • What to Look For
    • Legitimate Image Sources
    • How Not to Impress
    • Creative Cropping
    • Photoshop Adjustments
    • File Formats and Resolutions
    • Borders and Edge Treatments
    • Application: Polishing off Florida Country
    • Finding Inspiration (or Don’t Always Follow the Crowd)

About the Author

Jason Beaird is left-handed creative thinker, and art minded. After graduating from UCF with a degree in Graphic Design he’s an artist in his spare time, but also has a tech side. Starting his own BBS in 8th grade, he considered computer science as a possible major, and ended up getting a second degree in digital media from UCF.

Fortunately there’s an occupation for people like him in web development and he now works full-time as a designer for Cyberwoven.