Kuinka käyttää Boolen kaavaa Figmassa

Figma tunnetaan yhtenä parhaista graafisten suunnittelijoiden ohjelmista maailmanlaajuisesti. Sen ominaisuudet ovat kattavia, ja ne auttavat käyttäjiä luomaan mitä tahansa huomiota herättävistä logoista ainutlaatuisiin aloitussivuihin. Erityisesti Boolen ominaisuus (joka on myös osa komponenttien ominaisuuksien päivitystä vuonna 2002) mahdollistaa mukautetun muotojen saavuttamisen yhdistämällä niiden tasot useiden kaavojen avulla.

Täällä opit käyttämään Boolen ominaisuuksia seuraavassa suunnittelussasi.

Boolen kaavan asetukset mukautettuja muotoja varten

Ennen kuin luot mukautetun muodon, sinun on tiedettävä, miten Boolen kaavat toimivat ja mitä niillä saavutetaan. Aina kun luot Boolen ryhmän, se lasketaan yhdeksi muototasoksi, jolla on sekä täyttö- että viivaominaisuudet.

Löydät käyttöliittymäsi yläpalkista Boolen kuvakkeen, jossa on kaksi päällekkäistä neliötä. Sinulla on neljä kaavavaihtoehtoa avattavasta valikosta, kun napsautat sitä.

Näitä kaavavaihtoehtoja ovat:

• Unionin valinta – Tämä vaihtoehto muuttaa valitut muodot Boolen ryhmäksi. Unionia käytettäessä ulomman alimuodon polut muodostavat uuden mukautetun muodon ääriviivat. Se ei kuitenkaan sisällä sisäisiä päällekkäisiä segmenttejä.
• Vähennä valinta – Tämä vaihtoehto on päinvastainen kuin ammattiliiton valinta on hyödyllistä. Se poistaa koko muodon alueen perusmuodosta. Tämä jättää näkyviin vain alimman kerroksen.
• Leikkaava valinta – Leikkauskohdan valinnalla käyttäjät voivat luoda mukautetun muodon, joka koostuu vain alkuperäisten muotojen tai alikerrosten päällekkäisistä segmenteistä.
• Sulje pois valinta – Poissulkemisfunktiot on päinvastoin kuin intersect Boolen ryhmä -vaihtoehto. Sen käyttäminen antaa sinulle mukautetun muodon alkuperäisten muotojen ei-päällekkäisistä osista.

Muista, että sinun on valittava kaksi tai useampia muotoja, ennen kuin voit käyttää Boolen-vaihtoehtoa tehokkaasti ylävalikosta. Tämä johtuu siitä, että Boolean yhdistää vain useita muotokerroksia yhdeksi mukautetuksi ja monimutkaiseksi muotoksi.

Figma-ilmentymien vaihto-ominaisuuden käyttäminen

Kun Figma ilmoitti komponenttien ominaisuuksien päivityksestä vuonna 2022, Boolen valinta oli vain yksi monista saatavilla olevista uusista ominaisuuksista. Komponenttien päivityksen tarkoitus on auttaa sinua luomaan muunnelmamalleja tehokkaasti sen sijaan, että etsit out-of-the-way vaihtoehtoja.

Vaikka Boolean on tärkeä osa tätä, käyttäjät voivat käyttää myös ilmentymän vaihtoominaisuutta. Voit tehdä sen seuraavasti:

1. Valitse elementti suunnittelustasi.
   
2. Siirry käyttöliittymän oikealla puolella olevaan ilmentymän vaihtovalikkoon ja napsauta sitä. Kuvakkeessa on timantti, jossa on nuoli.
   
3. Anna ominaisuudelle nimi, kuten "kuvake" ponnahdusvalikossa, ja aseta arvoksi esimerkiksi valintamerkki.
   
4. Valitse "Luo omaisuus". Figma merkitsee sitten komponentin ominaisuuden, jossa vaihtovalikko alun perin oli.
   
5. Luo mallistasi kopio valitsemalla se ja käyttämällä komentoa CTRL + C. Aseta sitten esiintymät vierekkäin.
   
6. Valitse uusi kuvake merkityn komponentin ominaisuusvalikosta napsauttamalla sitä. Tämä muuttaa automaattisesti esiintymän elementin.

Ilmentymän vaihtotoiminnossa on kyse mukavuudesta. Vaihda ilmentymä -vaihtoehtoa käyttämällä virtaviivaistat suunnitteluprosessia ja vaihdat nopeasti muunnelmia (esiintymiä) vierekkäin.

Tekstiominaisuusvaihtoehdon käyttäminen helppoa ilmentymän muutosta varten

