UX/UI Design

Printe numeroasele instrumente UX/UI ale unui designer, Figma este una de top. Astăzi programul se dezvoltă activ și este un concurent demn pentru liderul - Sketch. Mai mult, unii designeri și întregi echipe de design trec de la Sketch la Figma datorită unui număr mare de avantaje. Am decis să ne concentrăm asupra acestui program în scopuri educaționale deoarece programul este gratuit, se potrivește pentru Macos și Windows. Mai mult, după ce ați studiat principiul de lucru în Figma, puteți înțelege cu ușurință produsele similare cum ar fi Sketch sau Adobe Xd.

Figma combină capabilitățile Sketch, Invision, Zeplin și vă permite să proiectați, să dezvoltați designul și să creați prototipe într-un singur loc. În același timp, are o productivitate ridicată și funcționează mai repede la proiectele mari și complexe. Fișierele de lucru sunt salvate și stocate automat pe propriul cloud, înlocuind necesitatea Dropbox, Google Drive sau a produselor similare. Este extrem de comod pentru prezentarea proiectului către client și nu există conflicte cu versiunile de lucru ale fișierelor. Figma permite mai multor utilizatori să colaboreze la același proiect în timp real. Acest lucru ușurează foarte mult munca și accelerează rezultatul. Există un instrument comod pentru lucrul cu curbele și desenarea pictogramelor. Putem vizualiza informații pentru cod cum ar fi pozițiile, legăturile, culorile și alți parametri solicitați de dezvoltator.

Figma este gratuită în complectarea sa de bază și funcționează excelent pe Mac/Windows. Vom face cunoștință cu interfața programului, vom învăța elementele de bază în lucrul cu componentele și vom învăța cum să facem prototipuri. Toate lecțiile sunt însoțite de sarcini practice.

Culoarea este unul dintre cele mai puternice instrumente a unui designer pentru a influența comportamentul uman. Totul ce ne înconjoară își are propriile scheme de culori, nuanțe și tonuri. În natură întâlnim cele mai variate combinații de culori care nu se pun la îndoială în ceea ce privește armonia sau complexitatea lor. Însă, când vine vorba de obiecte create artificial, disputele cu privire la corectitudinea și echilibrul schemei de culori alese pot rămâne nesoluționate.

Sarcina designerului este de a putea încadra competent în munca sa conceptele de bază ale armoniei culorilor și aspectele psihofiziologice în ceea ce privește percepția culorii.

Scopul cursului nostru este de a familiariza elevii cu regulile și legile fundamentale șn lucrul cu culoarea, să învețe cum să aplice culoarea șn funcție de sarcină, obiectiv și rezultatul dorit în contextul interfețelor.

În orice obiect vizual, rolul decisiv șl joacă aranjarea corectă a elementelor, care, la rîndul său creează o percepție holistică a obiectului, cu alte cuvinte, compoziția.

Fiecare om are o oarecare idee de scheme compoziționale armonioase și holistice, dar un designer profesional de interfețe, șn lucrarea sa este ghidat nu numai de percepția intuitivă, ci și de legile compoziției, care vizează formarea valorii funcționale, utilitare, constructive și estetice a obiectului creat.

Obiectivul cursului este de a-i învăța pe studenți să-și analizeze ideile, să creeze un concept holistic și ușor de înțeles, corect și competent să vizualizeze și să dezvolte proiectul conceput conform legilor construcției compoziționale.

Este greu de imaginat un site Web sau o aplicație mobilă care constă doar din grafică și pictograme. Textul joacă un rol important, deseori chiar cel mai important. Este pricipial ca un designer de interfață să poată lucra cu tipografia și fonturile.

Auditorii se vor familiariza cu contururile clasice și moderne, vor învăța cum să aleagă perechile de fonturi și să formeze tonul general al compoziției. Ce fel de fonturi de sistem există și când este bine să le utilizăm? Ce este Google fonts și care sunt analogii?

