Sketching Cum un stilou și hârtie simplă poate transforma design-urile Web

Ne petrecem o bună parte din timpul nostru în fața unui monitor, cel mai probabil avem mai mult de un computer, fără a menționa iphone-uri, tablete grafice și toate celelalte diavoluri ultra-moderne care invadează birourile noastre. Suntem cu toții parte din generația care are nevoie de un mouse pentru a trece printr-un album cu fotografiile de familie (la revedere pentru albumele de familie dragi cu paginile lăsate în galben) și Facebook pentru a trimite urări de ziua de naștere unui prieten. Sunt incluse 20 de exemple de site-uri inspirate de "schiță"!

Cu toate acestea, în mijlocul acestei epoci digitale, cei mai buni aliați ai unui designer de web sunt instrumente comune care pot fi cumpărate odată cu schimbarea sub pernă de pe canapea. Vorbesc despre crearea stiloului, a creionului și a hârtiei, o parte a procesului creativ pe care alți designeri "non-digitali" îl folosesc de-a lungul timpului: schițarea.

Cu acest articol vom trata un argument pe care mulți dintre voi îl vor avea la îndemână: vom vedea, de fapt, modul în care schițarea ne poate ajuta să aranjăm ideile, să proiectăm un aspect eficient și - de ce nu - să dăm o notă proaspătă și originală designul nostru.

Schițarea ca parte a procesului de planificare

Imaginați-vă acest scenariu: Tocmai am terminat un briefing obositor cu clientul nostru și acum este momentul să rearanjăm ideile. Știm preferințele și nevoile clientului nostru; Pe această bază ar trebui să putem stabili aspectul pe care trebuie să-l proiectăm. Problema este cantitatea de informații pe care trebuie să o luăm în considerare! Am definit că în pagina de pornire trebuie să punem un cursor și un apel de acțiune vizibil care să invite un contact, paginile site-ului vor fi șapte și trebuie să includem cele mai recente știri în pagina de pornire și așa mai departe.

În acest moment, vă asigur că deschiderea Photoshop-ului cu pretenția de a crea un aspect eficient este inutilă; fără un plan pentru ceea ce trebuie să atragă în detaliu, veți fi blocați și forțați să proiectați în mod esențial, fără suficientă previziune, să luați decizii inteligente. Acest lucru înseamnă adesea mai multă muncă mai târziu, stabilind ceea ce s-ar fi putut face prima oară cu puțină schiță de lucru.

Sketching oferă ceva unic pentru designerii web? ne ajută să organizăm cantități mari de informații în piese controlabile pe care le putem proiecta în jur.

În schimb, dacă aveți averea de a fi capabil să metabolizeze concepte și idei într-un design, cel mai probabil veți uita ceva important, rezultatul fiind că trebuie să vă puneți mâna pe aspectul din nou pentru a doua oară. Probabil, de asemenea, știți că există structuri care, chiar și cu o mică schimbare, se modifică complet și își pierd eficiența comunicativă și estetică? un rezultat foarte frustrant într-adevăr.

Câteva sfaturi despre cum să procedați fără să vă pierdeți capul? Obțineți stilou și hârtie?

  1. Marcați cuvintele-cheie care trebuie să distingă compania și pe care doriți să o faceți în fața ochilor dvs. în timpul fazei proiectului, astfel încât să nu pierdeți concentrarea asupra dorinței pe care trebuie să o reprezentați grafic. Evitați expresii și concepte complicate, fiți organici: cu cât sunteți mai imediată, cu atât mai mult mintea dvs. poate procesa informațiile rapid și ușor.
  2. Întotdeauna în a schematic mod posibil, posibil ca a listă, notați informațiile utile pentru faza de proiectare. Ce trebuie să faceți este să înregistrați pe hârtie numai informațiile și conceptele de care veți avea nevoie odată ce deschideți programul grafic.
  3. Ratificați informațiile în etape, astfel încât fiecare expresie să fie cât se poate de simplă. Dacă totuși trebuie să proiectați aspectul paginii de pornire, nu țineți note cu privire la conținutul care trebuie inclus în pagina de contacte: evitați confuzia și distragerea atenției. Rețineți informațiile de pe diferite coli ale notebook-ului, astfel încât să puteți fi concentrate pe un singur pas la un moment dat.

