Kako koristiti Booleovu formulu u Figmi

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.

Kako koristiti Booleovu formulu u Figmi

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.
    Kako koristiti Booleovu formulu u Figmi
  2. Dođite do izbornika zamjene instanci na desnoj strani sučelja i kliknite na njega. Ikona ima dijamant sa strelicom.
    Kako koristiti Booleovu formulu u Figmi
  3. Dajte ime svojstvu, kao što je "icon" na skočnom izborniku, i postavite vrijednost na kvačicu, na primjer.
    Kako koristiti Booleovu formulu u Figmi
  4. Odaberite "Izradi svojstvo". Figma će tada označiti svojstvo komponente na mjestu na kojem je izvorno bio swap izbornik.
    Kako koristiti Booleovu formulu u Figmi
  5. Napravite kopiju svog dizajna tako da ga odaberete i koristite naredbu CTRL + C. Zatim postavite instance jednu do druge.
    Kako koristiti Booleovu formulu u Figmi
  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.
    Kako koristiti Booleovu formulu u Figmi
  2. Dajte svom elementu naziv kao što je "text" i vrijednost "button" prije nego što kliknete na "Create property."
    Kako koristiti Booleovu formulu u Figmi
  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.
    Kako koristiti Booleovu formulu u Figmi
  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".
    Kako koristiti Booleovu formulu u Figmi
  3. Ova svojstva sada će označiti vašu varijantu. Ako odaberete izvorni dizajn, primijetit ćete da se vrijednost vratila na "zadano".
    Kako koristiti Booleovu formulu u Figmi

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.


Kako poslati datoteku putem Bluetootha s računala sa sustavom Windows 10

Kako poslati datoteku putem Bluetootha s računala sa sustavom Windows 10

Bluetooth je brz i praktičan način za dijeljenje datoteka između dva uređaja. Ovaj vodič vam pomaže da lako pošaljete datoteke putem Bluetooth-a koristeći Windows 10.

10 najpopularnijih tipkovničkih prečaca u sustavu Windows 10 i kako ih koristiti

10 najpopularnijih tipkovničkih prečaca u sustavu Windows 10 i kako ih koristiti

Evo pogleda na 10 najboljih tipkovničkih prečaca u sustavu Windows 10 i kako ih možete koristiti u svoju korist za posao, školu i još mnogo toga.

Upute za Windows 10: šaljite Bluetooth datoteke, slike, glazbu i video na sve uređaje

Upute za Windows 10: šaljite Bluetooth datoteke, slike, glazbu i video na sve uređaje

Sjećate li se dana kada je Bluetooth bio tako velika stvar? Saznajte kako jednostavno slati datoteke s Windows 10 putem Bluetootha u našem vodiču.

Kako blokirati i deblokirati nekoga u Microsoftovim timovima i koje su alternative

Kako blokirati i deblokirati nekoga u Microsoftovim timovima i koje su alternative

Microsoft Teams jedna je od najistaknutijih platformi za video konferencije za tvrtke u današnjem dobu pandemije. U ovom vodiču naučite kako blokirati kontakte i upravljati komunikacijom u Microsoft Teamsu.

Najbolji poslovi za seljake u Minecraftu

Najbolji poslovi za seljake u Minecraftu

Minecraft sela stvaraju predah od obično usamljeničkog života okupljanja i izrade u igri. Otkrijte najbolje seljake i njihove poslove.

Kako promijeniti pozadinu i učiniti da vaša radna površina izgleda jedinstveno u sustavu Windows 11

Kako promijeniti pozadinu i učiniti da vaša radna površina izgleda jedinstveno u sustavu Windows 11

Slijedite ovaj vodič o tome kako promijeniti pozadinu uz savjete za personalizaciju radne površine u sustavu Windows 11.

Kako postaviti dvostruki monitor na Windows 10

Kako postaviti dvostruki monitor na Windows 10

Naučite kako postaviti više monitora na Windows 10 na ovom blogu. Ovaj vodič sadrži korake za konfiguraciju, personalizaciju i rješavanje problema s dvostrukim monitorima.

Kako deinstalirati aplikaciju ili program u sustavu Windows 10

Kako deinstalirati aplikaciju ili program u sustavu Windows 10

Saznajte kako lako deinstalirati aplikacije u Windows 10 i osloboditi prostor na vašem uređaju.

Kako povećati i smanjiti na Discordu

Kako povećati i smanjiti na Discordu

Discord web-mjesto, aplikacija, pa čak i mobilna aplikacija imaju svoj način prilagođavanja razine zumiranja na Discordu radi bolje pristupačnosti.

Kako ukloniti Snapchat filtere sa spremljene fotografije

Kako ukloniti Snapchat filtere sa spremljene fotografije

Umorni ste od tih filtera na Snapchat fotografijama? Saznajte kako ukloniti Snapchat filtere sa spremljenih fotografija uz jednostavne korake.