Figma staat bekend als een van de beste programma's voor grafisch ontwerpers wereldwijd. De functies zijn uitgebreid en helpen gebruikers alles te creëren, van opvallende logo's tot unieke landingspagina's. Met name de Booleaanse functie (ook onderdeel van de update van de componenteigenschappen in 2002) stelt u in staat aangepaste vormen te verkrijgen door hun lagen te combineren via meerdere formules.
Hier leert u hoe u de Booleaanse functies in uw volgende ontwerp kunt gebruiken.
De Booleaanse formule-opties voor aangepaste vormen
Voordat u uw aangepaste vorm maakt, moet u weten hoe Booleaanse formules werken en wat ze bereiken. Wanneer u een Booleaanse groep maakt, telt deze als een enkele vormlaag met zowel vul- als lijneigenschappen.
U vindt het Booleaanse pictogram met twee overlappende vierkanten in de bovenste balk van uw interface. U krijgt vier formule-opties in het vervolgkeuzemenu als u erop klikt.
Deze formule-opties omvatten:
hoe hallmark-kanaal te bekijken zonder kabel
- Union Selection – Deze optie verandert uw geselecteerde vormen in een Booleaanse groep. Wanneer u Union gebruikt, vormen de paden van de buitenste subvorm de omtrek van de nieuwe aangepaste vorm. Het bevat echter geen van de binnenste overlappende segmenten.
- Selectie aftrekken – Gezien het feit dat deze optie het tegenovergestelde is van de vakbondsselectie, is dit nuttig. Het verwijdert het hele gebied van een vorm van de basisvorm. Hierdoor blijft alleen de onderste laag zichtbaar.
- Intersect-selectie – Met intersect-selectie kunnen gebruikers een aangepaste vorm maken die alleen bestaat uit de overlappende segmenten van de originele vormen of sublagen.
- Selectie uitsluiten – Functies uitsluiten is het tegenovergestelde van de optie voor intersecterende Booleaanse groepen. Als u dit gebruikt, krijgt u een aangepaste vorm van de niet-overlappende delen van de originele vormen.
Houd er rekening mee dat u twee of meer vormen moet selecteren voordat u de Booleaanse optie in het bovenste menu effectief kunt gebruiken. Dit komt omdat Boolean alleen meerdere vormlagen combineert in één aangepaste en complexe vorm.
De eigenschap Figma Instance Swap gebruiken
Toen Figma in 2022 de update van de componenteigenschappen aankondigde, was de Booleaanse selectie slechts een van de vele nieuwe functies die beschikbaar waren. Het hele doel van de componentenupdate is om je te helpen variatiesjablonen effectief te maken in plaats van te zoeken naar afgelegen opties.
Hoewel Boolean hier een belangrijk onderdeel van is, kunnen gebruikers ook de instance swap-eigenschap gebruiken. U kunt dit als volgt doen:
- Selecteer een element van uw ontwerp.
- Navigeer naar het menu voor het wisselen van exemplaren aan de rechterkant van de interface en klik erop. Het pictogram heeft een ruit met een pijl erop.
- Geef de eigenschap een naam, bijvoorbeeld ‘icon’ in het pop-upmenu, en zet de waarde bijvoorbeeld op een vinkje.
- Selecteer 'Eigenschap maken'. Figma markeert dan de componenteigenschap waar het wisselmenu oorspronkelijk was.
- Maak een kopie van uw ontwerp door het te selecteren en de opdracht CTRL + C te gebruiken. Zet vervolgens de instanties naast elkaar.
- Selecteer een nieuw pictogram in het gemarkeerde componenteigenschappenmenu door erop te klikken. Hierdoor wordt het element op de instantie automatisch gewijzigd.
Bij de functie voor het wisselen van exemplaren draait alles om gemak. Met de optie voor het wisselen van exemplaren stroomlijnt u het ontwerpproces en schakelt u snel varianten (instanties) naast elkaar.
De optie Teksteigenschap gebruiken voor eenvoudige exemplaarwijzigingen
Stel dat u een call-to-action-knop voor een landingspagina ontwerpt. Je hebt twee varianten naast elkaar en je hebt de eigenschap instance swap gebruikt om verschillende pictogrammen te bekijken. De formulering is echter een ander element waarmee rekening moet worden gehouden.
Normaal gesproken moet u door de lagensectie bladeren om het proces te voltooien. Met de eigenschap tekstcomponent kunt u dit in plaats daarvan in de zijbalk bekijken en wijzigen. Zo kunt u de teksteigenschapsfunctie in uw voordeel gebruiken:
- Selecteer het tekstelement in uw ontwerp.
- Geef uw element een naam zoals ‘tekst’ en de waarde ‘knop’ voordat u op ‘Eigenschap maken’ klikt.
- Vervolgens kunt u de tekst wijzigen en experimenteren met de formulering van uw call-to-action.
De eigenschap text is handig in gebruik naast de opties voor instance swap en Boolean.
hoe het Windows 7-scherm te draaien
Varianteigenschappen gebruiken op Figma
Met de nieuwe componentupdates op Figma kun je meerdere varianten maken en ze allemaal bedienen via de rechterzijbalk. Als u dit doet, kunt u tekst efficiënter wijzigen en pictogrammen verwisselen. U kunt ook andere aspecten van het ontwerp van uw variant bepalen. Laten we eens kijken hoe we dit kunnen doen:
- Selecteer je ontwerp en klik in de bovenste balk op ‘Variant toevoegen’. Houd links ingedrukt, klik op je ontwerp en sleep de variant er direct naast.
- U zult zien hoe de tweede varianteigenschap in de rechterzijbalk verschijnt. Label de eigenschap opnieuw naar 'knop' en de waarde ernaast naar 'rood'.
- Deze eigenschappen labelen nu uw variant. Als u uw oorspronkelijke ontwerp selecteert, zult u merken dat de waarde weer is gewijzigd naar ‘standaard’.
Veelgestelde vragen
Kan ik logo's maken met de Booleaanse optie?
Technisch gezien kunt u met de eigenschap Boolean meerdere vormen combineren met behulp van hun paden. Hoewel dit een manier kan zijn om eenvoudige logo's te maken, zijn de opties beperkt tot eenvoudige vormen zoals ellipsen. In plaats daarvan is het het beste om de pentool te gebruiken voor zaken als het maken van logo's. U kunt nog steeds de andere componentupdates gebruiken om het lagenproces eenvoudiger te maken.
Kan ik het lettertype wijzigen met de eigenschapsoptie Tekstcomponent?
Jammer genoeg niet. Met de eigenschap tekstcomponent kunt u de tekst wijzigen in plaats van het lettertype. U kunt echter nog steeds de tekst selecteren en het juiste lettertype vinden via de rechterzijbalk.
Wat zijn enkele ontwerpinstanties waarbij ik de bovenstaande componenteigenschappen moet gebruiken?
U hoeft geen componenteigenschappen voor varianten te gebruiken. Het maakt het ontwerpproces echter veel eenvoudiger en sneller. Voorbeelden zijn knoppen waarvoor verschillende kleuren nodig zijn, die voornamelijk vergelijkbaar zijn met slechts één componentwijziging, of kleine vormvarianten op de landingspagina. Ze zijn ook handig bij het maken van twee ontwerpen en het kiezen van de beste.
Stroomlijn uw ontwerpproces met componenteigenschappen op Figma
Met opties zoals Boolean kunt u nieuwe aangepaste vormen maken op basis van een combinatie van oude. Dit gebeurt via de bovenste zijbalk met vier formule-opties. Deze omvatten unie, aftrekken, snijden en uitsluiten. Op dezelfde manier kunt u andere opties voor componenteigenschappen gebruiken, zoals teksteigenschap en exemplaarwissel. Hierdoor kunt u eenvoudig varianten met verschillende componenten maken. Uiteindelijk helpt het gebruik van componenteigenschappen het ontwerpproces te stroomlijnen.
Welke complexe vormen heb je gemaakt met de Booleaanse optie? Vond u de opties voor componenteigenschappen ook gemakkelijk te gebruiken? Laat het ons weten in de commentaarsectie hieronder.
