The Principles of Beautiful Web Design
Format: PDF / Kindle (mobi) / ePub
This second edition of The Principles of Beautiful Web Design is the ideal book for people who can build websites, but are seeking the skills and knowledge to visually enhance their sites.
This book will teach you how to:
- Understand the process of what makes "good design," from discovery through to implementation
- Use color effectively, develop color schemes, and create a palette
- Create pleasing layouts using grids, the rule of thirds, and symmetry
- Employ textures: lines, points, shapes, volumes, and depth
- Apply typography to make ordinary designs look great
- Choose, edit, and position effective imagery
And lots more...
This revised, easy-to-follow guide is illustrated with beautiful, full-color examples, and leads readers through the process of creating great designs from start to finish.
It also features:
- Updated information about grid-based design
- How to design for mobile resolutions
- Information about the future of web fonts including @font-face
- Common user-interface patterns and resources
publisher, except in the case of brief quotations embedded in critical articles or reviews. Notice of Liability The author and publisher have made every effort to ensure the accuracy of the information herein. However, the information contained in this book is sold without warranty, either express or implied. Neither the authors and SitePoint Pty. Ltd., nor its dealers or distributors will be held liable for any damages to be caused either directly or indirectly by the instructions contained in
of a layout technique. In reality, the best we can do is distract viewers from the fact that a layout is rectangular. So we can’t always count on the height of a content block remaining the same at all times, on all monitors. One thing we can do, though, is get rid of the 90-degree corners that so often characterize rectangle-based layouts. From a graphic design perspective, boxes with rounded- 3561 20.0 Design1 71 27/2/07 3:04:04 PM 72 The Principles of Beautiful Web Design off corners
spacing between letterforms, but applies to the space between each letter. If you want your text to have a more open, airy feel, try adding a pixel or two to the tracking value. Figure 4.9 shows an example of the effect of spacing. The text in a web page is normally fairly tight, as you can see in Figure 4.9, so assigning a negative value here would probably reduce your text’s legibility. Another horizontal spacing option in CSS is provided by the word-spacing property. This property can take a
them from feeling overwhelmed. Keeping with the brochure cover analogy, the homepage should have a singular message that’s conveyed in large type. To get started with my homepage comp, I decide to use the picture area of our layout more like a billboard than a supportive design element. I push the content blocks down to make the area larger, and combine an image of a Florida sunrise with the catchy tagline “Country Tile understands your Florida Style.” On its own, this line sounds more corny than