Această primă fază de schițare privește elaborarea informațiilor într-o manieră schematică și simplă. Probabil că te gândești că toată această rigoare și disciplină nu are nimic de-a face cu creativitatea și imaginația și vrei o schimbare de peisaj? Bine, hai să trecem la pasul următor.

Schițarea ca parte a procesului de creație

Am spus că schița este un proces creativ, dar doresc acest lucru în practică?

Putem considera schițarea ca pe un teren? între informațiile din posesia noastră și aspectul vom ajunge să planificăm. În acest teritoriu, ostile și magice, găsim culori, fonturi, cutii, idei, inspirație, texturi, imagini, senzații, îndoieli? și mult mai mult. Inutilă spunând că în mijlocul tuturor acestor lucruri este ușor să fii confuz și să găsești ideea potrivită, ideea care funcționează și care ne face mândri să fim un designer.

Cred ca nu e nimic mai iritant decat sa te gasesti in fata unei foi goale, asteptand inspiratia care ar trebui sa vina de la cine stie unde si terminand cu aranjamente urate (atunci daca esti cu adevarat norocoasa ca mine, Voi fi angajat cu un coleg care ia cea mai mare parte din situație pentru a-ți spune că munca ta e deșartă fără să te obosești să îndulci pilula, ca să nu-ți rănești sensibilitatea ca creativă).

Unul din schițele mele? vom revizui mai târziu.

Personal am trecut câteva momente dificile cu câțiva clienți: inspirația nu a vrut să vină și propunerile mele grafice mi-au făcut să fiu rușine de mine însumi. Am trecut ore întregi uitându-mă la galerii, simțindu-mă și mai deprimat, pentru că părea că toți au reușit să creeze un aspect frumos, singura persoană care nu a reușit să pună două dreptunghiuri într-un mod frumos, am fost eu. În cazul meu, ușurința presiunii a fost ușurată cu ajutorul unui creion.

Dați-vă începutul procesului creativ pe hârtie, eliberându-vă de fapt imaginația, permițându-vă să lucrați într-un mod mai spontan și mai stimulator.

Mai ales dacă proiectul pe care lucrați este imens și bogat în detalii tehnice, având în vedere toate acestea, prima fază poate fi cu siguranță castrarea pentru fluxul creativ, ca să nu mai vorbim de teama debilitantă? care afectează mulți designeri: prinși în dorința de a face rapid și bine, rămânem adesea paralizați în fața monitorului, care nu reușesc să rearanjeze ideile și să le canalizeze în direcția cea bună.

Prin urmare, înainte de a începe să lucrați la orice tip de program grafic, obțineți stilou și hârtie și? schiță! Scribble, scrieți câteva idei, începeți să căutați un fel de design abstract pentru a vă familiariza și pentru a vă elibera intuiția. Veți analiza apoi ideile, acum lăsați-vă să mergeți și evitați logica și raționalitatea, nu vă vor ajuta în această fază.

Descrieți aspectul, puneți câteva note, ștergeți-le, începeți din nou: în acest proces, mintea funcționează rapid și frenetic, deci luați notă de tot înainte ca această fază intuitivă să se estompeze! Veți descoperi că acordarea unei libertăți complete ideilor dvs. este plăcută și relaxantă, pe lângă utilitatea.

Face greșeli? dinadins

