Download presentation
Presentation is loading. Please wait.
Published byNatalie Ray Modified over 9 years ago
1
Visual Thinking Strategies and Web Page Design Understanding Design Techniques through Visual Principles Dreamweaver Design Workshop at the University of Miami Otto Richter Library, August 2002 Ray Uzwyshyn
2
The Big Picture: Dreamweaver as a Tool Tools, hammers, houses carpenters Honor Your Mistakes. Work Like a Sculptor with Stone: Honor the Stones limitation - bring life out of it.
3
What do we mean when we speak about Web Design and Visual Thinking Strategies? Information Design consists of differences that make a difference. (Edward Tufte) Matisse: Color and Simplicity
4
Good Design Principles and Layering of Information Dreamweaver allows layering of information dimensions by contrasting color and line Making maps consisting of color, text and information
5
What makes up an online Website Design? Windows, Canvases, Metaphor, Reading
6
How does Dreamweaver allow Visual Thinking Strategies? Information Architecture Color Visual Layout Font Menus Navigation Images Map of the Larger Universe of Knowledge Present
7
Dreamweaver allows Visualizing Spatial Possibilities Score of Stravinsky’s “Sacre Du Printemps” Matisse Gives Prominence to Color: Both Convey Music and Dance
8
Dreamweaver allows Design through Visual Thinking Color
9
Information Layering and Linking through Visual Thinking Strategies Avenues and Pathways
10
What Are the Dreamweaver Design Elements Used? Design Elements Tables JPEG Images GIF Headers 3 Fonts Hyperlink Menus Major areas Images 29% Whitespace 29% Headers 19% Hyperlink Menus 10% Text 8% Others 5%
11
Usability, Children and Visual Thinking Strategies Where is the Chair? Where’s the Dress? Where’s the Girl?
12
What is Missing? -- Simplicity: -Less Means More -More Focus to a theme -Stronger emphasis on Design
13
Shift From Text Centered Designs
14
Image Centered Information Visualization and Visual Thinking Strategies Cognitive Cartography Information Landscape Universe of Knowledge
15
Combine Design Elements To Convey Meaning Combination of HTML Photoshop Dreamweaver Tables Flash Rollovers and Menus Illustrator Fonts To Convey Information Design
16
Technology is Not an End unto Itself Innovative Design uses Visual Thinking Strategies: Icons, Metaphor and Narrative
17
The real voyage of discovery consists of not in seeking new technological landscapes but in having new eyes. Marcel Proust
18
Onto Design Techniques, Dreamweaver and Technology Questions?
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.