Ascuțiți-vă abilitățile cu jocuri online distractive pentru designeri

Designerii de succes își îmbunătățesc în mod obișnuit competențele și perfecționarea pentru a consolida elementele fundamentale utilizate în instrumente, proiecte și discipline. Cu toate acestea, să găsești timp suplimentar pentru învățare în timpul săptămânii de lucru nu este ușor. Din fericire, jocurile online sunt o modalitate distractivă și educativă pentru designerii UI/UX de a-și perfecționa abilitățile și de a dobândi altele noi. Prin experiențe interactive și captivante (și adesea gratuite) de jocuri online, puteți perfecționa abilități tehnice, cum ar fi alinierea, tipografia și teoria culorilor.

Pe lângă faptul că învăț noi tehnici de design, am descoperit că jocul online mă pune într-o dispoziție mai lejeră, îmi stimulează creativitatea și mă ajută să folosesc mai bine principiile de bază ale designului. Ori de câte ori am timp liber sau mă confrunt cu o problemă de design încăpățânată, joc unul dintre aceste jocuri și ies cu o perspectivă nouă.

Îmbunătățiți-vă simțul de aliniere

Alinierea este un principiu fundamental de proiectare care ghidează compoziția vizuală și sprijină utilizarea și lizibilitatea.

Este centrat, care este excelent pentru a vă antrena simțul de aliniere și pentru a vă ajuta să înțelegeți rapid greșelile de spațiere. Obiectivul este de a determina dacă un punct este centrat în interiorul unei forme. Este un concept simplu, dar jocul este provocator, deoarece punctele sunt adesea plasate îngrozitor de aproape de centru. Jocul dezvoltă conștientizarea compozițională, forțându-vă să luați în considerare geometria și să găsiți puncte de referință în forme suprapuse și adiacente.

Extindeți-vă cunoștințele despre designul tipografiei

Înțelegerea nuanțelor fonturilor poate ajuta designerii să stabilească o ierarhie vizuală, să se asigure că textul este lizibil și să comunice mai bine sensul copiei.

Jocul pe care l-am filmat pe serif testează cât de repede poți recunoaște fonturile serif. Pentru a începe, vi se prezintă două litere, dintre care una este un font serif, și vi se cere să „trageți seriful” făcând clic pe el înainte de a epuiza timpul. Pe măsură ce progresați, vi se afișează din ce în ce mai multe litere simultan, ceea ce face mai greu să găsiți și să fotografiați diferitele stiluri serif.

Acest joc te va ține atent! Îl joc în fiecare săptămână și sunt întotdeauna surprins de cât de provocator este după câteva runde.

Typewar este un alt antrenor de tipare, unul care vă provoacă capacitatea de a identifica diferite tipuri de fonturi. În fiecare rundă, vi se afișează un glif și trebuie să alegeți numele corect al fontului dintr-o pereche de opțiuni. Câștigă sau pierzi puncte pentru modul în care răspunzi la întrebare, iar numărul de puncte acordate la sfârșit depinde de câți alți jucători au răspuns corect la aceeași întrebare. Feedback-ul instantaneu, statisticile în timp real și expunerea la fonturi puțin cunoscute vă vor motiva să continuați să învățați.

Îmbunătățiți-vă ochiul pentru Kerning

O modalitate de a îmbunătăți lizibilitatea textului digital este de a asigura kerning eficient sau spațierea dintre caractere. Kerning zboară adesea sub radarul designerilor, deoarece este predefinit în fișierele de font ale fiecărei fonturi. Dar este util să știți cum să ajustați kerningul atunci când relația dintre caractere pare dezactivată sau dacă trebuie să creați un logo sau un font personalizat pentru un client.

Kern Type vă ajută să vă îmbunătățiți abilitățile de kerning, testându-vă capacitatea de a spația corect literele în cuvinte. Pentru fiecare cuvânt pe care îl scrieți, primiți un scor din 100 și opțiunea de a comuta între trei vizualizări: spațierea dvs., distanța optimă și o combinație a ambelor pentru comparație.

Mă întorc în continuare la acest joc pentru că este greu să marchezi 100 și îmi amintește că întotdeauna este loc de îmbunătățit.

Actualizați-vă jocul de culori

Prin îmbunătățirea abilităților de culoare, puteți lua decizii mai inteligente și mai semnificative într-un spectru de proiecte și discipline de design. Culoarea este un joc care te provoacă să identifici nuanțe și saturații, precum și perechi de culori complementare, analoge, triadice și tetradice. Interfața arată o roată interactivă de culori cu o culoare evidențiată în centru. Trebuie să determinați culoarea (sau culorile) din interiorul roții de culoare în 10 secunde sau mai puțin, o sarcină care crește în dificultate pe măsură ce încercați să potriviți culorile pentru schemele de culori triadice și tetradice.

Rafinați-vă tehnica vectorială