Prima idee rareori va fi cea corectă, fiți gata să o acceptați. Schițarea vă ajută să vă deblocați și să profitați de diferite oportunități grafice care ar putea fi potrivite pentru dvs. imediat și ușor, dar acest lucru nu înseamnă că nu veți comite greșeli în această fază. Ceea ce este pozitiv este că, chiar dacă faci greșeli în această fază, poți întotdeauna rupe foaia, ascuți creionul și porni din nou pe o foaie nouă. Aruncarea departe a unui aspect creat cu Photoshop, doar pentru că ați dat seama că nu este cea mai bună soluție pentru cazul dvs. este fără îndoială demotivating.

Schițați, nu modelați

În acest sens, vă sfătuiesc să nu confundați schița cu crearea WireFrame: vorbim despre două lucruri diferite, chiar dacă văd că există o anumită confuzie cu privire la argument. Cu câteva zile în urmă un designer web mi-a spus, citându-i cuvintele sale exacte ah, tu folosești stilou și hârtie? Fac totul online? , menționând un site care permite crearea de machete cu o precizie matematică, cu un control complet asupra culorilor și tipografiei.

Ei bine, asta nu este o schiță, este altceva. Dacă faceți clic cu mouse-ul pe unele butoane pentru a face să apară unele dreptunghiuri, nu vă permite să vă dați o idee și să vă eliberați fluxul creativ, încercați să credeți. Cu această afirmație nu mă îndoiesc de utilitatea unui cadru bun, vreau doar să subliniez diferențele dintre aceste două abordări.

Îmbrățișează haosul

Îndepărtați pofta de precizie, riglă și busolă! În această fază nu există loc pentru ordine și rigoare, așa că nu limitați fluxul creativ, blocându-vă pe margini și spații albe, puteți să vă gândiți mai târziu la acestea. În același mod, nu vă faceți griji dacă nu sunteți deosebit de talentat din punct de vedere artistic și abilitățile dvs. manuale nu vă permit să țineți un creion: schițarea este folosită pentru reordonarea ideilor care nu sunt destinate formării artiștilor talentați.

În acest sens, trebuie să adăugăm că, chiar dacă schița sa născut ca un mijloc liber de exprimare a imaginației și creativității în afară de abilitățile tale grafice, aceasta nu înseamnă că schița nu are, de asemenea, o valoare artistică. Să vedem împreună despre ce vorbesc.

Schițarea ca parte a procesului de proiectare

Tendința multor designeri web de a schița a dat startul loviturii unui stil grafic real, care reamintește cumva aspectele estetice ale schiței: avem perii care mimează spontaneitatea și ușurința sa, ca să nu mai spunem sute de fonturi în stilul scris manual găsite pe web. Datorită acestor resurse care creează astăzi un aspect în stil schițat este destul de ușor, dar pe lângă aceste desene sau modele care utilizează acest stil grafic au de obicei o notă de originalitate care le face atractive și din comun.

Stilul de schiță, doar pentru că este asociat cu o activitate comună a multor reclame, este adesea folosit în site-uri de freelancer sau de agenții de comunicare / design care doresc să transmită acest concept grafic. Oricum, chiar combinația unor elemente de schiță cu o grafică mai tradițională poate oferi o perspectivă nouă asupra desenelor și modelelor obișnuite.

Să vedem cum unele site-uri au folosit acest stil într-un mod eficient și original și cum acest lucru a influențat estetica și eficacitatea planurilor lor.

Kunal Chhajer

http://www.kunalchhajer.com/

Site-ul web designerului Kunal Chhajer reflectă exact conceptul de stil schițat. Grafica este ușoară și plăcută, este îmbogățită într-un mod original de unele modele care fac aspectul unic. Stilul este, de asemenea, rechemat în utilizarea unui font scris manual în meniul de navigare. Toate aceste detalii dau designului creativitatea pe care un designer dorește să o exprime în site-ul său personal.

Creativ Cu un K

http://www.creativewithak.com/

În site-ul Creativ cu un site K există o utilizare masivă a schițelor și a doodlelor, doar pentru a arăta în mod clar natura creativă? a site-ului. În acest caz, chiar și particularitatea aspectului, atît de atipică, face site-ul special și neobișnuit, chiar dacă este dificil să se consulte.

