You are previewing Responsive Design Workflow.

Responsive Design Workflow

Cover of Responsive Design Workflow by Stephen Hay Published by New Riders

3. Content reference wireframes

“A journey of a thousand li starts beneath one’s feet”

– Laozi, Dao De Jing

In the early days of web design, “wireframes—sometimes called schematics—were simple drawings with boxes indicating where page components would go on the page. They were the precursors to mockups, a way to quickly try out content placement to get a feel for the general skeleton of the page. Nowadays, wireframes are often exceedingly detailed. They often contain actual content. Some actually look like almost-finished websites, devoid only of color, imagery and typography. The layout is done. Decisions have been made about the content and the placement of this content.

Figure 3.1. Some wireframes look like finished pages, in some cases reducing ...

The best content for your career. Discover unlimited learning on demand for around $1/day.