Wireframe | Antreem

Wireframe

Implementation

Sketch ideas

Planning apps or websites is not always completely digital: sometimes you may need pencil, paper and some good sketch sheet templates to speed up your creative process.

Objective

We have created the toolkit to raise awareness of a new design culture close to the issues of human centered design.

Why wireframe? Because it is fundamental for communicating with the team, to give a visible shape to intangible ideas, to make ideas that are difficult to explain in words visible, because only using sketches or verbal descriptions implies the risk of incorrect interpretations and confusion, for defining the structure, because they are used for focusing on the functional aspects of the project only and not on the graphical aspect.

How to use

Start by putting the contents into a box
Use a box with a cross to replace the contents
Indicate the interactions with the symbols of gestures
Change the weight of the lines to generate a hierarchy
cross-hatching is useful for adding shade to the elements
use strokes of different lengths to indicate the body of the text

Download

Smartphone
2 smartphone portrait
format A4 vertical
error
Tablet
2 tablet portrait
format A4 horizontal
error
desktop sheet
4 desktop sheets
format A3 horizontal
error
Smart devices
Smartphone portrait + smartwatch
format A4 horizontal
error
Responsive
Desktop + smartphone portrait
format A4 horizontal
error