Wireframe | Antreem

Wireframe

Implementazione

Sketch ideas

La pianificazione di app o siti Web non è sempre completamente digitale: a volte possiamo aver bisogno di matita, carta e alcuni buoni modelli di fogli per abbozzare per accelerare il processo creativo.

Obiettivo

Abbiamo creato il toolkit per sensibilizzare su una nuova cultura di progettazione vicina ai temi di human centered design.

Perché il wireframe? Perché sono fondamentali per comunicare con il team, per dare una forma visibile a idee intangibili, rendere visibili idee difficili da spiegare a parole, perché basandosi solo sugli sketch o su descrizioni verbali si rischiano interpretazioni sbagliate e confusione, per definire la struttura, perché servono a concentrarsi solo sugli aspetti funzionali del progetto e non sull’aspetto grafico.

Come si utilizza

Inizia inscatolando il contenuto in box
Utilizza un box con una croce come sostituto del contenuto
Indica le interazioni con i simboli delle gesture
Varia il peso delle linee per generare una gerarchia
Il tratteggio incrociato è utile per aggiungere ombra agli elementi
Utilizza tratti di diversa lunghezza per indicare il corpo di testo

Download

Smartphone
2 smartphone portrait
Formato A4 verticale
error
Tablet
2 tablet portrait
Formato A4 orizzontale
error
Scheda desktop
4 schede desktop
Formato A3 orizzontale
error
Dispositivi smart
Smartphone portrait + smartwatch
Formato A4 orizzontale
error
Responsive
Desktop + smartphone portrait
Formato A4 orizzontale
error