Un'introduzione alla nota di schizzo per i web designer

Hai mai fatto un passo indietro dal computer, dal tablet o dallo smartphone e hai preso appunti su carta? 

Abbiamo tutti un sacco di fantastici strumenti, dispositivi e app, eppure annotare in modo verbale on-line sembra mancare ancora all'appello di scartare liberamente qualcosa sulla carta con un temperino.

Copyright © 2011 AIGA Wisconsin Licenza Attribution-commerciale-Condividi allo stesso modo 2.0

Ecco perché ho messo insieme questa guida sugli abbozzi per i web designer: mostrare come un modo pratico di catturare le note con immagini semplici può migliorare la tua comprensione.

"Gli album di schizzi sono non di essere un bravo artista, vogliono essere un buon pensatore "- Jason Santa Maria

Qui sotto vedrete perché la notazione di schizzo è uno strumento utile per i web designer e come può essere usato per filtrare le informazioni. Passerò anche attraverso gli elementi di base della notazione degli schizzi e alcune tecniche specifiche come da asporto.

Filtraggio delle informazioni

Copyright © 2014 Nate Burgos Licenza Attribution-commerciale-Condividi allo stesso modo 2.0

Le tue note di schizzo non sono per tutti gli altri. Sono per te!Questa è la parte migliore a riguardo. 

Puoi disegnare esattamente ciò che vedi o viene mostrato, ma puoi anche disegnare ciò che ha senso per te. Qualunque cosa ti aiuti a ricordare e capire l'argomento in modo più chiaro. Disegnare con uno sharpie è anche un po 'divertente se l'argomento che stai cercando di catturare è asciutto.

Incontrerai spesso clienti in settori che non hai mai incontrato prima, quindi abbozzare le informazioni che ti danno può aiutare a collegare visivamente i punti e dare un senso alle cose.

La notazione Sketch può aiutarti a catturare e filtrare le informazioni in un modo unico che capirai. 

Costruzioni

Copyright © 2012 Matt Attribution-commercial-Share Licenza Alike 2.0

Ora per alcuni degli elementi costitutivi di annotazione di schizzo. Diamo un'occhiata ad alcuni dei mattoni.

La lingua

Tipografia è effettivamente qualunque cosa tu abbia annotato. Lo stai già facendo! Buon inizio.

Le immagini

Oggetti e persone sono meglio rappresentati nelle immagini. Puoi dare alle tue illustrazioni molta più personalità, rendendo più probabile che ti ricorderai cosa stai mettendo giù sulla carta. Non devi essere un buon illustratore, le figure stilizzate lo faranno! Continua a farlo. Vedrai le tue abilità migliorare nel tempo. 

La struttura

Ora collegalo insieme usando cornici, connettori, proiettili e divisori. Questo darà qualcosa di struttura. Se hai mai visto una mappa mentale prima di averne il succo. Se hai tempo puoi anche fare un po 'di pratica.

Tecniche e Takeaway

Copyright © 2013 AIGA Wisconsin Licenza Attribution-commerciale-Condividi allo stesso modo 2.0

Il primo esercizio che puoi fare è trovare l'immagine di un utensile da cucina, una sedia, un'auto ... tutto ciò che è semplice da disegnare. Usa un temperino (non una matita). Quindi pratica ... Prova un minuto prima, poi 30 secondi. Guarda la differenza in dettaglio ogni volta che disegni.

E poi potresti trovare un video online ... esercitarti ... Ascolta, capisci, disegna. 

Altri suggerimenti e trucchi

  • Usa numeri o divisori e connettori per mostrare il flusso
  • Evidenzia citazioni chiave
  • Sii letterale, disegna esattamente ciò che vedi o viene mostrato
  • Illustrando la parola (s) che senti, aggiungi solo le parole più tardi
  • Usa metafore o traduci ciò che senti in ciò che significa per te

Conclusione

Disegna liberamente ... non preoccuparti troppo di sfregare le cose. Puoi essere eccentrico come vuoi. Muoviti velocemente e non aver paura di catturare idee a modo tuo. Come web designer puoi colmare il divario tra la creatività nella tua prima nota, prendendo in considerazione qualsiasi story board e persino wireframe dopo. Secondo la mia esperienza, passare dal prendere appunti elettronici a sharpies e carta ti aiuterà anche a pensare di più in uno stato d'animo UX.

Hai trovato utile questo post sul blog? In caso affermativo, condividilo con i tuoi amici e follower su LinkedIn, Facebook, Twitter, Google Plus + ecc!

risorse

  • Visual Note Taking di Eva-Lotta Lamm
  • Come creare fantastiche note visive di Matthew Magain
  • The Sketch note Handbook di Mike Rohde
  • The Doodle Revolution di Sunni Brown
  • The Verbal To Visual Notebook di Doug Neill