design3

Recommendations

Info

170 The Principles of Beautiful Web Design downloading the image and placing it on my client’s web server, let’s imagine I decide to link straight to the image on the bike manufacturer’s website. This dubious practice is called hotlinking. Copyright issues aside, hotlinking uses the bandwidth of the website on which the images are located. With most hosting accounts, bandwidth is limited and extra bandwidth can be expensive. So as a real-world metaphor, hotlinking is a bit like using another person’s cell phone minutes to make your call. Most web professionals know that hotlinking is a big no-no, so the usual hotlinking suspects are forum users, bloggers, and MySpace users who don’t know any better. So if you were unaware before, now you know better, too. Not to mention an additional problem with hotlinked images: the source of the image could pull or remove that image and replace it with something crude or embarrassing at any time. Clipart There are many websites that offer free, or very cheap, clipart and illustration packages. While these cheesy generic graphics may work for an internal company bulletin or do-it-yourself greeting card, they should be considered off-limits for any professional project. Figure 5.14. Clipart could make this happen to YOU You may think that I’m being a little harsh with that statement, but take a moment to think about it. If you go to a five-star restaurant, would you expect to be served instant mashed potatoes from a box? Of course not! You’d expect fresh ingredients, cooked from scratch. As a designer, you have an obligation to cook something up for your client that’s as original as it is astonishing. While the quality and “freshness” of stock photography can be questionable as well, there’s nothing worse than seeing a good design blemished by stale, clichéd clipart. If your clients ask you to use clipart or a corny animated GIF on their site, you should push back a little. Just remember that if the client has come to you for the design, it’s your job to provide feedback that’ll make their site look good. However, you also have to remember that, ultimately, the client is always right. Sometimes a client
Imagery 171 will force a design decision, and you’ll just have to go with it. I guess some people really like their instant potatoes. Regardless of how good a job you’ve done choosing images for your design, there’s another critical factor to consider: presentation. When you’re formatting images for use on your site, their presentation will often depend on the constraints of the layout you’ve chosen. The image size, for instance, may depend on the size of the rectangle you have available in your grid. As the designer, it’s up to you to determine how an image will be cropped, if an image will have any framing or borders, and what types of visual effects will be applied to the image, if any. Creative Cropping One of the most profound impacts you can make on the presentation of an image comes from wisely choosing what should be included, and what should not. This process is known as cropping, and is a fundamental image manipulation technique. At its most basic level, cropping can be used to eliminate unnecessary or unsightly details from a picture. The picture in Figure 5.15 is one that I took while wandering around with my wife in downtown Charleston, South Carolina. It’s an okay picture, but the people in the immediate foreground and the power lines that run down the shady right-hand side of the street are distracting. Figure 5.15. An unedited photo of downtown Charleston
Page 1:
Summary of Contents Preface . . . .
Page 4 and 5:
iv The Principles of Beautiful Web
Page 7 and 8:
Table of Contents Preface . . . . .
Page 9 and 10:
ix Color Scheme Designer 3 . . . .
Page 11:
xi Creative Image Treatments . . .
Page 14 and 15:
xiv bathroom with the work that we
Page 16 and 17:
xvi Tips, Notes, and Warnings Hey,
Page 18 and 19:
2 The Principles of Beautiful Web D
Page 20 and 21:
Page 22 and 23:
Page 24 and 25:
Page 26 and 27:
10 The Principles of Beautiful Web
Page 28 and 29:
Page 30 and 31:
Page 32 and 33:
Page 34 and 35:
Page 36 and 37:
Page 38 and 39:
Page 40 and 41:
Page 42 and 43:
Page 44 and 45:
Page 46 and 47:
Page 48 and 49:
Page 50 and 51:
Page 52 and 53:
Page 54 and 55:
Page 56 and 57:
Page 58 and 59:
Page 60 and 61:
Page 62 and 63:
Page 65 and 66:
2 Chapter Color Whether you’re de
Page 67 and 68:
Color 51 reason, it’s often used
Page 69 and 70:
Color 53 Figure 2.5. Calming stones
Page 71 and 72:
Color 55 Figure 2.7. These wind tur
Page 73 and 74:
Color 57 Chromatic Value The measur
Page 75 and 76:
Color 59 Figure 2.12. The tradition
Page 77 and 78:
Color 61 thick that you’re unable
Page 79 and 80:
Color 63 Another example of saturat
Page 81 and 82:
Color 65 An Analogous Color Scheme
Page 83 and 84:
Color 67 Figure 2.22. Blinksale’s
Page 85 and 86:
Color 69 put off by the stark contr
Page 87 and 88:
Color 71 Figure 2.27. Cross Cross C
Page 89 and 90:
Color 73 Figure 2.30. The Bulls+Arr
Page 91 and 92:
Color 75 Figure 2.34. The adventuro
Page 93 and 94:
Color 77 Table 2.1. Counting from 1
Page 95 and 96:
Color 79 Scheme Designer 3 works. U
Page 97 and 98:
Color 81 Figure 2.39. Pictaculous C
Page 99 and 100:
Color 83 Figure 2.41. A mood board
Page 101 and 102:
3 Chapter Texture There are many we
Page 103 and 104:
Texture 87 Figure 3.2. The A-Team b
Page 105 and 106:
Texture 89 Figure 3.5. Geometric an
Page 107 and 108:
Texture 91 Rounded Corners So we’
Page 109 and 110:
Texture 93 Figure 3.10. Ithaca Even
Page 111 and 112:
Texture 95 Figure 3.12. Speed Kids
Page 113 and 114:
Texture 97 Figure 3.14. Perspective
Page 115 and 116:
Texture 99 Figure 3.17. A clear and
Page 117 and 118:
Texture 101 Although repetitious ba
Page 119 and 120:
Texture 103 declaration background-
Page 121 and 122:
Texture 105 Figure 3.25. Three repe
Page 123 and 124:
Texture 107 Figure 3.27. Team Fanny
Page 125 and 126:
Texture 109 said, just because you
Page 127 and 128:
Texture 111 This site certainly fal
Page 129 and 130:
Texture 113 Another notable example
Page 131 and 132:
Texture 115 Figure 3.36. Minimalism
Page 133:
Texture 117 Figure 3.38. The site d
Page 136 and 137: 120 The Principles of Beautiful Web
Page 206: 190 The Principles of Beautiful Web
show all

design3

Create successful ePaper yourself

Delete template?

Save as template?