Hvordan bruke en boolsk formel i Figma
Figma er kjent som et av de beste programmene for grafiske designere over hele verden. Funksjonene er omfattende, og hjelper brukere med å lage alt fra iøynefallende logoer til unike landingssider. Spesielt lar den boolske funksjonen (også en del av oppdateringen av komponentegenskaper i 2002) deg oppnå tilpassede former ved å kombinere lagene deres gjennom flere formler.
Her lærer du hvordan du bruker de boolske funksjonene i neste design.
De boolske formelalternativene for egendefinerte former
Før du lager din egendefinerte form, må du vite hvordan boolske formler fungerer og hva de oppnår. Når du lager en boolsk gruppe, vil den telle som et enkelt formlag med både fyll-og strekegenskaper.
Du finner det boolske ikonet med to overliggende firkanter i topplinjen av grensesnittet ditt. Du vil ha fire formelalternativer fra rullegardinmenyen når du klikker på den.
Disse formelalternativene inkluderer:
Union Selection – Dette alternativet gjør dine valgte former til en boolsk gruppe. Når du bruker Union, vil banene til den ytre underformen danne omrisset av den nye tilpassede formen. Den vil imidlertid ikke inkludere noen av de indre overlappende segmentene. Trekk fra valg – Det er nyttig å vurdere at dette alternativet er det motsatte av fagforeningsvalget. Den fjerner hele området av en form fra basisformen. Dette lar bare det nederste laget være synlig. Skjæringsvalg – Med skjæringsvalg kan brukere lage en egendefinert form som kun består av de overlappende segmentene til de originale formene eller underlagene. Ekskluder utvalg – Ekskluder-funksjoner er det motsatte av alternativet for kryssende boolsk gruppe. Ved å bruke den får du en tilpasset form fra de ikke-overlappende delene av de originale figurene.
Husk at du må velge to eller flere former før du effektivt kan bruke det boolske alternativet fra toppmenyen. Dette er fordi boolsk bare kombinerer flere formlag til én tilpasset og kompleks form.
Bruke Figma Instance Swap Property
Da Figma annonserte oppdateringen av komponentegenskapene i 2022, var det boolske utvalget bare én av de mange nye funksjonene som er tilgjengelige. Hele poenget med komponentoppdateringen er å hjelpe deg med å lage variasjonsmaler på en effektiv måte i stedet for å grave i uveielige alternativer.
Selv om boolsk er en viktig del av dette, kan brukere også bruke instansen. bytte eiendom. Slik gjør du det:
Velg et element i designet ditt.
Naviger til forekomstbyttemenyen på høyre side av grensesnittet og klikk på den. Ikonet har en diamant med en pil.
Gi et navn til egenskapen, for eksempel”ikon”på hurtigmenyen, og sett verdien til en hake, for eksempel.
Velg”Opprett egenskap.”Figma vil da merke komponentegenskapen der byttemenyen opprinnelig var.
Lag en kopi av designet ved å velge det og bruke kommandoen CTRL + C. Sett deretter forekomstene side om side.
Velg et nytt ikon fra den merkede komponentegenskapsmenyen ved å klikke på det. Dette vil automatisk endre elementet på forekomsten.
Forekomstbyttefunksjonen handler om bekvemmelighet. Ved å bruke alternativet for bytte forekomst vil du strømlinjeforme designprosessen mens du raskt bytter varianter (forekomster) side om side.
Bruk av alternativet for tekstegenskap for enkle forekomstendringer
La oss si at du designer en handlingsfremmende knapp for en landingsside. Du har to varianter side om side, og du har brukt instansbytteegenskapen for å se forskjellige ikoner. Ordlyden er imidlertid et annet element å ta hensyn til.
Vanligvis må du blande deg gjennom lagdelen for å fullføre prosessen. Med tekstkomponentegenskapen kan du vise og endre dette på sidefeltet i stedet. Slik bruker du tekstegenskapsfunksjonen til din fordel:
Velg tekstelementet på designet ditt.
Gi elementet ditt et navn som”tekst”og verdien”knapp”før du klikker på”Opprett eiendom.”
Du vil da kunne endre teksten og eksperimentere med ordlyden for handlingsfremmende uttrykk.
Tekstegenskapen er praktisk å bruke sammen med forekomsten swap og boolske alternativer.
Hvordan bruke variantegenskaper på Figma
Med de nye komponentoppdateringene på Figma kan du opprette flere varianter og kontrollere dem alle fra høyre sidefelt. vil hjelpe deg å endre tekst og bytte ikoner mer effektivt. Du kan også kontrollere andre aspekter av variantens design. La oss se hvordan du gjør det:
Velg design og klikk på”Legg til variant”i topplinjen. Hold venstre, klikk på motivet ditt og dra varianten rett ved siden av.
Du vil legge merke til hvordan den andre variantegenskapen vil vises på høyre sidefelt. Merk egenskapen på nytt til”knapp”og verdien ved siden av den til”rød.”
Disse egenskapene vil nå merke varianten din. Hvis du velger det opprinnelige designet ditt, vil du legge merke til at verdien er endret tilbake til «standard».
Vanlige spørsmål
Kan jeg lage logoer med boolsk alternativ?
Teknisk sett lar den boolske egenskapen deg kombinere flere former ved å bruke banene deres. Selv om dette kan være en måte å lage enkle logoer på, er alternativene begrenset til enkle former som ellipser. Bruk i stedet pennen verktøy for ting som logooppretting er best. Du kan fortsatt bruke de andre komponentoppdateringene for å gjøre lagdelingsprosessen enklere.
Kan jeg endre skrifttypen ved å bruke egenskapsalternativet for tekstkomponent?
Dessverre ikke. Tekstkomponentegenskapen lar deg endre teksten i stedet for skrifttypen. Du kan imidlertid fortsatt velge teksten og finne den riktige skriften gjennom høyre sidefelt.
Hva er noen designforekomster der jeg Må du bruke komponentegenskapene ovenfor?
Du trenger ikke bruke komponentegenskaper for varianter. Det gjør imidlertid designprosessen mye enklere og raskere. Eksempler er knapper som krever forskjellige farger, hovedsakelig like med bare én komponentendring, eller små varianter av landingssideform. De er også nyttige for å lage to design og velge den beste.
Strømlinjeform designprosessen med komponentegenskaper på Figma
Med alternativer som boolsk kan du lage nye tilpassede former fra en kombinasjon av gamle. Dette gjøres gjennom den øverste sidelinjen med fire formelalternativer. Disse inkluderer union, subtrahere, skjære og ekskludere. På samme måte kan du bruke andre komponentegenskapsalternativer, for eksempel tekstegenskap og instansbytte. Dette gjør det enkelt å lage varianter med forskjellige komponenter. Til syvende og sist bidrar bruk av komponentegenskaper til å strømlinjeforme designprosessen.
Hvilke komplekse former laget du med det boolske alternativet? Syntes du også at komponentegenskapene var enkle å bruke? Gi oss beskjed i kommentarfeltet nedenfor.
Ansvarsfraskrivelse: Noen sider på dette nettstedet kan inneholde en tilknyttet lenke. Dette påvirker ikke redaksjonen vår på noen måte.
