Understanding wireframes
A wireframe is a technical representation of a screen using skeletal lines. By similarity, they are also known as user interface blueprints. Each type of element in a wireframe must be represented in a clearly differentiable way. We do not have to follow a specific visual style when designing our wireframes, but we must make sure that they are clear and easy to understand.
For example, actionable elements can be represented as button shapes, icons, and underlined texts, but colors can also be used for this purpose. The general structure of the screen can be represented with lines or zones in a range of colors that is in contrast with the actionable elements.
It is also possible to indicate the transitions and gestures ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access