A szövegtulajdonságok beállítása az Adobe XD-ben

Ha van szövege az Adobe XD projektben, elkezdheti módosítani a szöveg tulajdonságait. Ezek a tulajdonságok a következők: Betűcsalád, Betűméret, Betűsúly, Igazítás, Karaktertávolság (bevágás és követés), Sortávolság (vezető), Kitöltés, Szegély (vonás), Árnyék (vetett árnyék) és Háttér életlenítése. Tehát nézzük meg, hogyan alkalmazzák ezeket a tulajdonságokat.

Az olvashatóságról és a betűtípus kiválasztásáról

A betűtípus kiválasztása kritikus fontosságú. Lehetséges, hogy a rendszerében számos betűtípus közül választhat, de csak néhány kiválasztott fogja kivágni, mint sikeres választást a képernyőn történő olvasáshoz. Néhány jellemző, amelyet a betűtípus kiválasztásánál keresni kell, a következők:

• Serif vagy nem szerif? Alul egy betűtípuscsalád látható felül serif stílusban, alul pedig egy sans serif stílusban. A serifeknek enyhe kiemelkedésük van, amely befejezi a betűk vonásait. A Sans serif-nek viszont nincs ilyen enyhe vetülete. A Sans Serif betűtípusok általában modernebbnek tűnnek, és népszerű választás az interaktív alkalmazásokhoz és webhelyekhez. Korábban azt hitték, hogy a serifeket tartalmazó betűtípuscsaládok könnyebben olvashatók, ha nagy mennyiségű szöveg volt. A szemkövető eszközökkel végzett tesztek bebizonyították, hogy nincs jelentős különbség az olvashatóságban a serif és a sans-serif között, ezért nyugodtan válasszon bármelyik stílust, feltéve, hogy odafigyel a következő betűtípus-jellemzőkre.

  Felül serif betűtípus, alul sans-serif.

• Egyenes, egyenletes vonalszélességek: Mivel a szöveget pixelekből fogjuk létrehozni, a legjobb, ha a szöveg szélessége nem változik nagy mértékben. A pixeles előnézetben láthatja a különbséget a változó szélességű (felül) betűtípus és a szélességében konzisztens betűtípus között.

  A felső betűtípus változatos vastag és vékony vonalakat tartalmaz, amelyek létrehozzák a betűtípust; az alsó betűtípus egységes és könnyebben olvasható a képernyőn.

• Erős számlálók: A számlálók azok a lyukak, amelyeket az „O”, „B” és „R” betűkben láthat. Ügyeljen arra, hogy mekkorák ezek a számlálók, mivel olvashatósági problémákat is okozhatnak, ha bezárulnak, amikor pixelként jelennek meg a képernyőn. Megjelenik két különböző betűtípus-család pixelnézete; nézze meg, hogyan néznek ki a számlálók egymáshoz képest.

  Keressen erős nyitott számlálókat a betűtípuscsalád kiválasztásában.

• Az ereszkedők és a sapka magassága: A rövid ereszkedők és az alacsony sapkamagasságok fontosak a képernyőn való olvashatóság szempontjából. A tetején egy betűcsalád látható rövid ereszkedőkkel és alacsony sapkamagassággal; alul hosszú ereszkedőkkel és magas sapkamagasságú betűtípussal.

  A rövid ereszkedőkkel és alacsony sapkával rendelkező betűcsalád általában könnyebben olvasható a képernyőn.

A betűtípuscsalád kiválasztása

Most, hogy tudja, mi teszi jobb betűtípus kiválasztását az olvashatóság érdekében, a Tulajdonságok panelen válasszon egyet. A választás során a következőkre kell figyelni:

• Betűcsalád: Miután beírt bizonyos típust a képernyőn, kiválaszthatja azt, és a Tulajdonságok panel Szöveg részében válassza a Betűcsalád legördülő menüt. Ha ismeri a kívánt betűtípust, egyszerűen kezdje el beírni a betűtípus nevét a Font Family szövegmezőbe, és ha a rendszerben megtalálható, akkor a listában megtalálható.

  Ne felejtse el, hogy az Adobe TypeKit-en keresztül elérhető betűtípusok állnak rendelkezésre.

• Betűtípus súlya: Miután kiválasztotta a betűtípuscsaládot, a Betűsúly legördülő menüből választhat súlyt. A rendszerben található betűtípusoktól függően különböző betűtípus-súlyok közül választhat.

  Válasszon betűtípuscsaládot és betűméretet.

• Betűméret: Egyszerűen beírhat egy betűméretet a Betűméret szövegmezőbe, de ha nem biztos abban, hogy melyik méret működik a legjobban, helyezze a kurzort a Betűméret szövegmező alá, és kattintson rá, majd húzza. A húzás előtt keresse meg a kétfejű nyilat. Felfelé húzással csökken a méret; lefelé növeli a méretet.

  Kattintson és húzza a betűméretet vizuálisan módosítani.

• Igazítás: A Tulajdonságok panel Szöveg részében található Igazítás gombok segítségével módosíthatja a kiválasztott szöveget Balra, Középre vagy Jobbra igazításra.
• Karaktertávolság: A karaktertávolság a karakterek közötti szóközt jelenti. Ezt követésnek nevezik . Itt láthatja a karakterek közötti térköz növelésének eredményét.

  Karakterek normál térközzel, 0-ra (nullára), majd 150-re állítva.

Ne feledje, hogy ugyanazt a kattintás és húzás technikát használhatja, mint a Betűméret szövegmezőben a karaktertávolság vizuális megváltoztatásához.

A karaktertávolság méretét vizuálisan is módosíthatja kattintással és húzással.

• Sormagasság: Sormagasság van vezető , a sorok közötti szöveget. Ez fontos szerepet játszhat az információtervezésben, ezért ügyeljen arra, hogy ezt következetesen használja a tervezés során. A kurzort a Vonalmagasság szövegmező alá is helyezheti, és a vonalmagasság csökkentéséhez vagy növeléséhez kattintson és húzza felfelé vagy lefelé.
• Szín: Módosítsa a Kitöltés színét a Kitöltés színe melletti négyzetre kattintva a Tulajdonságok panelen. Ugyanúgy hajtja végre ezt a feladatot, mint bármely alakzat esetében. Jelölje be a Kitöltés mezőt, és válasszon egy színt a Színválasztóból. A szöveg átlátszóságát a Színválasztó jobb oldalán található Átlátszóság dián is kiválaszthatja.
• Szegély: A szegély alkalmazása körvonalazza a szöveget. Ez nem ajánlott, mert olvashatósági problémákat okozhat. Használja takarékosan és talán csak speciális effektusokhoz. Az alábbi képen látható egy példa egy nagyobb betűtípusra, amelynek vékony vonalvezetése és fehér kitöltése van a sötétebb háttéren. Ilyen helyzetben a szegély működhet, de kisebb szöveggel nem.

  Kis szegély fehér kitöltéssel, sötét alapon.