Com ajustar les propietats del text a Adobe XD

Quan tingueu text al vostre projecte Adobe XD, podeu començar a canviar les propietats del text. Aquestes propietats inclouen Família de tipus de lletra, Mida del tipus de lletra, Pes del tipus de lletra, Alineació, Espaiat entre caràcters (interlineat i seguiment), Interlineat (interlineat), Farciment, Vora (traç), Ombra (ombra vertical) i Desenfocament de fons. Per tant, revisem com s'apliquen aquestes propietats.

Sobre la llegibilitat i les seleccions de tipus de lletra

La selecció d'un tipus de lletra és d'importància crítica. És possible que tingueu moltes opcions de tipus de lletra al vostre sistema, però només uns quants el tallaran com a opció correcta per a la lectura en pantalla. Algunes característiques que cal cercar a la selecció de tipus de lletra inclouen les següents:

• Serif o no serif? A continuació, veieu una família de tipus de lletra amb l'estil serif a la part superior i una altra en sans serif a la part inferior. Les serigrafies tenen una lleugera projecció que acaba amb un traç d'una lletra. Sans serif, en canvi, no té aquesta lleugera projecció. Els tipus de lletra sense serif solen semblar més moderns i són una opció popular per a aplicacions interactives i llocs web. En el passat, es creia que les famílies de tipus de lletra amb serigrafies eren més fàcils de llegir quan hi havia una gran quantitat de text. Les proves realitzades amb dispositius de seguiment ocular han demostrat que no hi ha una diferència important de llegibilitat entre serif o sans-serif, així que no dubteu a triar qualsevol estil sempre que presteu atenció a algunes de les altres característiques de la lletra que segueixen.

  Una tipografia serif a la part superior, sans serif a la part inferior.

• Amplades de línia rectes i uniformes: com que el vostre tipus es crearà a partir de píxels, és millor no tenir moltes variacions en l'amplada del vostre text. Podeu veure la diferència, en una vista prèvia de píxels, entre una opció de tipus de lletra amb variació en l'amplada (superior) i una font que sigui coherent en la seva amplada.

  El tipus de lletra superior té variacions en les línies gruixudes i primes que creen el tipus de lletra; el tipus de lletra inferior és coherent i més fàcil de llegir a la pantalla.

• Comptadors forts: els comptadors són els forats que veieu en lletres com "O", "B" i "R". Fixeu-vos en la mida d'aquests comptadors, ja que també poden causar problemes de llegibilitat si es tanquen quan es mostren com a píxels en una pantalla. Apareix una vista de píxels de dues famílies de tipus de lletra diferents; mireu com es veuen els comptadors en cadascun en comparació entre ells.

  Busqueu comptadors oberts forts a la selecció de la vostra família de tipus de lletra.

• Descendents i alçada de la tapa: els descendents curts i les altures de la tapa baixes són importants per a la llegibilitat a la pantalla. A la part superior veieu una família de tipus de lletra amb descendents curts i alçades de cap baixes; a la part inferior, un tipus de lletra amb llargs descendents i altes de cap.

  Normalment, una família de tipus de lletra amb descendents curts i una alçada de majúscula baixa és més fàcil de llegir a la pantalla.

Seleccioneu la vostra família de tipus de lletra

Ara que ja sabeu què fa una millor selecció de tipus de lletra per a la llegibilitat, utilitzeu el tauler Propietats per seleccionar-ne una. Les coses que cal cercar quan feu la vostra selecció inclouen les següents:

• Família de tipus de lletra: després d'haver introduït algun tipus a la pantalla, podeu seleccionar-lo i triar el menú desplegable Família de tipus de lletra a la secció Text del tauler Propietats. Si coneixeu el tipus de lletra que voleu, només heu de començar a escriure el nom del tipus de lletra al quadre de text Família de tipus de lletra i, si és al vostre sistema, es trobarà a la vostra llista.

  No oblideu que teniu fonts disponibles mitjançant Adobe TypeKit.

• Pes de la lletra: després de seleccionar una família de tipus de lletra, podeu triar un pes al menú desplegable Pes de la lletra. Depenent dels tipus de lletra que tingueu al vostre sistema, tindreu diferents opcions de pes de lletra.

  Trieu una família de tipus de lletra i un pes de lletra.

• Mida del tipus de lletra : només podeu escriure una mida de lletra al quadre de text Mida del tipus de lletra, però si no esteu segur de quina mida funciona millor, podeu col·locar el cursor a sota del quadre de text Mida del tipus de lletra i fer clic i arrossegar. Busqueu la fletxa de doble cap abans d'arrossegar. Arrossegant cap amunt disminueix la mida; cap avall augmenta la mida.

  Feu clic i arrossegueu per canviar visualment la mida de la lletra.

• Alineació: podeu canviar el text seleccionat a Alinear a l'esquerra, al centre o a la dreta mitjançant els botons Alineació de la secció Text del tauler Propietats.
• L'espaiat entre caràcters: espaiat entre caràcters es refereix a l'espai entre caràcters. Això es coneix com a seguiment . Aquí veieu el resultat d'augmentar l'espai entre caràcters.

  Caràcters amb espai normal, establerts a 0 (zero) i després a 150.

Tingueu en compte que podeu utilitzar la mateixa tècnica de fer clic i arrossegar que està disponible al quadre de text Mida de la lletra per canviar visualment l'espai entre caràcters.

També podeu canviar visualment la mida de l'espai entre caràcters fent clic i arrossegant.

• Alçada de la línia: alçada de la línia està conduint , l'espai entre les línies de text. Això pot tenir un paper important en el disseny de la informació, així que assegureu-vos que ho feu servir de manera coherent al llarg del vostre disseny. També podeu situar el cursor a sota del quadre de text Alçada de la línia i fer clic i arrossegar cap amunt o cap avall per reduir i augmentar l'alçada de la línia.
• Color: canvieu el color de farciment fent clic al quadre al costat de Color de farciment al tauler Propietats. Realitzeu aquesta tasca de la mateixa manera que ho faria amb qualsevol forma. Seleccioneu el quadre Omplir i seleccioneu un color del Selector de colors. També podeu seleccionar la transparència per al vostre text a la diapositiva Transparència disponible a la dreta del Selector de colors.
• Vora: l' aplicació d'una vora posa un traç al voltant del text. Això no es recomana perquè pot causar problemes de llegibilitat. Utilitzeu-lo amb moderació i potser només per a efectes especials. La imatge següent mostra un exemple d'una tipografia més gran que té un traç prim i un farciment blanc sobre un fons més fosc. En una situació com aquesta, una vora podria funcionar, però no amb un text més petit.

  Una petita vora amb un farciment blanc sobre un fons fosc.