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.
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.
