Homepage » Web Design » 15 Online tipográfiai eszközök Minden tervezőnek tudnia kell

    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ó