En introduksjon til skisse som viser til webdesignere

Noen gang tatt et skritt tilbake fra datamaskinen, nettbrettet eller smarttelefonen og tatt notater på papir? 

Vi har alle nok av fancy verktøy, enheter og apper, og likevel ser det ut til at det ikke er klage på å lure noe på papir med en sharpie.

Copyright © 2011 AIGA Wisconsin Attribution-Commercial-Share Alike 2.0 lisens

Derfor har jeg satt sammen denne veiledningen på skisse og notater for webdesignere: å vise hvordan en praktisk måte å fange notater med enkle bilder kan forbedre din egen forståelse.

"Skissebøker er ikke om å være en god artist, de handler om å være en god tenker "- Jason Santa Maria

Nedenfor ser du hvorfor skisse notering er et nyttig verktøy for webdesignere og hvordan det kan brukes til å filtrere informasjon. Jeg vil også gå gjennom de grunnleggende byggeblokkene i skisse og noen spesielle teknikker som en takeaway.

Filtrering Informasjon

Copyright © 2014 Nate Burgos Attribution-Commercial-Share Alike 2.0 lisens

Din skisse notater er ikke for alle andre. De er for deg!Det er den beste delen om det. 

Du kan tegne nøyaktig hva du ser eller vises, men du kan også tegne det som gir mening for deg. Uansett hjelper du å huske og forstå emnet tydeligere. Skisse med en sharpie er også litt morsomt hvis emnet du prøver å fange, er tørt.

Du møter ofte klienter i bransjer du aldri har kommet over før, så skisse å merke seg informasjonen de gir deg, kan hjelpe visuelt å knytte prikkene og gi mening.

Skisse notering kan hjelpe deg med å fange og filtrere informasjonen på en unik måte som du vil forstå. 

Byggeklosser

Copyright © 2012 Matt Attribution-Commercial-Share Alike 2.0-lisens

Nå for noen av byggeblokkene i skisse notering. La oss se på noen av byggesteinene.

Språket

typografi er faktisk uansett notater du støtter. Du gjør dette allerede! God start.

Bildene

Objekter og mennesker er best representert i bilder. Du kan gi illustrasjonene dine mye mer personlighet, noe som gjør det mer sannsynlig at du kommer til å huske hva du legger ned på papiret. Du trenger ikke å være en god illustratør, stavfigurer vil gjøre! Bare hold deg til det. Du får se dine ferdigheter bedre over tid. 

Strukturen

Nå, koble den sammen sammen med rammer, kontakter, kuler og skillevegger. Dette vil gi alt noe struktur. Hvis du noen gang har sett et tankekart før du får tak i det. Hvis du har tid kan du til og med gjøre litt øvelse.

Teknikker og takeaways

Copyright © 2013 AIGA Wisconsin Attribution-Commercial-Share Alike 2.0 lisens

Den første øvelsen du kan gjøre er å finne et bilde av kjøkkenredskap, stol, bil ... alt som er enkelt å tegne. Bruk en sharpie (ikke en blyant). Så trene ... Prøv ett minutt først, deretter 30 sekunder. Se forskjellen i detalj hver gang du skisserer.

Og så kan du finne en video på nettet ... praksis ... Hør, forstå, tegne. 

Andre tips og triks

  • Bruk tall eller deler og kontakter for å vise strømmen
  • Fremhev nøkkelsett
  • Vær bokstavelig, tegne nøyaktig hva du ser eller blir vist
  • Illustrerer ordet (e) du hører, legger bare til ord senere
  • Bruk metaforer eller oversett hva du hører til hva det betyr for deg

Konklusjon

Skiss løst ... ikke bekymre deg for mye om å gni ting ut. Du kan være like quirky som du vil. Flytt raskt og ikke vær redd for å fange ideer på din egen måte. Som webdesigner kan du bygge bro mellom gapet mellom kreativitet i det tidlige notatet, og ta til historien om bord og til og med wireframes senere. I min erfaring vil det gå deg fra elektronisk notat til skarphet og papir, slik at du også kan tenke mer i en UX-ramme.

Fant du dette blogginnlegget nyttig? Hvis så, vennligst del den med vennene dine og følgere på LinkedIn, Facebook, Twitter, Google Plus + osv!

ressurser

  • Visuell notat tatt av Eva-Lotta Lamm
  • Slik lager du fantastiske visuelle notater av Matthew Magain
  • The Sketch Note Handbook av Mike Rohde
  • Doodle Revolution av Sunni Brown
  • The Verbal To Visual Notebook av Doug Neill