Oletetaan, että suunnittelet aloitussivulle toimintakehotuspainiketta. Sinulla on kaksi muunnelmaa vierekkäin, ja olet käyttänyt ilmentymän vaihtoominaisuutta tarkastellaksesi eri kuvakkeita. Sanamuoto on kuitenkin toinen huomioitava tekijä.

Yleensä sinun täytyy selata tasot-osiota prosessin viimeistelemiseksi. Tekstikomponenttiominaisuuden avulla voit tarkastella ja muuttaa tätä sivupalkissa. Näin voit käyttää tekstiominaisuusominaisuutta hyödyksesi:

1. Valitse tekstielementti suunnittelustasi.
   
2. Anna elementille nimi, kuten "text" ja arvo "button", ennen kuin napsautat "Luo ominaisuus".
   
3. Tämän jälkeen voit muuttaa tekstiä ja kokeilla toimintakehotuksen sanamuotoa.

Teksti-ominaisuutta on kätevä käyttää ilmentymän vaihto- ja Boolen-asetusten rinnalla.

Variantin ominaisuuksien käyttäminen Figmassa

Figman uusien komponenttipäivitysten avulla voit luoda useita muunnelmia ja hallita niitä kaikkia oikeanpuoleisesta sivupalkista. Tämä auttaa sinua muuttamaan tekstiä ja vaihtamaan kuvakkeita tehokkaammin. Voit myös hallita muunnelmasi suunnittelun muita puolia. Katsotaanpa, miten se tehdään:

1. Valitse mallisi ja klikkaa yläpalkista "Lisää variantti". Pidä vasenta painettuna, napsauta malliasi ja vedä muunnelma sen viereen.
   
2. Huomaat, kuinka toisen muunnelman ominaisuus näkyy oikeassa sivupalkissa. Nimeä ominaisuus uudelleen nimellä "button" ja sen vieressä oleva arvo "punainen".
   
3. Nämä ominaisuudet merkitsevät nyt muunnelmasi. Jos valitset alkuperäisen mallin, huomaat, että arvo muuttuu takaisin oletusarvoksi.
   

UKK

Voinko tehdä logoja Boolen vaihtoehdolla?

Teknisesti Boolen ominaisuus mahdollistaa useiden muotojen yhdistämisen niiden polkujen avulla. Vaikka tämä voi olla tapa tehdä yksinkertaisia ​​logoja, vaihtoehdot rajoittuvat yksinkertaisiin muotoihin, kuten ellipsiin. Sen sijaan kynätyökalun käyttäminen esimerkiksi logon luomiseen on parasta. Voit silti käyttää muita komponenttien päivityksiä helpottaaksesi tasoitusprosessia.

Voinko vaihtaa fonttia käyttämällä tekstikomponenttiominaisuusvaihtoehtoa?

Valitettavasti ei. Tekstikomponenttiominaisuuden avulla voit muuttaa tekstiä fontin sijaan. Voit kuitenkin silti valita tekstin ja löytää sopivan fontin oikean sivupalkin kautta.

Missä suunnittelutapauksissa minun on käytettävä yllä olevia komponenttien ominaisuuksia?

Sinun ei tarvitse käyttää komponenttien ominaisuuksia muunnelmille. Se tekee suunnitteluprosessista kuitenkin paljon helpompaa ja nopeampaa. Esimerkkejä ovat painikkeet, jotka vaativat eri värejä, pääasiassa samanlaisia ​​vain yhden komponentin muutoksilla, tai pienet aloitussivun muotomuunnelmat. Niistä on apua myös kahden mallin luomisessa ja parhaan valinnassa.

Virtaviivaista suunnitteluprosessisi Figman komponenttien ominaisuuksilla

Boolen kaltaisilla vaihtoehdoilla voit luoda uusia mukautettuja muotoja vanhojen yhdistelmästä. Tämä tehdään yläsivupalkin kautta neljällä kaavavaihtoehdolla. Näitä ovat yhdistäminen, vähennys, leikkaaminen ja poissulkeminen. Samoin voit käyttää muita komponentin ominaisuusvaihtoehtoja, kuten tekstiominaisuus ja ilmentymän vaihto. Näin on helppoa luoda muunnelmia eri komponenteista. Viime kädessä komponenttien ominaisuuksien käyttö tehostaa suunnitteluprosessia.

Mitä monimutkaisia ​​muotoja teit Boolen vaihtoehdolla? Oliko komponenttien ominaisuusvaihtoehtoja myös helppo käyttää? Kerro meille alla olevassa kommenttiosassa.