The Principles of Beautiful Web Design
Jason Beaird
Language: English
Pages: 196
ISBN: 098057689X
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
Getting Started with OpenShift
Guide to Web Development with Java: Understanding Website Creation
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
problems can be reassured by the knowledge that sIFR is a completely accessible solution that degrades gracefully. If users don’t have Flash installed, or they have JavaScript turned off, they’ll see the plain old browser text that the script and Flash were supposed to replace. And if you’re skeptical about the solution in general, you’ll be pleased to hear that it has an impressive and growing list of high-profile supporters including ABC News26 and Nike.27 Finding examples of sIFR text on web
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