O'Reilly logo

Foundation Fireworks CS4 by Hugh Griffith, Matthew Keefe, Chuck Mallott, Matt Heerema, Craig Erskine, Grant Hinkson

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

12.3. Phase 3: Turning wireframes into gray frames

Once you have signoff on your wireframes, it is time to get to some detail. Here we usually create a new file and start with a fresh slate. A gray frame is a chance to establish your grid, play with typography, and start to explore the visual hierarchy of your design, without yet getting into the color and fine-grained detail of added textures and effects.

Gray framing is an optional stage, but we have found it to be a very usefulone. When working with a large team, it helps to keep the focus of the discussion narrow, and therefore can save time. Keep a broader eye open for which parts of the page need to "pop out" of the design, try to determine how much visual weight to give different elements, ...

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