Ako používať booleovský vzorec vo Figme

Figma je známa ako jeden z najlepších programov pre grafických dizajnérov na celom svete. Jeho funkcie sú komplexné a pomáhajú používateľom vytvárať čokoľvek od pútavých log až po jedinečné vstupné stránky. Je pozoruhodné, že funkcia Boolean (tiež súčasť aktualizácie vlastností komponentu v roku 2002) vám umožňuje dosiahnuť vlastné tvary kombináciou ich vrstiev pomocou viacerých vzorcov.

Tu sa dozviete, ako používať booleovské funkcie vo svojom ďalšom dizajne.

Možnosti boolovského vzorca pre vlastné tvary

Pred vytvorením vlastného tvaru musíte vedieť, ako fungujú booleovské vzorce a čo dosahujú. Kedykoľvek vytvoríte boolovskú skupinu, bude sa počítať ako jedna vrstva tvaru s vlastnosťami výplne aj ťahu.

Booleovskú ikonu s dvoma prekrývajúcimi sa štvorcami nájdete v hornej lište vášho rozhrania. Keď naň kliknete, z rozbaľovacej ponuky budete mať štyri možnosti vzorca.

Tieto možnosti vzorca zahŕňajú:

• Union Selection – Táto možnosť zmení vaše vybraté tvary na boolovskú skupinu. Pri použití Union budú cesty vonkajšieho podtvaru tvoriť obrys nového vlastného tvaru. Nebude však zahŕňať žiadne vnútorné prekrývajúce sa segmenty.
• Subtract Selection – Vzhľadom na to, že táto možnosť je opakom výberu zjednotenia, je užitočná. Odstráni celú plochu tvaru zo základného tvaru. Takto zostane viditeľná iba spodná vrstva.
• Výber priesečníkov – Pomocou výberu priesečníkov môžu používatelia vytvoriť vlastný tvar pozostávajúci iba z prekrývajúcich sa segmentov pôvodných tvarov alebo podvrstiev.
• Vylúčiť výber – Vylúčiť funkcie je opakom možnosti pretínajúcej sa booleovskej skupiny. Jeho použitím získate vlastný tvar z neprekrývajúcich sa častí pôvodných tvarov.

Pamätajte, že budete musieť vybrať dva alebo viac tvarov, aby ste mohli efektívne použiť možnosť Boolean z hornej ponuky. Je to preto, že Boolean iba kombinuje viacero vrstiev tvaru do jedného vlastného a komplexného tvaru.

Použitie vlastnosti Výmena inštancie Figma

Keď Figma oznámila aktualizáciu vlastností komponentov v roku 2022, booleovský výber bol len jednou z viacerých dostupných nových funkcií. Hlavným cieľom aktualizácie komponentov je pomôcť vám efektívne vytvárať šablóny variácií, namiesto toho, aby ste prekopávali neprístupné možnosti.

Aj keď je Boolean dôležitou súčasťou, používatelia môžu použiť aj vlastnosť výmeny inštancií. Postup:

1. Vyberte prvok svojho dizajnu.
   
2. Prejdite do ponuky výmeny inštancií na pravej strane rozhrania a kliknite na ňu. Ikona má diamant so šípkou.
   
3. Pomenujte vlastnosť, napríklad „ikona“ vo vyskakovacom menu, a nastavte hodnotu napríklad na značku začiarknutia.
   
4. Vyberte možnosť „Vytvoriť vlastníctvo“. Figma potom označí vlastnosť komponentu, kde bola pôvodne swap menu.
   
5. Vytvorte kópiu svojho návrhu tak, že ho vyberiete a použijete príkaz CTRL + C. Potom umiestnite inštancie vedľa seba.
   
6. Kliknutím na novú ikonu vyberte z ponuky vlastností označeného komponentu. Toto automaticky zmení prvok na inštancii.

Funkcia výmeny inštancií je predovšetkým o pohodlí. Pomocou možnosti zameniť inštanciu zefektívnite proces návrhu a zároveň rýchlo prepínate variácie (inštancie) vedľa seba.

Použitie možnosti Vlastnosti textu na jednoduché zmeny inštancie