Scopul cursului este de a studia elementele de bază în lucrul cu textul pentru designerii UX/UI, lucrul cu fonturile, precum și familiarizarea cu particularitățile utilizării diferitor fonturi și scheme compoziționale, în funcție de sarcina proiectului.

Există mai multe opțiuni de căutare a unui loc de muncă: studio, agenție, companie alimentară, freelance și în special bursa Upwork.com - este una dintre ele. La curs, designerul va învăța cum să redacteze o descriere pe portal, să își pregătească proiectele pentru demonstrație și să comunice cu clientul în așa fel încât să-și mărească șansele de a primi comenzi, să-și crească ratingul și venitul.

Scopul cursului este de a vă spune despre strategia de comportament pe portal pentru a vă maximiza șansele de a găsi un job.

Din engleză "userinterface", înseamnă interfața utilizatorului. Designerul UI lucrează asupra componentei vizuale în baza prototipului testat. Daca designerul UX răspunde de stabilirea pașilor care urmează să fie întreprinși pentru atingerea scopului final, atunci designerul UI elaborează imaginea acestor pași - modul în care ei vor arăta. Aici se include unicitatea stilului, estetica, emoțiile, selectarea fonturilor optime, paleta de culori, desenarea butoanelor, ilustrațiilor, pictogramelor.

Obiectivul cursului este de a familiariza studenții cu cea mai optimă metodă de proiectare a interfețelor atractive și estetice.

Numărul utilizatorilor de aplicații mobile este în continuă creștere, iar specialitatea de designer a aplicațiilor mobile este solicitată și foarte apreciată.

La această temă, studentul se va familiariza cu particularitățile utilizării aplicațiilor, cu diferențele dintre principalele platforme Android și iOS, precum și cu etapele cheie în procesul de dezvoltare.

Pentru un produs digital finit nu este suficientă macheta statică de design. Interfețele moderne se asamblează din animație și microinteracțiune care simulează interacțiunea zilnică cu lumea reală. Microinteracțiunile sunt cazuri discrete de interacțiune cu interfața. Spre exemplu clic-ul pe un buton, deplasarea cursorului mouse-ului pe o zonă anumită a ecranului, încărcarea, care demonstrează ce se întâmplă cu sistemul în acest moment. Când animația și microinteracțiunea sânt potrivite și adecvate, ele creează o percepție pozitivă, măresc atractivitatea și uzabilitatea.
Задача курса научить базовым принципам, законам анимации. Студент узнает когда и где внедрять анимацию для поддержки юзабилити, а также получит практический навык создания микровзаимодействий.

Cu toate că rolul designerului este mare, rezultatul muncii lui nu este produsul final. După ce machetele de design sânt acceptate, este necesar să le paginăm. În prealabil acestea se pregătesc.

Pentru a economisi timp și nervi, designerii și machetatorii deseori interacționează cu ajutorul programei Zeplin. Datorită ei primim toată informația necesară despre design din punct de vedere a codului. Spre exemplu dimensiunile exacte ale fiecărui element, parametrii fontului, culorile, grosimile de liniei, dimensiunile de indentare. Ca rezultat: e fericit designerul deoarece spre final se primește anume ceea ce a fost proiectat. Și e fericit machetatorul că nu trebuie să ghicească și să caute informația în straturile fișierelor designerului.

Scopul cursului este de a învăța să se coordoneze cu machetatorul cu ajutorul intstrumentelor Zeplin.

Scopul de bază a întregului curs este să învățăm să creăm un produs clar și folositor pentru utilizator. Pentru aceasta designerul trebuie să se învețe să își testeze ideile pe utilizator. Cât mai curînd se face, cu atît mai mult timp și surse se economisesc. De aceea se practică testarea chiar și a wireframe.

La această lecție studentul va cunoaște metode eficiente de testare și va dobîndi abilitatea practică de verificare a ideilor sale pe utilizator.