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
Predictive Analytics for Dummies
Smashing CSS: Professional Techniques for Modern Layout
to have black ink, which is where the K comes in. Take a look at Figure 2.10 to get a better idea of how additive and subtractive color models work. Figure 2.10: The RGB additive color model (left) and the CMYK subtractive color model (right) Regardless of whether you’re designing for print or the Web, the lessons of traditional color theory are the keys that help us classify colors and group them together. Recorded studies of color classification date back to the third century BC and the works
we’ll get to that later. To create some complementary play, I decide to use my mangrove green color as the backdrop for my identity block. Although this design isn’t anywhere near finished yet, I find some temporary placeholder images for 3561 20.0 Design1 65 27/2/07 3:04:01 PM 66 The Principles of Beautiful Web Design my header photo area. I try a few photos out to get an idea of how they affect the colors I’ve chosen, and this combination seems to hold up well with all of them. There you
graphics program and removing the image after you’ve traced the key elements onto a new layer. I call this the “economy of line” test. The expression economy of line is used to describe art and design that provides significant graphic meaning with as few lines as possible. If a traced page layout still looks complete when recreated using only lines, it passes the test. As you can see in Figure 3.11, the Fish Marketing layout still looks very complete, even without the color or photorealism.
choice of fonts to headings. The basic premise behind sIFR is that Flash movies have the ability to embed fonts and display them in all their anti-aliased beauty to the vast majority of web users, who have Flash installed, and that JavaScript is able to replace specified HTML objects with Flash movies. By putting these two concepts together, web designer and developer Shaun Inman was able to create a technique he called Inman Flash Replacement (IFR), the precursor of sIFR. IFR was a revolutionary
around a kayaking shape Here, I’ve used a vector image of a pair of kayakers as a mask around which to crop my original Saluda River picture. In image editing software, a mask is basically a window through which you can see the image. When I laid the mask of the kayakers over the image of the river, I got the top half of Figure 5.9. By flipping the mask vertically, and applying it to a blue-tinted duplicate of the original, I was able to create the appearance of a reflection. Now that image