Povedzme, že navrhujete tlačidlo s výzvou na akciu pre vstupnú stránku. Máte dve variácie vedľa seba a na zobrazenie rôznych ikon ste použili vlastnosť výmeny inštancií. Znenie je však ďalším prvkom, ktorý treba zohľadniť.

Zvyčajne by ste na dokončenie procesu museli premiešať sekciu vrstiev. Pomocou vlastnosti textového komponentu to môžete namiesto toho zobraziť a zmeniť na bočnom paneli. Tu je návod, ako môžete použiť funkciu vlastnosti textu vo svoj prospech:

1. Vyberte textový prvok vo svojom dizajne.
   
2. Pred kliknutím na „Vytvoriť vlastnosť“ pomenujte svoj prvok, napríklad „text“ a hodnotu „button“.
   
3. Potom budete môcť zmeniť text a experimentovať so znením vašej výzvy na akciu.

Vlastnosť text je vhodné použiť spolu s možnosťami výmeny inštancií a Boolean.

Ako používať vlastnosti variantov na Figma

S novými aktualizáciami komponentov na Figme môžete vytvárať viaceré varianty a všetky ich ovládať z pravého bočného panela. Pomôže vám to efektívnejšie meniť text a vymieňať ikony. Môžete tiež ovládať ďalšie aspekty dizajnu vášho variantu. Pozrime sa, ako na to:

1. Vyberte si svoj dizajn a kliknite na „Pridať variant“ v hornej lište. Podržte ľavé tlačidlo, kliknite na svoj návrh a presuňte variant tesne vedľa neho.
   
2. Všimnete si, ako sa vlastnosť druhého variantu zobrazí na pravom bočnom paneli. Znova označte vlastnosť na „tlačidlo“ a hodnotu vedľa nej na „červenú“.
   
3. Tieto vlastnosti teraz označia váš variant. Ak vyberiete svoj pôvodný dizajn, všimnete si, že hodnota sa zmení späť na „predvolené“.
   

často kladené otázky

Môžem vytvoriť logá pomocou možnosti Boolean?

Technicky vám vlastnosť Boolean umožňuje kombinovať viacero tvarov pomocou ich ciest. Aj keď to môže byť spôsob, ako vytvoriť jednoduché logá, možnosti sú obmedzené na jednoduché tvary, ako sú elipsy. Namiesto toho je najlepšie použiť nástroj pero na veci, ako je vytváranie loga. Na uľahčenie procesu vrstvenia môžete stále používať ďalšie aktualizácie komponentov.

Môžem zmeniť písmo pomocou možnosti vlastnosti textového komponentu?

Bohužiaľ nie. Vlastnosť textového komponentu vám umožňuje zmeniť skôr text ako písmo. Stále však môžete vybrať text a nájsť vhodné písmo cez pravý bočný panel.

Aké sú niektoré inštancie dizajnu, v ktorých budem musieť použiť vyššie uvedené vlastnosti komponentov?

Pre varianty nemusíte používať vlastnosti komponentov. Proces navrhovania je však oveľa jednoduchší a rýchlejší. Príkladom sú tlačidlá vyžadujúce rôzne farby, v prvom rade podobné s iba jednou zmenou komponentu, alebo malé varianty tvaru vstupnej stránky. Sú tiež užitočné pri vytváraní dvoch návrhov a výbere toho najlepšieho.

Zefektívnite svoj proces navrhovania pomocou vlastností komponentov na Figma

Pomocou možností, ako je Boolean, môžete vytvárať nové vlastné tvary z kombinácie starých. To sa deje cez horný bočný panel so štyrmi možnosťami vzorcov. Patrí medzi ne spojenie, odčítanie, pretínanie a vylúčenie. Podobne môžete použiť ďalšie možnosti vlastností komponentov, ako je vlastnosť textu a výmena inštancií. To uľahčuje vytváranie variantov s rôznymi komponentmi. V konečnom dôsledku používanie vlastností komponentov pomáha zefektívniť proces navrhovania.

Aké zložité tvary ste vytvorili pomocou možnosti Boolean? Zistili ste tiež, že sa ľahko používajú možnosti vlastností komponentov? Dajte nám vedieť v sekcii komentárov nižšie.