Puterea schiței cu stilou și hârtie

Trebuie să proiectați ceva? Poate fi tentant să începeți cu un instrument bazat pe computer, de exemplu software de wireframing precum Balsamiq sau instrumente de proiectare precum Photoshop sau Figma. Acestea au locul lor, dar aș recomanda să dai înapoi și să începi cu pixul și hârtia umile.

Schița de mână poate fi nefamiliară și inconfortabilă pentru cei care nu se simt înclinați din punct de vedere artistic, dar flexibilitatea schițelor de mână combinată cu imaginația noastră înseamnă că putem lucra prin mai multe idei și putem forma o direcție de proiectare mai rapidă decât am putea-o face dacă am începe. cu o soluție mai concretă, bazată pe computer.

Ce-i drept, mă lupt cu ea uneori; în timp ce mi-am petrecut copilăria cu un caiet de schițe mereu în mână și am absolvit universitatea cu o diplomă în Arte, caietul de schițe pe hârtie a fost uitat pentru scurt timp când mi-am început cariera de web design. Au fost nevoie de ani de încurcătură prin concepte neinspiratoare și am simțit că nu îmi depășesc limitele până să-mi dau seama cât de puternică poate fi generarea de idei prin schițe fizice rapide.

Acest proces este recomandat chiar dacă nu proiectăm ceva mare sau în calitatea de designer. Toată lumea trebuie să fie „designer” din când în când; de la crearea unei pagini de pornire personale rapidă, a unei pagini de destinație pentru un nou proiect open-source sau crearea de diapozitive frumoase pentru următoarea lor prezentare.

Luați o bucată de hârtie și un pix și să începem!

De ce să începi cu hârtie

Deoarece suntem mereu pe un computer (și cred că majoritatea dintre noi sunt, în zilele noastre), uneori nici nu ne trece prin cap să ne dăm un pas și să încercăm să proiectăm ceva în afara ecranului.

Schița pe hârtie poate simți ca ceva asociat exclusiv cu arta vizuală sau designul grafic (de exemplu, legendarul designer de logo-uri Saul Bass este bine cunoscut pentru susținerea sa pentru desen), dar chiar și cele mai vechi idei pentru interfețele computerelor au început cu hârtie. Susan Kare, designerul pictogramelor pentru interfața grafică cu utilizatorul Macintosh, a folosit hârtie milimetrică pentru a-și proiecta ideile inițiale pentru iconicul pixel art timpuriu.

Puterea schiței pe hârtie este efemeritatea schiței și modul în care acestea se simt mai puțin „reale” decât orice creăm rapid pe un computer. Începeți să mutați cuvintele și butoanele pe ecranul unui computer și este tentant să cazi într-o anumită direcție și să nu explorezi niciodată căi alternative. Schițele pe hârtie ne obligă imaginația să umple golurile - mult mai repede decât dacă am adăuga aceste detalii la o machetă de computer.

Vrem să încercăm o mulțime de idei diferite atunci când lucrăm la un design nou. În timp ce primele idei se pot simți suficient de bune, a cincea, a șaptea sau a zecea idee ar putea fi și mai bună . Lucrul rapid și liber ne ajută să trecem rapid prin multe idei. Ideile curg mai repede și s-ar putea să ne surprindem cu ceea ce apare pe pagină atunci când lucrăm fără restricții.

Dacă nu sunteți deja familiarizat cu instrumente de design precum Photoshop, Sketch sau Figma, poate fi copleșitor doar să începeți și să vă învățați să vă descurcați cu un instrument. În loc să lucrăm prin multe idei, ajungem să ne petrecem timpul să ne dăm seama ce buton face ce.

Și instrumente de wireframing precum Balsamiq? Ei produc idei care arată ca niște schițe — linii ondulate, cutii imperfecte — dar ne îndrumă totuși în direcția de a lucra la o singură idee și de a ne încurca cu ea până când devine perfectă, mai degrabă decât să încercăm mai întâi multe idei diferite. Este mai rapid să începeți cu pix și hârtie . Instrumentele de wireframing pot fi următorul pas al procesului (mai degrabă decât primul.)

De asemenea, machetele „sketchy” fac o treabă mai bună în exprimarea tipului de feedback pe care îl căutăm atunci când îl prezentăm recenzenților. O machetă care este prea perfectă pentru pixeli va determina adesea să luăm detalii despre detalii irelevante, dar o schiță grosieră va duce la conversații la nivel superior despre aspect.

Repetați pentru dvs.: liber, rapid, nu trebuie să fie perfect

Cu toții am văzut acele schițe „de design” care arată superb și detaliate. Acestea nu sunt standardul cu care să vă măsurați. Ignoră-i. Schițele noastre ar trebui să fie rapide, fără prea multe detalii.

Mai degrabă, vom folosi linii și casete foarte rapide, păstrându-ne schițele mici și rapide.

Putem folosi aceste mici schițe pentru a încerca mai multe versiuni ale unui aspect de pagină de pornire:

Schițarea este utilă pentru aproape orice tip de activitate de design: buletine informative, logo-uri, prezentări, widget-uri - orice lucru în care aveți nevoie pentru a vă gândi rapid la multe idei vizuale. De exemplu, ce zici să explorăm câteva idei pentru o copertă de ebook?

