Linda Goin - Design for WEB Developers: Colour and Layout for the artistically overwhelmed [2005, PDF, ENG]

Chapter 1: Elements of Design
Who are Web Designers and What Do They Do? ................................................................................................... ..8
What Tools do Web Designers Use? .......................................................................................................................... ..9
Elements and Principles ............................................................................................................................................. .. To
Resources .................................................................................................................................................................... .. T5
Chapter 2: Point, line, Plane: Foundations of Web Design Communication 16
The Genesis of Line, the First Design Element ......................................................................................................... .. T6
The Element of Line Creates Other Design Elements ........................................................................................... .. 17
Line Applied to the Principles of Design ................................................................................................................. .. 20
Passive Line and Layout ............................................................................................................................................ .. 22
Resources .................................................................................................................................................................... .. 24
Chapter 3: Shape and Typography: Foundations of Web Design Communication
Familiar Shapes ........................................................................................................................................................... .. 27
Figure-Ground Relationships ..................................................................................................................................... ..29
The Whole Environment ............................................................................................................................................. .30
Economy of Design .................................................................................................................................................... .. 33
Resources .................................................................................................................................................................... .. 36
Chapter 4: Using Space Effectively on a Web
Two-Dimensional Space ............................................................................................................................................ .. 38
Perspective .................................................................................................................................................................. ..43
Back to the Beginning ............................................................................................................................................... ..49
Resources .................................................................................................................................................................... .. 51
Chapter 5: One Business, Several Branches: Repetition for Unity
The Real World Company Site ................................................................................................................................. .. 52
Resources .................................................................................................................................................................... .. 66
Chapter 6: Playing With the Rainbow: International Colour Implications
Colour Psychology ..................................................................................................................................................... .. 67
Colour Connotations ................................................................................................................................................. .. 68
Context is King ............................................................................................................................................................ .. 71
Colour and international Reach .............................................................................................................................. .. 72
Resources .................................................................................................................................................................... .. 77
Chapter 7: Colour Schemes: Monochromatic, Analogous and Complementary Harmonies
The Colour Wheel for the Web ................................................................................................................................. .. 79
Monochromatic Harmonies ..................................................................................................................................... ..8O
Analogous Harmonies ............................................................................................................................................... ..82
Complementary Harmonies ..................................................................................................................................... ..85
Split Complement Harmonies .................................................................................................................................. ..87
Resources .................................................................................................................................................................... ..88
Chapter 8: Colour Schemes: Triad, Tetrad, and the Perception of Depth with Colour
Triad Colour Harmonies ............................................................................................................................................. .. 90
Achieving Depth Perception with Colour .............................................................................................................. .. 94
Tetrad Colour Schemes ............................................................................................................................................. .. 97
Resources .................................................................................................................................................................. .. lOl
Chapter 9: Practical Colour Usage in Website Designs: Colour Schemes and Themes......102
Colour Schemes "Or+the-Fly" .................................................................................................................................. .. 102
Triadic Scheme ......................................................................................................................................................... .. 108
Tetrad Scheme ......................................................................................................................................................... .. 109
Analogic Scheme .................................................................................................................................................... .. 1 12
Just a Few More Options ......................................................................................................................................... ..1 13
Chapter 10: Textural Troubles and Triumphs 1 14
What is Texture? ........................................................................................................................................................ .. 1 14
Trompe I‘oeil and Decorative Texture ................................................................................................................... .. I I7
Texture, Up Close and Distant ................................................................................................................................ .. 1 19
Pattern ....................................................................................................................................................................... .. 122
Silly and Serious Textural Effects ............................................................................................................................. .. 123
Chapter 11: How to Achieve Unity in Your Website 126
Balance ..................................................................................................................................................................... .. 126
Contrast ..................................................................................................................................................................... .. 129
Direction .................................................................................................................................................................... .. 129
Economy .................................................................................................................................................................... .. 134
Emphasis .................................................................................................................................................................... .. 135
Proportion .................................................................................................................................................................. .. 137
Rhythm ....................................................................................................................................................................... .. 139
Unity ............................................................................................................................................................................ .. 141
Resources .................................................................................................................................................................. .. 141
Chapter 12: Learn Through Better Deconstruction 142
Design Elements ....................................................................................................................................................... .. 142
Design Principles ....................................................................................................................................................... .. 150
Chapter 13: More Deconstruction: Testing and Training Your "Designer's Eye"....................156
Design Elements and Principles Review ................................................................................................................ .. I56
Practice I: Why I Like a Particular Site ................................................................................................................... .. I56
Practice ll: What Bugs lvle about a Particular Site .............................................................................................. .. 162
In Conclusion ............................................................................................................................................................ ..17O
Chapter 14: Typography I: The Slimmed-Down Basics 171
Thousands of Fonts, But Only Five Historic Font Families ..................................................................................... .. 171
In Conclusion ............................................................................................................................................................ .. 179
Resources .................................................................................................................................................................. .. 179
Chapter 15: Typography II: Science and Design 180
Typography as Science ........................................................................................................................................... .. 180
Typography as Design ............................................................................................................................................. .. 182
Resources .................................................................................................................................................................. .. 189
Chapter 16: Typography Ill: Creative Layouts - Type and Images in Web Design..............19O
Layouts ....................................................................................................................................................................... .. 190
Print as Inspiration ..................................................................................................................................................... .. 197
In Conclusion ............................................................................................................................................................ .. 201
Resources .................................................................................................................................................................. .. 2ol
Chapter 17: The Designer's Choice: Navigational
Print and Web Differences and Commonalities ................................................................................................. ..202
Website Navigation Choices .................................................................................................................................. ..206
Global Options and the Use of Metaphors .......................................................................................................... .213
In Conclusion ............................................................................................................................................................ .216
Resources .................................................................................................................................................................. .. 216
Appendix A: A Texture (Design Elements and Principles) Checklist.....................................218
Elements of Design and Texture: ............................................................................................................................ .. 218