Situatie
Mesh gradient este solutia perfecta pentru un design care iese in evidenta prin subtilitate. Este un “Wow Factor” pentru utilizator, atunci cand este bine pus la punct. Va voi arata cum puteti crea acest tip de gradient direct din Figma in cativa pasi simpli.
Backup
Pasul 1: Deseneaza orice fel de figura
- Selecteaza tool-ul “Pen” din bara de navigatie si fa orice fel de forma geometrica.
- Selecteaza culoarea figurii; eu voi alege rosu
Pasul 2: Deseneaza mai multe figuri
- Culorile trebuie sa fie dintr-o paleta similara, pentru ca design-ul sa fie fin, nu strident.
Pasul 3: Pune figurile create in Frame-ul tau
- Selecteaza culoarea Frame-ului; eu voi face pentru un template dark.
- Pozitioneaza figurile create in centrul Frame-ului.
Pasul 4: Creeaza o figura cu aceleasi dimensiuni ale frame-ului
- Eu fac un prototip pentru iPhone 16, deci dimensiunea va fi 393 x 852.
Pasul 5: Configureaza Background Blur
- Seteaza culoarea la #FFFFFF, cu opacitate 2%
- Seteaza Background Blur la 160
Pasul 6: Trage figura peste frame-ul tau si creeaza diferite Frame-uri similare
- Trebuie sa te joci cu culorile, invarte-le, micsoreaza figurile, mareste-le, subtiaza-le.
- Culorile sa ramana aceleasi
Pasul 7: Foloseste efectul “After Delay” cand creezi prototipul
- Delay: 100ms
- Smart Animate cu duration 1000ms
Gata!
Leave A Comment?