O modalitate bună de a începe practicarea acestui tip de tehnică de schiță este să luați un site web existent și să faceți ingineria inversă a schiței. Acest lucru nu numai că vă ajută să vă simțiți confortabil cu actul de a desen, dar și să începeți să simțiți diferite modele de design.

Indiferent de abordarea pe care o ai, umple-ți pagina cu idei! Nu te opri chiar dacă te-ai lovit de o idee care te entuziasmează cu adevărat și cu care vrei să mergi mai departe. Când completați o pagină, treceți la următoarea. Explorați idei alternative doar în cazul în care găsiți ceva care vă place mai mult.

Odată ce ai multe opțiuni, fă o pauză pentru a-ți lăsa mintea să se odihnească, apoi revino pentru a-ți încercui favoritele, rafina și poate apoi trece la realizarea unei machete. Veți avea mai multă încredere în direcția pe care o alegeți, deoarece știți că ați încercat și ați renunțat la multe alte idei.

Folosiți inspirația pentru a vă ajuta să vă schițați și să vă generați idei

Schițele ar trebui să meargă mână în mână cu inspirația, așa că scoateți computerul înapoi! Alimentați-vă propriul proces de proiectare prin cercetarea altor modele și căutați detalii despre care credeți că ar funcționa pe cont propriu.

Dacă nu sunteți sigur de unde să începeți, căutați inspirație în domenii legate de ceea ce lucrați. Pentru o pagină de pornire personală, este grozav să începeți să vă uitați la paginile de pornire ale colegilor din industria dvs. Dacă sunteți blocat sau doriți mai multă inspirație generală, consultați aceste resurse:

• Dribbble, care este deosebit de bun pentru cercetarea ideilor de design pentru elemente, cum ar fi un formular de conectare.
• SiteInspire, pentru a vedea care sunt tendințele actuale în design modern.
• Land-book, pentru inspirație pentru designul paginii de destinație.
• Commerce Cream, pentru inspirație pentru designul site-urilor de comerț electronic.
• Pttrns, pentru inspirație pentru designul aplicațiilor mobile.

Pe măsură ce cercetați, rețineți ce elemente ați dori să includeți în propriul design (și nu uitați să nu copiați exact!). De exemplu, un aspect frumos, un mod special prin care inspirația îmbină conținutul cu imaginile, un formular de contact care pare deosebit de ușor de utilizat. Încercarea mai multor idei de navigare diferite pe schițe de hârtie este mult mai rapidă decât crearea de machete complete sau codificarea tuturor.

Pe măsură ce găsiți elemente și idei pe care doriți să le amintiți, schițați-le ! Continuați să adăugați idei în foaia dvs. de schiță și completați pagina cu toate ideile dvs. potențiale. Amintiți-vă, lucrați la multe opțiuni și idei diferite pentru a începe și restrângeți ideile preferate după aceea.

Amintiți-vă să exersați!

Orice abilitate nouă se va simți incomodă primele câteva ori. Este normal. Nu-l lăsa să te descurajeze. Cu cât vă exersați mai mult schița și utilizați această abilitate atunci când proiectați, cu atât se va simți mai natural.

Pentru următorul dvs. proiect de design, puneți tastatura deoparte și lăsați-vă imaginația și creativitatea să curgă, începând cu schițe pe pix și hârtie.

Să revizuim ceea ce am acoperit:

• Schițele pe hârtie sunt cea mai rapidă modalitate de a explora opțiunile de design.
  Putem face mult mai mult în mai puțin timp, îndepărtându-ne de mouse.
• Folosiți inspirația atunci când schițați pentru a stimula generarea de idei.
  Nu începe cu o pagină goală; faceți-vă ideile să curgă uitându-vă la lucrările de design pe care doriți să le imitați.
• Faceți mai multe schițe și încercați mai multe idei decât credeți că ar trebui.
  Uneori, a cincea idee s-ar putea simți ca o direcție bună, dar apoi veți descoperi că o idee ulterioară este și mai bună.
• Practica face perfect.
  Cu cât faci mai multe schițe, cu atât va merge mai repede, cu atât te vei simți mai ușor și vei deveni mai bine.

Ai alte resurse de inspirație? Cum arată schițele tale? Mi-ar plăcea să aud de la tine în comentarii!

Citiri suplimentare despre Smashing Magazine

• „Desenând poze toată ziua”, Alma Hoffmann
• „Schițe de mână: Lucruri pe care nu știai că le-ar putea realiza doodle-urile”, Laura Busche
• „Cum să creez un Porsche 911 cu schiță”, Nikola Lazarevic
• „Trecerea de la Photoshop și Illustrator la schiță: Câteva sfaturi pentru designerii UI”, Lachezar Petkov
• „Scrieri cu pensulă: se îmbunătățește numai după antrenament”, Alma Hoffmann
• „Ilustrație modernă de la mijlocul secolului: crearea unei cărți de copertă cu Illustrator și InDesign”, Manuela Langella
• „Schițând în direct o călătorie a vizitatorului site-ului pentru a crea o hartă a site-ului cu clientul tău”, Matt Orley
• „Mutarea de la Sketch la Figma: Un studiu de caz privind migrarea sistemelor de proiectare”, Buzz Usborne
• „Dezlănțuirea întregului potențial al simbolurilor în schiță”, Javier Cuello