Cum decupezi imagini in forme creative direct in Figma

Designul cere ca o fotografie sa apara intr-un cerc, intr-o stea sau intr-un poligon, fotografia fiind in forma de cerc. Putem sa prelucram imaginea direct in Figma, fara a folosi vreun program extern (cum ar fi Photoshop).

Figma ofera doua metode extrem de rapide si eficiente pentru a incadra o imagine in orice forma geometrica dorita, dar noi o vom folosi pe cea cu “Mask”.

[mai mult...]

Prototipare rapida cu ajutorul componentelor in Figma

Avem unsidebar cu 5 optiuni (Home, Products, Mail, Calendar, Contacts) respectiv cele 5 pagini aferente lor. Fara componente, fiecare pagina trebuie sa fie legata individual la toate celelalte 4 pagini. In plus, designerul trebuie sa modifice manual starea activa a sidebar-ului pe fiecare frame de destinatie (ex: daca treci de pe Home pe Products, trebuie sa creezi un frame nou unde Products este activ). Astfel, rezulta un prototip lent, peste 20 de linkuri doar pentru navigarea primara si modificari de design greoaie.

Am atasat mai jos un exemplu. Am facut pentru 2 screen-uri, dar trebuie facut manual pentru toate cele 6. Este foarte laborios.

[mai mult...]

7 reguli de aur ale UX Design-ului

Atunci cand creezi un design, scopul este ca utilizatorul sa inteleaga rapid structura si functionalitatea interfetei. De exemplu, intr-un meniu cu mai multe butoane sau intr-un formular complex, utilizatorul trebuie sa recunoasca grupurile de elemente, actiunile principale si modul de navigare fara efort. Trebuie sa ii ghidezi privirea in mod natural de la elementele principale la cele secundare, pentru un user flow impecabil si cat mai multe conversii.

Acest lucru se face prin respectarea a 7 principii de UX/UI. Ele sunt esentiale in crearea oricarei aplicatii/website.

[mai mult...]

Docker Desktop nu porneste cand apesi pe iconita, dar se deschide automat dupa „End Task”

Pe Windows, Docker Desktop poate sa nu porneasca atunci cand il deschizi manual din iconita, dar sa se porneasca automat imediat dupa ce ii dai „End Task” din Task Manager. De ce se intampla asta? Serviciul com.docker.service ruleaza in fundal cu drepturi de sistem si gestioneaza accesul Docker la retea, WSL sau Hyper-V.
In unele cazuri, Windows il configureaza astfel incat:

  • sa porneasca automat la fiecare pornire a sistemului

  • si sa se restarteze automat daca este oprit manual.

Astfel, cand opresti procesul Docker, serviciul il reporneste imediat.

[mai mult...]

Cum alegi un Radius perfect in Figma

Atunci cand construiesti un sistem de componente in Figma si vrei ca toate butoanele sa aiba colturile rotunjite in mod consistent, este important sa respecti niste principii clare in design-ul tau. De exemplu, ai mai multe variante de butoane (primar, secundar, mic, mare) si trebuie sa te asiguri ca radius-ul fiecaruia se potriveste vizual cu inaltimea lui si cu spatiul dintre butoane pentru coerenta si profesionalism.

[mai mult...]