O'Reilly logo

Wireframing Essentials by Matthew J. Hamm

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Visual design

Once we have everyone agreeing with the design of the task flow, navigation, and general page layout, we will transition to the visual design portion of the design process:

Visual design

Depending on how you have decided to get to this point, now is generally the time to transition out of your wireframing application (Axure, Omnigraffle, Visio, or others) and open up Photoshop to create your mockups.

The mockups created at this point should be an attempt to portray a pixel-perfect representation of the final product. All content and graphics should be defined and put in place. I should note here that the concept of pixel-perfect is beginning to change ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required