Lega-Lega

http://www.lega-lega.com/

Site-ul Lega-Lega este un magazin on-line de cămăși cu amprente puțin obișnuit și este destinat definitiv unei piețe tinere. Adăugarea unor detalii de schiță dă o imagine creativă și percepută site-ului.

Beavory

http://beavory.com/

Beavory este site-ul / blogul lui Karen Mack, ilustrator israelian. Stilul site-ului ei se bazează în mod deliberat pe un stil care își amintește natura creativă într-o manieră pronunțată și originală. Fiecare detaliu, de la structura layout-ului bazat pe linii neregulate - ca și cum ar fi fost desenate cu un pix simțit - la icoanele retelei sociale urmărește un stil efectiv de schiță.

Papion

http://bowtieperiod.com/

Bowtie este un studio digital care a decis să se reprezinte într-adevăr într-un mod creativ pe web. Animațiile site-ului, împreună cu desene drăguțe, neobișnuite, fac aspectul atrăgător și extrem de extravagant. Ei se numesc "creativi"? și, pentru a dovedi acest lucru, ele folosesc elemente în stil schițat.

MakoMako

http://www.makomako.cz/home/

Amplasarea trupei MakoMako este complet creată în stilul schiței, astfel încât aceeași structură a paginii se bazează pe o foaie de hârtie cu linii neregulate, iar pe pagina de pornire, ca parte a designului, găsim pe lângă detaliile grafice obișnuite pe schițe și fonturi scrise manual, un creion. Un aspect curios și foarte neobișnuit pentru o bandă.

Stan Omul de zăpadă

http://stanthesnowman.com/

Acum, aproape vara, o mulțime de farmec dispare, însă eficacitatea grafică a site-ului Stan omul de zăpadă este totuși indiscutabilă. În acest caz, adăugarea de imagini stilizate și a unui font caligrafic oferă un stil spontan aspectului, jucaus și informal. Și urmărește conceptul de activitate, bazat pe scrierea de felicitări.

Greenaway Pro

http://www.greenawaypro.co.uk/

Festivalul site-ului Greenaway Pro 2011 îmbină într-un mod particular și atractiv stilul schiței și stilul grunge, dând aspectului său o amprentă cu adevărat originală. De asemenea, în acest caz, alegerea acestui stil grafic specific tinde să exprime un aspect informal, spontan și excentric. Perfect pentru un festival care se ocupă cu muzica și navigarea, bine?

Julian Laval

http://www.julianlaval.com/

Julian este un alt designer independent care dorește să-și evidențieze abilitățile grafice, a exploatat puterea comunicativă a schiței într-un mod cu adevărat creativ. Bineînțeles, nu numai că aceasta face site-ul său special, dar și caracterul curios și deliberat neobișnuit al desenelor sale. La fel ca multe alte site-uri în acest stil, culorile sunt limitate la o scară gri, pentru a face ilustrațiile mai realiste.

Creaturi mici

https://www.littlecreatures.com.au/

Site-ul Little Creatures este complet proiectat în stilul schiței și datorită particularității schițelor sale, atât de puțin refinisate, pagina este atât de atractivă.

Le Carnet Ordinaire

http://carnetordinaire.com/

Carnetul Ordinaire este un site care este ca un jurnal, cu note de călătorie, adnotări și considerații personale. Având în vedere natura excentrică și intimă a sitului, stilul schiței este cel mai potrivit: aspectul se bazează pe imaginea unui molskin deschis, îmbogățit cu schițe și desene stilizate. Chiar și fundalul este făcut mai original cu unele desene animate inserate în opacitate și de prezența unui creion, lăsat în mod obișnuit în apropierea moleskinei.

Wing Cheng

http://www.wingcheng.com/

