Design For Web Developers - Colour And Layout For The Artistically Overwhelmed (Dmxzone-2005).pdf
(
13552 KB
)
Pobierz
Design for Web Developers: Colour and Layout for the Artistically Overwhelemed
Design for Web Developers: Colour and Layout for
the Artistically Overwhelemed
Linda Goin
© 2005 DMXzone.com
Published by DMXzone.com
Dynamic Zones International
Hengelosestraat 705
7521 PA Enschede
The Netherlands
All rights reserved. No part of this book may be reproduced or transmitted in any form or by any means,
electronic or mechanical, including photocopying, recording or by any information storage and retrieval
system, without prior written permission in writing from the publisher, except in the case of brief quotations
embodied in critical articles or review.
The authors and publisher have made every effort in the preparation of this book to ensure the accuracy of
the information. However, the information contained in this book is sold without warranty, either express or
implied. Neither the authors, DMXzone, nor its dealers or distributors will be held liable for any damages
caused or alleged to be caused either directly or indirectly by this book.
Trademark Acknowledgements
DMXzone has endeavoured to provide trademark information about all the companies and products
mentioned in this book by the appropriate use of capitals. However, DMXzone cannot guarantee the
accuracy of this information.
Dreamweaver, Dreamweaver MX and Dreamweaver MX 2004 are trademarks of Macromedia.
Photoshop is a trademark of Adobe.
Table of Contents
Introduction ..................................................................................................................................... 5
What this book does, and who it's for. ........................................................................................................................ 5
About Linda Goin............................................................................................................................ 5
Prologue: Web Design Mysteries ................................................................................................... 6
Chapter 1: Elements of Design ...................................................................................................... 8
Who are Web Designers and What Do They Do?..................................................................................................... 8
What Tools do Web Designers Use? ............................................................................................................................ 9
Elements and Principles............................................................................................................................................... 10
Resources ...................................................................................................................................................................... 15
Chapter 2: Point, Line, Plane: Foundations of Web Design Communication .......................... 16
The Genesis of Line, the First Design Element........................................................................................................... 16
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 .............. 26
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 Page ................................................................. 37
Two-Dimensional Space.............................................................................................................................................. 38
Perspective.................................................................................................................................................................... 43
Back to the Beginning ................................................................................................................................................. 49
Resources ...................................................................................................................................................................... 51
Chapter 5: One Business, Several Branches: Repetition for Unity ............................................ 52
The Real World Company Site ................................................................................................................................... 52
Resources ...................................................................................................................................................................... 66
Chapter 6: Playing With the Rainbow: International Colour Implications ............................... 67
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
........................................................................................................................................................ 79
The Colour Wheel for the Web................................................................................................................................... 79
Monochromatic Harmonies ....................................................................................................................................... 80
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 .......... 89
Triad Colour Harmonies ............................................................................................................................................... 90
Achieving Depth Perception with Colour ................................................................................................................ 94
Tetrad Colour Schemes............................................................................................................................................... 97
Resources .................................................................................................................................................................... 101
Chapter 9: Practical Colour Usage in Website Designs: Colour Schemes and Themes ...... 102
Colour Schemes "On-the-Fly".................................................................................................................................... 102
Triadic Scheme ........................................................................................................................................................... 108
Tetrad Scheme ........................................................................................................................................................... 109
Analogic Scheme ...................................................................................................................................................... 112
Just a Few More Options........................................................................................................................................... 113
Chapter 10: Textural Troubles and Triumphs ............................................................................ 114
What is Texture?.......................................................................................................................................................... 114
Trompe l'oeil and Decorative Texture ..................................................................................................................... 117
Texture, Up Close and Distant .................................................................................................................................. 119
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.................................................................................................................. 156
Practice I: Why I Like a Particular Site ..................................................................................................................... 156
Practice II: What Bugs Me about a Particular Site ................................................................................................ 162
In Conclusion…........................................................................................................................................................... 170
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 III: Creative Layouts – Type and Images in Web Design.............. 190
Layouts ......................................................................................................................................................................... 190
Print as Inspiration....................................................................................................................................................... 197
In Conclusion .............................................................................................................................................................. 201
Resources .................................................................................................................................................................... 201
Chapter 17: The Designer's Choice: Navigational Methods................................................... 202
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
About DMXzone .......................................................................................................................... 220
The History of DMXzone ............................................................................................................................................. 220
What do we do .......................................................................................................................................................... 220
Plik z chomika:
Marian_Chomik
Inne pliki z tego folderu:
Rotovision.Digital.Color.And.Type.Apr.2002.from.GFXworld.org.pdf
(121121 KB)
Logo Font & Lettering Bible 150dpi.pdf
(82384 KB)
(Rockport) Letterhead & Logo Design 4.pdf
(32511 KB)
Fashion Illustrator 150dpi.pdf
(54142 KB)
Rockport - Logolounge. 2000 International Identities by Leading Designers.pdf
(75703 KB)
Inne foldery tego chomika:
!!! DISNEY True-Life
!!! Film_MCL-Favorities
!!! Filmy HD (drama coll.)
!!! Filmy HD (dual audio)
!!! Filmy HD (Net-fli(x)
Zgłoś jeśli
naruszono regulamin