Figma és conegut com un dels millors programes per a dissenyadors gràfics a tot el món. Les seves funcions són completes i ajuden els usuaris a crear qualsevol cosa, des de logotips atractius fins a pàgines de destinació úniques. En particular, la característica booleana (també part de l'actualització de propietats dels components el 2002) us permet aconseguir formes personalitzades combinant les seves capes mitjançant diverses fórmules.
Aquí aprendràs a utilitzar les funcions booleanes en el teu proper disseny.
Les opcions de la fórmula booleana per a les formes personalitzades
Abans de crear la vostra forma personalitzada, haureu de saber com funcionen les fórmules booleanes i què aconsegueixen. Sempre que feu un grup booleà, comptarà com una sola capa de forma amb propietats de farciment i traç.
com fer xbox a casa xbox
Podeu trobar la icona booleana amb dos quadrats superposats a la barra superior de la vostra interfície. Quan hi feu clic, tindreu quatre opcions de fórmula al menú desplegable.
Aquestes opcions de fórmula inclouen:
- Selecció d'unió: aquesta opció converteix les formes seleccionades en un grup booleà. Quan utilitzeu Union, els camins de la subforma exterior formaran el contorn de la nova forma personalitzada. Tanmateix, no inclourà cap dels segments interiors superposats.
- Resta la selecció: és útil tenir en compte que aquesta opció és el contrari de la selecció de la unió. Elimina tota l'àrea d'una forma de la forma base. Això només deixa visible la capa inferior.
- Selecció d'intersecció: amb la selecció d'intersecció, els usuaris poden crear una forma personalitzada que només consta dels segments superposats de les formes o subcapes originals.
- Exclou la selecció: exclou funcions és el contrari de l'opció d'intersecció del grup booleà. El seu ús us donarà una forma personalitzada a partir de les parts no superposades de les formes originals.
Recordeu que haureu de seleccionar dues o més formes abans de poder utilitzar efectivament l'opció booleana del menú superior. Això es deu al fet que Boolean només combina diverses capes de forma en una forma personalitzada i complexa.
Utilitzant la propietat d'intercanvi d'instàncies de Figma
Quan Figma va anunciar l'actualització de les propietats dels components el 2022, la selecció booleana era només una de les múltiples funcions noves disponibles. L'objectiu principal de l'actualització de components és ajudar-vos a crear plantilles de variació de manera eficaç en lloc d'explorar opcions fora del camí.
Tot i que el booleà és una part important d'això, els usuaris també poden utilitzar la propietat d'intercanvi d'instàncies. A continuació s'explica com fer-ho:
- Seleccioneu un element del vostre disseny.
- Aneu al menú d'intercanvi d'instàncies a la part dreta de la interfície i feu-hi clic. La icona té un diamant amb una fletxa.
- Doneu un nom a la propietat, com ara 'icona' al menú emergent, i establiu el valor amb una marca de verificació, per exemple.
- Seleccioneu 'Crea una propietat'. Aleshores, Figma marcarà la propietat del component on es trobava originalment el menú d'intercanvi.
- Creeu una còpia del vostre disseny seleccionant-lo i fent servir l'ordre CTRL + C. A continuació, configureu les instàncies una al costat de l'altra.
- Seleccioneu una icona nova al menú de propietats del component marcat fent-hi clic. Això canviarà automàticament l'element de la instància.
La funció d'intercanvi d'instàncies es refereix a la comoditat. Amb l'opció d'intercanvi d'instàncies, agilitzareu el procés de disseny mentre canvieu ràpidament les variacions (instàncies) una al costat de l'altra.
Ús de l'opció de propietat de text per a canvis fàcils d'instàncies
Suposem que esteu dissenyant un botó de crida a l'acció per a una pàgina de destinació. Teniu dues variacions una al costat de l'altra i heu utilitzat la propietat d'intercanvi d'instàncies per veure diferents icones. Tanmateix, la redacció és un altre element a tenir en compte.
Normalment, haureu de remenar la secció de capes per completar el procés. Amb la propietat del component de text, podeu veure-ho i canviar-ho a la barra lateral. A continuació us indiquem com podeu utilitzar la funció de propietat de text al vostre avantatge:
podeu canviar el nom del vostre compte de Steam
- Seleccioneu l'element de text del vostre disseny.
- Doneu un nom al vostre element com ara 'text' i el valor 'botó' abans de fer clic a 'Crea propietat'.
- Aleshores podreu canviar el text i experimentar amb la redacció de la vostra crida a l'acció.
La propietat de text és convenient utilitzar-la juntament amb les opcions d'intercanvi d'instàncies i booleans.
Com utilitzar les propietats de variants a Figma
Amb les noves actualitzacions de components a Figma, podeu crear diverses variants i controlar-les totes des de la barra lateral dreta. Si ho feu, us ajudarà a canviar el text i intercanviar icones de manera més eficient. També podeu controlar altres aspectes del disseny de la vostra variant. Vegem com fer-ho:
- Seleccioneu el vostre disseny i feu clic a 'Afegeix variant' a la barra superior. Mantingueu premut l'esquerra, feu clic al vostre disseny i arrossegueu la variant just al costat.
- Notareu com apareixerà la propietat de la segona variant a la barra lateral dreta. Torneu a etiquetar la propietat amb 'botó' i el valor al costat com a 'vermell'.
- Aquestes propietats ara etiquetaran la vostra variant. Si seleccioneu el vostre disseny original, notareu que el valor torna a ser 'predeterminat'.
Preguntes freqüents
Puc fer logotips amb l'opció booleana?
Tècnicament, la propietat booleana us permet combinar diverses formes utilitzant els seus camins. Tot i que aquesta pot ser una manera de fer logotips senzills, les opcions es limiten a formes simples com ara el·lipses. En lloc d'això, és millor utilitzar l'eina de ploma per a coses com la creació de logotips. Encara podeu utilitzar les actualitzacions d'altres components per facilitar el procés de capes.
Puc canviar el tipus de lletra mitjançant l'opció de propietat del component de text?
Lamentablement no. La propietat del component text us permet canviar el text en lloc de la font. Tanmateix, encara podeu seleccionar el text i trobar el tipus de lletra adequat a la barra lateral dreta.
com capturar una història instantània sense que ho sàpiguen
Quins són alguns casos de disseny en què hauré d'utilitzar les propietats dels components anteriors?
No cal que utilitzeu les propietats dels components per a les variants. Tanmateix, fa que el procés de disseny sigui molt més fàcil i ràpid. Alguns exemples són els botons que requereixen colors diferents, principalment similars amb només un canvi de component, o petites variants de forma de pàgina de destinació. També són útils per crear dos dissenys i triar el millor.
Optimitzeu el vostre procés de disseny amb les propietats dels components a Figma
Amb opcions com ara Boolean, podeu crear noves formes personalitzades a partir d'una combinació de les antigues. Això es fa a través de la barra lateral superior amb quatre opcions de fórmula. Aquests inclouen unir, restar, tallar i excloure. De la mateixa manera, podeu utilitzar altres opcions de propietat de components, com ara propietat de text i intercanvi d'instàncies. En fer-ho, és fàcil crear variants amb diferents components. En última instància, l'ús de propietats dels components ajuda a racionalitzar el procés de disseny.
Quines formes complexes heu fet amb l'opció booleana? Heu trobat que les opcions de propietats dels components també són fàcils d'utilitzar? Feu-nos-ho saber a la secció de comentaris a continuació.