Portofoliul Wing Cheng este un exemplu perfect al perspectivei proaspete pe care stilul de schiță îl poate oferi unui aspect. Structura paginii se bazează pe o moleskină deschisă, din care paginile cad în jos. Efectul devine mai dramatic datorită umbrelor care încadrează designul și utilizarea fonturilor caligrafice pentru fiecare conținut al layout-ului, de la titlurile proiectelor la descrierea lor. Dar particularitatea reală a acestui site privește expunerea proiectelor, desenată și în creion într-un mod foarte creativ.

Universitatea din Kuztown

http://www.kutztown.edu/acad/commdes/faculty/

Universitatea de comunicare și design Kutztown nu a reușit să găsească o modalitate mai bună de a aborda eficient creațiile sau aspiranții. Aspectul este cu siguranță neobișnuit pentru o realitate academică: fundalul în stilul de culoare a apei, pagina bazată pe o pagină a unei cărți, ilustrațiile în culorile apei, fonturile speciale ale meniului de navigare? toate detaliile originale și cu siguranță expresive.

Dan Whittaker

http://www.dannwhittakercreative.com/

Dann Whittaker în site-ul său prezintă un stil grafic comun pentru mulți designeri web. Un aspect casual și spontan, bazat pe aspectul cărții de pagini și pe o utilizare consistentă a detaliilor în stilul schiței. În complex, aspectul este foarte eficient și plăcut estetic.

Inima Cernobilului

http://www.chernobylheart.org.uk/

În cazul site-ului inimii de la Cernobîl, stilul schiței este folosit pentru a evidenția grafic conceptul de copilărie: aici vorbim despre copii și îl vedem prin niște schițe mici stilizate care copiază modul lor de desen. Eficace și plăcută.

Demain j'arrete

http://demainjarrete.stpo.fr

Stilul schiței este perfect pentru a fi prezentat pe benzi desenate și ilustrații web, astfel încât aspectul să reprezinte vizual și creativ natura sitului. În cazul Demain J'arrete, întregul site are un "cărbune"? stil grafic, pornind de la gradientul fundalului până la liniile neregulate care conțin aspectul și meniul de navigare.

Nature Shop

http://www.natureshop.co.nz/

Adăugând câteva detalii de schiță în mod aparent casual, puteți da acelei atingeri creative unei imagini minime și esențiale. Rezultatul, vizibil de exemplu în site-ul Nature Shop, este extrem de plăcut.

Gata de piață

http://www.readytomarket.net/

Amplasarea Ready to Market este un exemplu despre modul în care amestecarea unui stil modern cu unele detalii stilizate și comice poate da un rezultat nou și stimulativ.

Magazinul Cou Cou

http://www.coucoushop.ch/

Magazinul Cou Cou este foarte frumos și plăcut de văzut. Unul dintre elementele cele mai particulare ale aspectului este fără îndoială subsolul, care arată un peisaj stilizat al Elveției. Chiar și schița sacului din diferite unghiuri este un detaliu foarte original.

Upside Down-Town

http://upsidedowntown.me/

Colorat, neobișnuit și capricios: site-ul centrului de învățare Upside-Down Town investește mult pe originalitatea stilului de schiță. Fiecare element al aspectului, mai ales în titlu, indică eficiența vizuală a desenelor, schițelor și culorilor care evidențiază grafic și într-un mod plăcut lumea copiilor.

Concluzie

Am văzut cum procesul de schițare ne poate ajuta să procesăm ideile într-un mod creativ și, în același timp, cum unele schițe pot da o perspectivă diferită și originală aspectului nostru. Faceți schița unui obicei atunci când începeți să lucrați la un nou proiect de design - și nu numai - pot fi extrem de la îndemână și în alte domenii, cum ar fi în copywriting - și în timp veți dezvolta o flexibilitate a minții care va deveni utilă în muncă. Prin urmare, încheiați: opriți calculatorul și obțineți hârtie și stilou!

Închei să vă împărtășesc două schițe personale: o schiță a portofoliului meu actual și primele idei pe care le-am făcut pentru acest articol, în timpul unei plimbări cu trenul cu adevărat plictisitoare.

Acum e rândul tău, vreau să văd schițele tale!