15 Online tipográfiai eszközök Minden tervezőnek tudnia kell
A tipográfia minden tervezés alapja, mert az olvasás az egyik legalapvetőbb dolog, amit az interneten csinálunk. A kiválasztott tipográfia hatással van a webhely több szempontjára is, beleértve olvashatóság, hangulat és az általános felhasználói élmény. A tervezők és a fejlesztők számára elengedhetetlen ismeri a tipográfia alapelveit nak nek olvasható, kellemes mintákat hoz létre.
Korábban beszéltünk a betűkészletek párosítására szolgáló eszközökről, és ma megosztjuk azokkal az eszközökkel, amelyek jobb olvasási élményt érhetnek el az épített és / vagy tervezett webhelyeken.
Íme a pluginok, az online eszközök és a szkriptek, amelyek segítenek fantasztikus címek létrehozása és tiszta olvasható szöveg.
Típusazonosítótábla
Nem fog tervezési döntéseket hozni az Ön számára, hanem meghatározza a megfelelő jelölést a stílusokkal a közös tipográfiai sablonokhoz. Tippeket is adhat a szövegmásolás megfelelő stílusának megtervezésére.
Nézze meg: Demó | Dokumentáció
Gutenberg
A Gutenberg egy rugalmas és könnyen használható tipográfiai kezdőcsomag a fejlesztők és tervezők számára. Ez segít beállítani az alaptípus méretét, a vonalmagasságot és a maximális szélességet. Gutenberg egy nyílt forráskódú projekt, így nyugodtan járulhat hozzá, módosíthatja és módosíthatja.
Nézze meg: Demó | Dokumentáció
Lettering.js
A Lettering.js egy jQuery plugin, amely vezérli a kerning típusát. Lehetővé teszi a szerkesztői tervezés egyszerű és egyszerű kezelését. A weboldal csodálatos példákat mutat be a beépülő modul által készített tipográfia ihletésére.
Nézze meg: Demó | Dokumentáció
Typebase.css
A Typebase.css egy testreszabható tipográfiai stíluslap. Tartalmaz mind saas, mind kevesebb verziót, és könnyen módosítható modern webes projektekké.
Nézze meg: Demó | Dokumentáció
FitText
A FitText egy plugin, amely a webhely betűméreteit rugalmassá teszi. Segítségével skálázható fejléceket érhet el a különböző képernyőfelbontásokhoz; más szóval, a tipográfia érzékeny. Csak hatalmas szövegek megjelenítésére készült.
Nézze meg: Demó | Dokumentáció
Kerning.js
A Kerning.js segítségével a CSS segítségével automatikusan átalakíthatja, méretezheti és módosíthatja tipográfiáját. A Kerning.js segítségével könnyen elkezdhetjük.
Nézze meg: Demó | Dokumentáció
Typesettings.css
A Typesettings.css a játszótér, ahol minimalista webes projekteket vagy blogokat hozhat létre. Az itt használt összes tipográfiai stílus a grafikai tervezés alapjai.
Nézze meg: Demó | Dokumentáció
Hátizsák
A hátizsák segítségével csodálatos folyadék tipográfiát hozhat létre a betűméret új, érzékeny tulajdonságának köszönhetően. Az érzékeny tipográfia létrehozása rendkívül egyszerű.
Nézze meg: Demó | Dokumentáció
FlowType.JS
A legolvashatóbb tipográfia soronként 45 és 75 karakter között van, de az egyensúly megtalálása kihívást jelent a fejlesztők számára. A FlowType.JS megváltoztatja a betűméretet és ezt követően a vonalmagasságot egy adott elem szélessége alapján.
Nézze meg: Demó | Dokumentáció
Blast.js
A Blast.js segít abban, hogy elkülönítse a szövegeket, hogy megkönnyítse a tipográfia manipulálását. 4 beépített határolót tartalmaz: karakter, szó, mondat és elem. Az egyéni kifejezéseket és kifejezéseket is egyezheti.
Nézze meg: Demó | Dokumentáció
slabText
A slabText egy egyszerű szkript, amely a címsorokat sorokba osztja, hogy tökéletesen kitöltse a rendelkezésre álló vízszintes területet. A szkript egy ideális karaktert számít ki az egyes sorokban beállítandó karakterek számának megadásával a rendelkezésre álló szélesség pixel betűmérettel való megosztásával.
Nézze meg: Demó | Dokumentáció
Típusméret
A Type Scale (Típusskála) segítségével megtekintheti és kiválaszthatja a projekthez megfelelő típusú skálát. Nincsenek szabályok - csak játsszon a betűmérettel, a skálával és a különböző web-betűkészletekkel.
Nézze meg: Demó | Dokumentáció
Nyomdai
A tipográfia segít a tipográfia érzékeny működésében. Mindössze annyit kell tennie, hogy csak néhány betűtípust válasszon, állítson be néhány beállítást, és szép érzékeny tipográfiát kap.
Nézze meg: Demó | Dokumentáció
Typi
A Typi egy saas keverék, amellyel könnyedén választható tipográfia készíthető. Betűméretet és vonalmagasságot hoz létre HTML és egyéb elemek számára. Szintén a Typi függőleges ritmus funkcióval rendelkezik a vonalmagasságok kiszámításához.
Nézze meg: Dokumentáció
Lining.js
A Lining.js bővítmény segítségével teljes körű ellenőrzést kaphat a webes tipográfia felett. A legnépszerűbb böngészők, például a Safari, a Google Chrome, az Opera és a Mozilla Firefox támogatják.
Nézze meg: Demó | Dokumentáció
Bónusz: 2 Több eszköz!
A webtípus állapota
A webtípus állapota olyan webhely, amely naprakész adatokat nyújt a típus és a webes szolgáltatások körében nyújtott támogatásról. A keresést vagy kategóriákat használhatja, mint például a kerning, a tőke-távolság, a CSS betöltése és még sok minden más.
Typograph
A tipográfia egy fantasztikus webes és vázlatos plugin, amely lehetővé teszi, hogy egy betűs szó után ne törje meg a szóközöket, csatlakoztassa a számot és az egységet. Eltávolítja a kettős tereket, belép, pontokat és más hibákat, így tiszta, szép tipográfia érhető el, amely könnyen olvasható.
Nézze meg: Dokumentáció