Kako koristiti Booleovu formulu u Figmi

Figma je poznata kao jedan od najboljih programa za grafičke dizajnere u svijetu. Njegove su značajke sveobuhvatne i korisnicima pomažu u stvaranju bilo čega, od privlačnih logotipa do jedinstvenih odredišnih stranica. Naime, značajka Boolean (također dio ažuriranja svojstava komponente 2002.) omogućuje postizanje prilagođenih oblika kombiniranjem njihovih slojeva kroz više formula.

Ovdje ćete naučiti kako koristiti Booleove značajke u svom sljedećem dizajnu.

Opcije Booleove formule za prilagođene oblike

Prije nego što izradite prilagođeni oblik, morat ćete znati kako Booleove formule funkcioniraju i što postižu. Kad god napravite Booleovu grupu, ona će se računati kao jedan sloj oblika sa svojstvima ispune i poteza.

Booleovu ikonu s dva preklapajuća kvadrata možete pronaći na gornjoj traci sučelja. Kada kliknete na padajući izbornik, imat ćete četiri opcije formule.

Ove opcije formule uključuju:

• Odabir unije – ova opcija pretvara vaše odabrane oblike u Booleovu grupu. Kada koristite Union, staze vanjskog podoblika formirat će obris novog prilagođenog oblika. Međutim, neće uključivati ​​nijedan od unutarnjih preklapajućih segmenata.
• Oduzimanje odabira – Korisno je uzeti u obzir da je ova opcija suprotna sinkroniziranom odabiru. Uklanja cijelo područje oblika iz osnovnog oblika. Ovo ostavlja vidljivim samo donji sloj.
• Odabir presjeka – s odabirom presjeka korisnici mogu stvoriti prilagođeni oblik koji se sastoji samo od preklapajućih segmenata izvornih oblika ili podslojeva.
• Isključi odabir – Isključi funkcije suprotne su opciji križanja Booleove grupe. Njegovom upotrebom dobit ćete prilagođeni oblik od dijelova izvornih oblika koji se ne preklapaju.

Imajte na umu da ćete morati odabrati dva ili više oblika prije nego što možete učinkovito koristiti Booleovu opciju iz gornjeg izbornika. To je zato što Boolean kombinira samo više slojeva oblika u jedan prilagođeni i složeni oblik.

Korištenje svojstva zamjene instance Figma

Kada je Figma najavila ažuriranje svojstava komponente 2022., Booleov odabir bio je samo jedna od više dostupnih novih značajki. Cijela poanta ažuriranja komponenti je da vam pomogne da učinkovito izradite predloške varijacija umjesto da kopate po zabačenim opcijama.

Dok je Boolean važan dio ovoga, korisnici također mogu koristiti svojstvo zamjene instance. Evo kako to učiniti:

1. Odaberite element svog dizajna.
   
2. Dođite do izbornika zamjene instanci na desnoj strani sučelja i kliknite na njega. Ikona ima dijamant sa strelicom.
   
3. Dajte ime svojstvu, kao što je "icon" na skočnom izborniku, i postavite vrijednost na kvačicu, na primjer.
   
4. Odaberite "Izradi svojstvo". Figma će tada označiti svojstvo komponente na mjestu na kojem je izvorno bio swap izbornik.
   
5. Napravite kopiju svog dizajna tako da ga odaberete i koristite naredbu CTRL + C. Zatim postavite instance jednu do druge.
   
6. Odaberite novu ikonu iz izbornika svojstava označene komponente klikom na nju. Ovo će automatski promijeniti element na instanci.

Funkcija zamjene instanci je praktičnost. Koristeći opciju zamjene instanci, pojednostavit ćete proces dizajna dok brzo mijenjate varijacije (instance) jednu do druge.

Korištenje opcije svojstava teksta za jednostavne promjene instance

Recimo da dizajnirate gumb poziva na akciju za odredišnu stranicu. Imate dvije varijacije jednu pored druge i upotrijebili ste svojstvo zamjene instance za prikaz različitih ikona. Međutim, formulacija je još jedan element koji treba uzeti u obzir.

Obično biste morali promiješati kroz odjeljak slojeva da biste dovršili postupak. Uz svojstvo tekstualne komponente, to možete vidjeti i promijeniti na bočnoj traci. Evo kako možete iskoristiti svojstvo teksta u svoju korist:

1. Odaberite tekstualni element na svom dizajnu.
   
2. Dajte svom elementu naziv kao što je "text" i vrijednost "button" prije nego što kliknete na "Create property."
   
3. Zatim ćete moći promijeniti tekst i eksperimentirati s formulacijama za svoj poziv na akciju.

Tekst svojstvo je prikladno za korištenje uz opciju zamjene instance i Boolean.

Kako koristiti svojstva varijante na Figmi

S novim ažuriranjima komponenti na Figmi, možete stvoriti više varijanti i kontrolirati ih sve s desne bočne trake. To će vam pomoći da učinkovitije mijenjate tekst i mijenjate ikone. Također možete kontrolirati druge aspekte dizajna svoje varijante. Pogledajmo kako to učiniti:

1. Odaberite svoj dizajn i kliknite na "Dodaj varijantu" na gornjoj traci. Držite lijevo, kliknite na svoj dizajn i povucite varijantu odmah do njega.
   
2. Primijetit ćete kako će se svojstvo druge varijante pojaviti na desnoj bočnoj traci. Ponovno označite svojstvo u "gumb", a vrijednost pored njega u "crveno".
   
3. Ova svojstva sada će označiti vašu varijantu. Ako odaberete izvorni dizajn, primijetit ćete da se vrijednost vratila na "zadano".
   

FAQ

Mogu li izraditi logotipe pomoću Booleove opcije?

Tehnički gledano, Booleovo svojstvo omogućuje vam kombiniranje više oblika pomoću njihovih putanja. Iako ovo može biti način za izradu jednostavnih logotipa, mogućnosti su ograničene na jednostavne oblike poput elipsa. Umjesto toga, najbolje je koristiti alat za olovku za stvari poput izrade logotipa. Još uvijek možete koristiti druga ažuriranja komponenti kako biste olakšali proces slojevitosti.

Mogu li promijeniti font pomoću opcije svojstva komponente teksta?

Nažalost ne. Svojstvo tekstualne komponente omogućuje promjenu teksta umjesto fonta. Međutim, još uvijek možete odabrati tekst i pronaći odgovarajući font putem desne bočne trake.

Koji su neki primjeri dizajna u kojima ću trebati koristiti gore navedena svojstva komponente?

Ne morate koristiti svojstva komponente za varijante. Međutim, to čini proces dizajna puno lakšim i bržim. Primjeri su gumbi koji zahtijevaju različite boje, prvenstveno slične s promjenom samo jedne komponente ili male varijante oblika odredišne ​​stranice. Također su korisni za izradu dva dizajna i odabir najboljeg.

Pojednostavite svoj proces dizajna sa svojstvima komponenti na Figmi

S opcijama kao što je Boolean, možete stvoriti nove prilagođene oblike iz kombinacije starih. To se radi putem gornje bočne trake s četiri opcije formule. To uključuje uniju, oduzimanje, presjek i isključivanje. Isto tako, možete koristiti druge opcije svojstava komponente, kao što je svojstvo teksta i zamjena instance. To olakšava stvaranje varijanti s različitim komponentama. U konačnici, korištenje svojstava komponenti pomaže pojednostaviti proces dizajna.

Koje ste složene oblike izradili pomoću Booleove opcije? Jeste li i vi smatrali da su opcije svojstava komponente jednostavne za korištenje? Javite nam u odjeljku za komentare ispod.