Betűtípusok
A tipográfia több, mint szavak egy oldalon; alapvető elem, amely átszövi márkaidentitásunk szövetét. Gondosan kiválasztott betűtípusaink üzenetünk csendes nagykövetei, amelyek minden kommunikációnkban egységes és felismerhető hangot biztosítanak.
Gyorslinkek:
Az információközlésen túl a betűtípusunk megtestesíti márkánk lényegét - a letisztultság, a modernitás és a professzionalizmus harmonikus keverékét. Ebben a részben nemcsak az általunk használt betűtípusokat, hanem az alkalmazásukat vezérlő elveket is megvizsgáljuk, biztosítva, hogy márkánk minden interakcióban zökkenőmentesen és hatásosan jelenjen meg.
Tipográfiai rendszerünket a sokoldalúságra terveztük, és a különböző médiumokhoz alkalmazkodó, folyékony irányelveket kínálunk; minden egyes csatorna külön specifikációkkal rendelkezik, amelyeket az átfogó rendszerünkből szabtunk össze a márka egységes, mégis testre szabott megjelenítéséhez.
Simplon
Az elsődleges palettánk alkotja kreativitásunk nagy részét, és minden darabon a legerősebb árnyalatokat kell képviselnie.
Norm
A Norm alcsalád az elsődleges betűtípusunk, és 8 különböző súlyozásban kapható.
Mono
Bár van egy teljes mono karakterkészlet, azt csak ritkán használják a számokhoz.
Roboto
A Roboto olyan esetekben használatos, amikor a Simplon nem képes erre. Ha feltétlenül szükséges vagy szükséges a rendszer betűtípusa, a Roboto elfogadható tartalék.
Font Awesome Pro
hozzáférhetőség. Lényeges megjegyezni, hogy ez a betűtípus nem helyettesíti a dedikált ikonrendszereinket; inkább olyan helyzetekben kell alkalmazni, amikor szöveges megoldásokra van szükség.
Használja ezt az oldalt vagy a Font Awesome weboldalát, hogy könnyen megtalálja, másolja és beillessze az ikon karaktereket.
A Font Awesome Pro néhány különböző súlyú betűtípust tartalmaz. Mi csak a Regular vagy a Solid betűt használjuk, a lightot soha, mivel ezeket a karaktereket csak kisebb méretben használjuk táblázatokhoz és diagramokhoz.
A betűcsalád 100 karaktert tartalmaz. Az alábbiakban néhány, grafikonokban és táblázatokban való használatra jóváhagyott betűtípust mutatunk be.
Font Awesome Regular
Font Awesome Solid
Színes
Használat és alkalmazás
Fedezze fel az alábbi használati és alkalmazási példákat, ahol bemutatjuk a betűtípus- és tipográfiai rendszerünk helyes és helytelen alkalmazási módjait. Tervezési ritmusunkban a tartalom és a tipográfia jól összehangolt táncként működik együtt. Ezek a szabályok irányítják a vizuális betűtípus és a tartalomtervezés együttműködését, biztosítva, hogy az olvashatóság, az esztétika és a márkaidentitás tökéletes keveréke érdekében kiegészítsék egymást. Egyes vizuális kihívások tartalmi változtatásokkal oldhatók meg, és egyes tartalmi kihívások vizuális megoldásokat igényelnek.
Bár koncepcionális útmutatással találkozhat, a márkánk által felölelt médiumok változatos és dinamikus jellege miatt szándékosan nem adunk pontos specifikációkat. Az olyan részlegek, mint például a nyomtatás vagy a webdesign, saját specifikációkat állítanak fel ezen irányadó elvek alapján, hogy igazodjanak az egyes médiumok legjobb gyakorlataihoz.
Használja a Simplon Norm Bold betűsúlyt nagy méretekben, hogy hősies, erőteljes kijelentéseink nagy hatást gyakoroljanak.
Használja a Simplon Norm Bold betűsúlyt nagy méretekben, hogy hősies, erőteljes kijelentéseink nagy hatást gyakoroljanak.
A nagy címsoroknál adjon bőven szabad helyet. Hagyja, hogy az üzenet önmagáért beszéljen, anélkül, hogy idegen grafikák vagy más tartalmak közelsége akadályozná.
A nagy, félkövér hatáskifejezések legyenek szűkszavúak; legfeljebb 3-5 szó. Az írásjelek pontokkal vagy kérdéssel drámaiságot teremthetnek. Az írásjeleket és a mondattagolást mindig együtt kell használni, és nem szabad össze nem illeszteni.
Néha szükségünk van egy erőteljes kijelentésre, amely nem 3-5 szóból áll. Használja a normál súlyú betűtípust, de tartsa be a nagy méret, a távolságtartás, az írásjelek és a betűhúzás szabályait.
A főcímek és a hatáskifejezések nagy méretűek, és kisebb sortávolságot igényelnek, mint a törzsszöveg. A betűmérethez viszonyított 100%-os relatív sorközmagasság ajánlott, de médiumonként módosítható. Csak kerülje el a sormagasság nyújtását és a sormagasság tömörítését, amíg a le- és felmenőjelek össze nem érnek a hatásos szövegben.
A főcímek és a hatáskifejezések nagy méretűek, és kisebb sortávolságot igényelnek, mint a törzsszöveg. A betűmérethez viszonyított 100%-os relatív sorközmagasság ajánlott, de médiumonként módosítható. Csak kerülje el a sormagasság nyújtását és a sormagasság tömörítését, amíg a le- és felmenőjelek össze nem érnek a hatásos szövegben.
Kisebb méreteknél ne használja a félkövér betűméretet, mivel kisebb méretben olvashatósági problémákat okoz. A tartalomnak nagyfokú kontrasztot és rendezettséget kell biztosítanunk, ezért a méret, szín és súly használatával tegyük az oldalt kényelmesen olvashatóvá.
Ne használd a hatáskeltő kezelést a nyilvánvaló kijelentésére. Használjon felülvonalakat, alcímeket vagy közelséget, hogy ezeket a blokkokat kontextusban tartsa.
KÖVETKEZŐ SZAKASZ
A hierarchia fontos
Nem lehet minden a legfontosabb. Használja a tipográfiát a felhasználó eligazítására, és tegye a művet gyors átfutássá vagy kényelmes mélymerüléssé.
Az alcímek gyorsan olvashatók és beolvashatók
Ne próbáljon meg túl sokat mondani a főcímhez hasonló alcímben. Adja meg a felhasználónak azt a répát vagy kenyérmorzsát, hogy ha úgy dönt, olvasson tovább. Használja a címsorokat a cikk egészén keresztül a történet mérföldköveiként. Ha a felhasználó végiggörgeti az egész oldalt, vagy végigolvas egy oldalt, és csak a főcímeket olvassa, vajon megérti a történet alapfeltevését? Gyorsan megtalálják a számukra fontos dolgokat?
Az alcímeknek ugyanazokat az írásjel- és betűrendszabályokat kell követniük, mint a főcímeknek.
Lesznek olyan esetek, amikor másodlagos vagy egymásba ágyazott kijelentést kell tennie. Ugyanezeket az elveket alkalmazza ezekre az alcímekre is. A nagyobb hatású kijelentésekhez hasonlóan használd a színeket, a súlyt és a méretet, hogy elegendő kontrasztot és hierarchiát teremts a cikkedben. Nem csak azért, mert így jól néz ki, hanem mert így könnyebb olvasni is.
A hierarchia számít
Használja a márka eszköztárának minden eszközét, hogy a történet ragyogjon.
A tiszta típus mutatja a szakértelmünket.
- Vonalmagasság - A vonalmagasság változhat, és az adott médiumok esetében szükség is lesz rá. Ahhoz, hogy a testtípus megközelíthető, ugyanakkor kényelmes és olvasható legyen, a betűméret 130%-ánál kezdje, és soha ne legyen nagyobb, mint 155%-a. A feliratszöveg lehet keskenyebb, de a testtípus soha nem lehet 100%-nál keskenyebb. Egy technikai jellegű írás jelentős mennyiségű tartalmat igényelhet szűk helyen, míg egy marketinggel kapcsolatos írásnál mindig a világos és nyílt, nem pedig a túlterhelt tartalom felé kell hajlani.
- bekezdésmagasság - Hasonlóan a fentiekhez, biztosítani kell, hogy ez a tartalomnak és a médiumnak megfelelően működjön. Ennek ellenére a betűméret 100% és 140%-a között legyen.
- Inline stílus - Az inline stílus egy nagyobb szövegrészen belül hangsúlyt vagy fókuszt adhat. Használja ezeket a technikákat takarékosan, és próbálja csak a kulcsfontosságú néhány szót kiemelni.
Ha egy egész gondolatot vagy mondatot kell kiemelnünk, próbáljunk meg egy teljesen új sorba áttérni.
Használja a típus színét, hogy kényelmes olvasási élményt nyújtson, és a színekkel hívja fel a figyelmet a cselekvésre. Soha ne használjon akciószínt címszóként. A kék színünket tartsa fenn akciókhoz és linkekhez, és kerülje a statikus típusoknál való használatát. Mindenképpen tekintse át a következő hozzáférhetőségi irányelveket a megfelelő típuskontraszt követelményeihez.
Hozzáférhetőség
Annak érdekében, hogy minél több ügyfelünknek egységes élményt biztosítsunk, mindig a lehető legkönnyebben elérhetőek akarunk maradni. Ennek egyik módja, hogy betartjuk a WCAG 2.1 irányelveket a szöveg kontrasztarányára vonatkozóan.
Az alábbiakban az elsődleges palettáink minimálisan elfogadható kontrasztarányát láthatja háttérszínként. A felületen különböző elfogadható szövegszíneket láthat a palettánkból. A "minimális" alatt azt értjük, hogy a világosabb háttereken a legvilágosabb szöveget határozzuk meg, amely megfelel az AAA szabványoknak. Ez a szín, beleértve az árnyalatcsoport bármely sötétebb színét is, használható. És fordítva a sötét hátterek és a világosabbá váló szöveg esetében.
Kérjük, vegye figyelembe, hogy ha a szöveg színe félkövér betűsúlyban jelenik meg, az csak az AA szabványokat éri el, és kerülendő a kis, könnyű betűsúlyú alkalmazásoknál.
Csak az ajánlott szövegszíneket mutatjuk. A lila, narancssárga, sárga és teal akcentusok nem ajánlottak szöveghez.
Neutrálok
A szöveg sötétebb lehet, mint az alább felsorolt árnyalatok bármelyike.
Haditengerészet
Az Ön szövege világosabb is lehet az alább felsorolt árnyalatok bármelyikénél.
Kék
A szöveged lehet világosabb vagy sötétebb az alább felsorolt árnyalatok bármelyikénél, attól függően, hogy a paletta melyik felét használjuk.
