Wiley Web Design with HTML and CSS Digital Classroom 978-0-470-58360-9 Manual De Usuario
Los códigos de productos
978-0-470-58360-9
22
The goals of web design
Web Design with HTML and CSS Digital Classroom
1
The evolving fi eld of interactive prototypes
Traditional wireframes, mockups, and prototypes cannot fully account for the interactive
nature of the web. For example, page mockups created in Photoshop are static so they cannot
demonstrate how text on the page refl ows or how a navigation menu expands and collapses.
Wireframes have similar problems because they are not interactive.
nature of the web. For example, page mockups created in Photoshop are static so they cannot
demonstrate how text on the page refl ows or how a navigation menu expands and collapses.
Wireframes have similar problems because they are not interactive.
Wireframing and prototyping software has evolved over the years, and a new breed of software
and web applications are making the interactive prototyping possible. These include elements
such as rollover buttons, working form elements, the ability to update common page elements
quickly, and simple animation.
and web applications are making the interactive prototyping possible. These include elements
such as rollover buttons, working form elements, the ability to update common page elements
quickly, and simple animation.
Interactive prototyping resources
Following are some prototyping and wireframe software resources. Most of these programs are
available in trial versions, so you can compare and evaluate them based on your needs.
available in trial versions, so you can compare and evaluate them based on your needs.
Microsoft SketchFlow
SketchFlow is an application designed specifi cally for prototyping. In addition to a built-in
library of interactive controls, it also allows you to add animated components and data-driven
user-interface elements. SketchFlow also features a feedback system that allows team members
and clients to add comments to a prototype and then deliver that feedback to the creator.
Sketchfl ow is currently included with the Expression Blend software. If you are a full time
student, you can obtain a free copy of the Expression software at DreamSpark.com.
www.microsoft.com/expression/products/Sketchfl ow_Overview.aspx
SketchFlow is an application designed specifi cally for prototyping. In addition to a built-in
library of interactive controls, it also allows you to add animated components and data-driven
user-interface elements. SketchFlow also features a feedback system that allows team members
and clients to add comments to a prototype and then deliver that feedback to the creator.
Sketchfl ow is currently included with the Expression Blend software. If you are a full time
student, you can obtain a free copy of the Expression software at DreamSpark.com.
www.microsoft.com/expression/products/Sketchfl ow_Overview.aspx
Adobe Fireworks
Adobe Fireworks is a vector-and-bitmap image editor that also includes features for creating
wireframes and prototypes. For example, it includes a Pages feature that builds multi-page
documents and generates multi-page HTML elements that are specifi cally for the web. It also
includes templates for wireframes, mobile devices, and grid systems, among others.
www.adobe.com/products/fi reworks/
Adobe Fireworks is a vector-and-bitmap image editor that also includes features for creating
wireframes and prototypes. For example, it includes a Pages feature that builds multi-page
documents and generates multi-page HTML elements that are specifi cally for the web. It also
includes templates for wireframes, mobile devices, and grid systems, among others.
www.adobe.com/products/fi reworks/
EightShapes Unify
For designers who have a print background and are using Adobe InDesign, EightShapes off ers
a free set of components and templates. This is a complete system that allows you to build
wireframes and prototypes using standard print layout techniques.
http://unify.eightshapes.com/
For designers who have a print background and are using Adobe InDesign, EightShapes off ers
a free set of components and templates. This is a complete system that allows you to build
wireframes and prototypes using standard print layout techniques.
http://unify.eightshapes.com/
webdesign.indb 22
webdesign.indb 22
3/17/11 1:50 PM
3/17/11 1:50 PM