Instrumentele bazate pe vectori, cum ar fi Figma, Sketch și Adobe Illustrator, permit designerilor să creeze grafice digitale care se scalează fără a pierde calitatea – spre deosebire de imaginile cu pixeli, care își pierd rezoluția pe măsură ce cresc în dimensiune. Dar desenarea și manipularea formelor și curbelor vectoriale poate fi un proces dificil.

Jocul Boolean vă învață despre operațiunile booleene care sunt folosite pentru a construi și modifica rapid forme 2D în instrumentele de proiectare bazate pe vectori. În joc, vi se arată o formă de replicat. După câteva secunde, forma se transformă într-un contur. În stânga ecranului sunt mai multe forme pe care le puteți trage în contur pentru a reproduce forma finală. În partea de jos a ecranului sunt patru operații booleene: unire, scădere, intersectare și diferență. Făcând clic pe butonul Continuare declanșează o animație pas cu pas care vă arată cum să îmbinați formele folosind operația booleană aleasă. Când se alege o operațiune incorectă, această animație vă ajută să vă vizualizați greșelile.

Shape Type este un alt joc vectorial de încercat. În ea, jucătorului i se prezintă o literă care trebuie remodelată în forma sa corectă, trăgând diferite puncte de ancorare și i se acordă un scor de similaritate din 100. La fel ca Kern Type, puteți, de asemenea, să comutați între trei vizualizări pentru a vă compara rezultatul cu cel forma originala. Pe lângă perfecționarea abilităților de desen vectorial, Shape Type este o modalitate excelentă de a vedea de aproape elementele anatomice ale diferitelor fonturi.

Un ultim joc care vă va ajuta să vă îmbunătățiți abilitățile vectoriale este The Bezier Game, care vă ajută să creați grafice mai precise folosind instrumentul stilou. Tutorialele introductive explică cum să utilizați comenzile, cum ar fi alt și shift, pentru a poziționa punctele de ancorare și a manipula mânerele Bezier. Jocul vă învață cum să desenați forme geometrice simple împreună cu forme mai complexe, cum ar fi o inimă și o mașină, cu cât mai puține puncte de ancorare sau noduri. Pentru a menține lucrurile interesante, obțineți un anumit număr de noduri pentru fiecare nivel, iar jocul păstrează un număr de noduri pe care nu le utilizați.

Îmi place acest joc pentru că mă ajută să vizualizez relația dintre plasarea punctului de ancorare și unghiurile mânerului Bezier, ceea ce duce la linii și curbe mai netede.

Perfecționați codarea de bază

Fie pentru dezvoltarea carierei, fie pentru colaborarea cu dezvoltatorii, înțelegerea elementelor de bază ale HTML și CSS face ca un designer să fie un atu considerabil pentru echipele multidisciplinare. Mai mult, cunoștințele de programare front-end îi ajută pe designeri să-și tempereze ideile cu parametri realiști.

Flexbox Froggy dezvăluie elementele de bază ale codării pas cu pas. Învață CSS flexbox, un model de aspect web CSS3 care face poziționarea componentelor UI mai ușoară, permițând controlul alinierii, spațierea și împachetarea elementelor pe paginile web cu doar una sau două linii de cod.

În joc, ajuți o broască răutăcioasă și prietenii săi să sară pe ecran scriind linii de cod CSS. La fiecare nivel, un mini tutorial deasupra editorului de cod descrie diferitele comenzi pe care le poți folosi. Pe măsură ce scrieți codul în partea stângă a ecranului, modificările corespunzătoare apar în partea dreaptă. Dacă broasca ajunge la crin, codul este corect.

Îmbunătățiți-vă cunoștințele UI/UX

Jocurile online îi pot ajuta pe designeri să-și îmbunătățească cunoștințele UI/UX și să creeze experiențe fără fricțiuni care cresc ratele de conversie și rentabilitatea investiției.

Can't Unsee vă îmbogățește abilitățile generale de UI/UX testându-vă cunoștințele despre concepte de design, cum ar fi ierarhia, contrastul, alinierea, tipografia și stilul componentelor. Ecranul arată două componente de design și vă solicită să selectați opțiunea mai ușor de utilizat. Componentele pot părea identice cu ochiul neantrenat, dar un designer expert ar trebui să le poată deosebi observând mici diferențe între elemente, cum ar fi textul nealiniat sau umplutura neuniformă.

Profită la maximum de jocurile de design online

Sunt adesea uimit de cât de repede evoluează industria designului. Uneori, presiunea de a ține pasul cu noile instrumente și tehnici poate fi copleșitoare și îmi poate înăbuși creativitatea. Fac cea mai bună muncă de design atunci când abordez problemele cu un spirit copilăresc, motiv pentru care îmi plac atât de mult aceste jocuri: îmi permit să învăț și să exersez, menținând în același timp un sentiment de joc și uimire.

Indiferent dacă doriți să vă recalificați, să vă îmbunătățiți abilitățile sau să învățați o nouă tehnică UI/UX, jocurile de design online vă pot ajuta să testați și să vă dezvoltați talentele artistice și tehnice. După cum a spus odată Pablo Picasso: „Întotdeauna fac ceea ce nu pot face, pentru a putea învăța cum să fac”.