1 / 18

Dreamweaver Design Workshop at the University of Miami Otto Richter Library, August 2002

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. The Big Picture: Dreamweaver as a Tool. Tools, hammers, houses carpenters

xanthus-chandler
Télécharger la présentation

Dreamweaver Design Workshop at the University of Miami Otto Richter Library, August 2002

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Visual Thinking Strategies and Web Page DesignUnderstanding Design Techniquesthrough 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 allowVisual 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 ElementsTo 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?

More Related