Figma este cunoscut drept unul dintre cele mai bune programe pentru designeri grafici din întreaga lume. Caracteristicile sale sunt cuprinzătoare, ajutând utilizatorii să creeze orice, de la logo-uri atrăgătoare până la pagini de destinație unice. În special, caracteristica booleană (de asemenea, parte a actualizării proprietăților componente în 2002) vă permite să obțineți forme personalizate prin combinarea straturilor acestora prin mai multe formule.
Aici veți învăța cum să utilizați caracteristicile booleene în următorul dvs. design.
Opțiunile formulelor booleene pentru forme personalizate
Înainte de a vă crea forma personalizată, va trebui să știți cum funcționează formulele booleene și ce realizează acestea. Ori de câte ori creați un grup boolean, acesta va conta ca un singur strat de formă, cu proprietăți atât de umplere, cât și de contur.
Puteți găsi pictograma booleană cu două pătrate suprapuse în bara de sus a interfeței. Veți avea patru opțiuni de formulă din meniul drop-down când faceți clic pe el.
cum se blochează videoclipurile cu redare automată crom
Aceste opțiuni de formulă includ:
- Selecția unirii – Această opțiune transformă formele selectate într-un grup boolean. Când utilizați Union, căile subformei exterioare vor forma conturul noii forme personalizate. Cu toate acestea, nu va include niciunul dintre segmentele interioare care se suprapun.
- Scăderea selecției – Considerând că această opțiune este opusă selecției uniunii, este utilă. Îndepărtează întreaga zonă a unei forme din forma de bază. Acest lucru lasă vizibil doar stratul inferior.
- Selecția intersectării – Cu selecția intersectării, utilizatorii pot crea o formă personalizată constând numai din segmentele suprapuse ale formelor sau substraturilor originale.
- Exclude selecție – Excluderea funcțiilor este opusul opțiunii de intersectare a grupului boolean. Folosirea acestuia vă va oferi o formă personalizată din părțile care nu se suprapun ale formelor originale.
Amintiți-vă că va trebui să selectați două sau mai multe forme înainte de a putea utiliza efectiv opțiunea booleană din meniul de sus. Acest lucru se datorează faptului că Boolean combină doar mai multe straturi de formă într-o formă personalizată și complexă.
Utilizarea proprietății Figma Instance Swap
Când Figma a anunțat actualizarea proprietăților componentelor în 2022, selecția booleană a fost doar una dintre multiplele funcții noi disponibile. Scopul actualizării componentelor este să vă ajute să creați șabloane de variație în mod eficient, mai degrabă decât să căutați prin opțiunile izolate.
Deși booleanul este o parte importantă a acestui lucru, utilizatorii pot folosi și proprietatea de schimb de instanțe. Iată cum să faci asta:
- Selectați un element al designului dvs.
- Navigați la meniul de schimb de instanțe din partea dreaptă a interfeței și faceți clic pe el. Pictograma are un diamant cu o săgeată pe ea.
- Dați un nume proprietății, cum ar fi „pictogramă” în meniul pop-up și setați valoarea la o bifă, de exemplu.
- Selectați „Creați proprietate”. Figma va marca apoi proprietatea componentei unde a fost inițial meniul de schimb.
- Creați o copie a designului dvs. selectând-o și utilizând comanda CTRL + C. Apoi, setați instanțele una lângă alta.
- Selectați o pictogramă nouă din meniul de proprietăți ale componentei marcate făcând clic pe ea. Acest lucru va schimba automat elementul din instanță.
Funcția de schimb de instanțe se referă la comoditate. Folosind opțiunea de schimb de instanțe, veți simplifica procesul de proiectare în timp ce schimbați rapid variațiile (instanțele) una lângă alta.
Utilizarea opțiunii de proprietate text pentru modificări ușoare ale instanțelor
Să presupunem că proiectați un buton de îndemn pentru o pagină de destinație. Aveți două variante una lângă alta și ați folosit proprietatea de schimb de instanțe pentru a vizualiza diferite pictograme. Cu toate acestea, formularea este un alt element de luat în considerare.
De obicei, va trebui să amestecați secțiunea de straturi pentru a finaliza procesul. Cu proprietatea componentei text, puteți vedea și modifica aceasta pe bara laterală. Iată cum puteți utiliza caracteristica proprietății text în avantajul dvs.:
- Selectați elementul de text din designul dvs.
- Dați elementului dvs. un nume precum „text” și valoarea „buton” înainte de a face clic pe „Creați proprietate”.
- Veți putea apoi să schimbați textul și să experimentați cu formularea îndemnului dvs. la acțiune.
Proprietatea text este convenabilă de utilizat împreună cu opțiunile de schimbare a instanțelor și booleene.
Cum să utilizați proprietățile variantei pe Figma
Cu noile actualizări ale componentelor de pe Figma, puteți crea mai multe variante și le puteți controla pe toate din bara laterală din dreapta. Acest lucru vă va ajuta să schimbați textul și să schimbați pictogramele mai eficient. De asemenea, puteți controla alte aspecte ale designului variantei dvs. Să vedem cum să facem asta:
- Selectați designul dvs. și faceți clic pe „Adăugați varianta” în bara de sus. Țineți apăsat stânga, faceți clic pe designul dvs. și trageți varianta chiar lângă ea.
- Veți observa cum va apărea a doua variantă de proprietate în bara laterală din dreapta. Reetichetați proprietatea cu „button”, iar valoarea de lângă ea cu „roșu”.
- Aceste proprietăți vor eticheta acum varianta dvs. Dacă selectați designul original, veți observa că valoarea este schimbată înapoi la „implicit”.
Întrebări frecvente
Pot face logo-uri folosind opțiunea booleană?
Din punct de vedere tehnic, proprietatea booleană vă permite să combinați mai multe forme folosind căile lor. Deși aceasta poate fi o modalitate de a face logo-uri simple, opțiunile sunt limitate la forme simple, cum ar fi elipsele. În schimb, folosirea instrumentului stilou pentru lucruri precum crearea de logo-uri este cea mai bună. Puteți utiliza în continuare actualizările celorlalte componente pentru a ușura procesul de stratificare.
Pot schimba fontul folosind opțiunea de proprietate a componentei text?
Din nefericire nu. Proprietatea componentei text vă permite să schimbați textul mai degrabă decât fontul. Cu toate acestea, puteți în continuare să selectați textul și să găsiți fontul potrivit prin bara laterală din dreapta.
Care sunt unele cazuri de proiectare în care va trebui să folosesc proprietățile componentelor de mai sus?
Nu trebuie să utilizați proprietățile componente pentru variante. Cu toate acestea, face procesul de proiectare mult mai ușor și mai rapid. Exemple sunt butoanele care necesită culori diferite, în primul rând similare cu o singură modificare a componentei, sau variante mici de formă a paginii de destinație. De asemenea, sunt utile pentru a crea două modele și pentru a-l alege pe cel mai bun.
cum se accesează mesajele șterse de pe iPhone
Eficientizați-vă procesul de proiectare cu proprietățile componente pe Figma
Cu opțiuni precum Boolean, puteți crea noi forme personalizate dintr-o combinație a celor vechi. Acest lucru se face prin bara laterală de sus cu patru opțiuni de formulă. Acestea includ unirea, scăderea, intersectarea și excluderea. De asemenea, puteți utiliza alte opțiuni de proprietăți ale componentelor, cum ar fi proprietatea text și schimbarea instanțelor. Procedând astfel, este ușor să creați variante cu diferite componente. În cele din urmă, utilizarea proprietăților componentelor ajută la eficientizarea procesului de proiectare.
Ce forme complexe ați realizat folosind opțiunea booleană? Ați găsit și opțiunile de proprietate ale componentelor ușor de utilizat? Anunțați-ne în secțiunea de comentarii de mai jos.