A harmonikus kombinációja betűtípusok, awebdesign - s blog
(Translation Victoria Shidlovskaya cikket Best Practices of kombinálása Betűtípusok származó Smashing Magazine magazin)
Már a kezdet kezdetén - egy rövid tanfolyam a besorolás serif betűtípusok. Ez a fordítás a Wikipedia. mint az orosz hagyomány, nincs ilyen osztály. De az Advent a számítógépes betűtípusok (támogatja Cirill) bővítette a headset, úgy, hogy minden orosz tervezők kell „float” ebben a kérdésben, mint hal a vízben.
Tehát minden betűtípus vannak osztva azok, serif (talpas) és sans serif (sans serif, a francia sans - nélkül). Sans serif betűtípusok orosz úgynevezett vágott.
És kiderült, hogy megfelel az európai hagyomány serif betűtípusok vannak osztva 4 osztály:
Példa Old Calendarist font - Garamond
Régi stílusú iliHumanist (Old Style) - font megjelent 1465-ben jellemzi átlós kiemelő (ez azt jelenti, hogy a legvékonyabb része a szöveg szögben, nem pontosan középen, a felső vagy alsó), kis különbség vastag és vékony vonalak szöveg, valamint kiváló olvashatóságot biztosít.
font class példa Átmeneti - Times New Roman
Átmeneti iliBaroque (Átmeneti vagy barokk) - először a 18. század közepén. Ezek a betűtípusok a legszélesebb körben elterjedt, így a Times New Roman (1932) és a Baskerville (1757). Ez az osztály a betűtípusok serifs között található a régi naptár és kortárs (modern), innen a név Átmeneti. A különbség a vastag és vékony vonalak szövegének világosan, mint a régi stílusú, de nem olyan drámai, mint a jelen.
font class példája Modern - Bodoni
Modern vagy Didone (Modern) - jelent meg a 18. század végén. Ez jellemzi a szélsőséges ellentét vastag és vékony vonalak a jel. Modern font egy függőleges hangsúlyt (vékony vonal pontosan félúton a felső és alsó), vékony szép serifs. Font vékony, de nagyon vastag függőleges vonalak. A legtöbb osztály Modern betűtípus nehezebben olvasható, mint a régi stílust és átmeneti. Példák font - Bodoni, Didot, és számítógépes Modern.
font class példa Slab serif - Rockwell
Slab serif vagy egyiptomi (négyzetes) - általában nagyon kevés, ha egyáltalán különbség a vékony rész és a vastag lemez. Slab serif van egy „kövér”, egy négyzetes és néha van egy fix szélességű, ami azt jelenti, hogy az összes karaktert és szóközt a szavak között van egyforma szélesség (írógép). Néha ezek az úgynevezett vágott betűtípusok serifs, mivel azok formájában sans serif betűtípust. Slab serif meg 1800 körül. Példák betűtípusok - Clarendon, Rockwell és Courier.
Nos, most már lépni a tárgya a cikk -, hogyan kell kiválasztani, és a mérkőzés betűtípus létrehozásakor az elrendezést.
Lenyűgöző font készítmények - ez minden bizonnyal egy művészet, nem tudomány. Valóban, a szépség, a betűtípusok nincsenek határai. Bár nincsenek abszolút szabályokat állapítanak meg egymással kombinálva, ez jó, hogy kövesse a legjobb gyakorlatokat ezen a területen. Ebben a tutorial, hogy hogyan kapcsolhatók össze a betűtípusok, és mik a leggyakoribb hibák.
Keverjük össze serif font sans serif (sans serif és serif)
A leggyakoribb tipográfiai technika - set vágott cím (sans serif) betűtípusok és szöveg - serif betűtípust. Ez egy klasszikus kombináció, ez szinte lehetetlen hibázni.
Az alábbi ábra - tipikus szöveg elrendezése. A példában a bal oldalon a cím használt Trade Gothic Bold No.2, és a szöveg - Bell Gothic. Mindkét font - vágott. Ezek azonban nagyon különböző „személyiséggel”. Egy jó ökölszabály létrehozásakor az elrendezés nem vonzza a nem kívánt az olvasó figyelmét, hogy a szöveges nézet. Kereskedelmi gótikus állítólagos súlyos és Bell Gothic, éppen ellenkezőleg - a dinamika és kifejező.
A kombináció a betűtípus nem kívánatos tervezés konfliktus. Kereskedelmi Gothic akar menni egyenesen a tényeket, és a Bell Gothic akar szórakozni. Ez a feszültség a font - nem célunk, hogy el kell kerülni.
Most gondoljunk a jobb oldalon. Mi váltotta Bell Gothic Font Sabon. Sabon, mint a talpas, nagyon jól működik a Trade gótikus. Mindkét célja az egyértelműség és az olvashatóság miatt a jó jelek magassága (x-magasság, nagyjából a magassága egy kisbetűs x a betűtípust, ez határozza meg a távolságot a kiindulási és a tetején). Így mind a font ugyanezt a célt, mert hogy a tökéletes pár.
Kerülje betűtípus egyik osztályból
Betűtípusok egy osztály, hanem a különböző családok könnyen okozhat nézeteltérés, amikor kombináljuk. Úgy ejtik az ember húzná a takarót mindegyik a maga számára, ennek következtében az elrendezés lesz „piszkos”.
Az alábbi példában a bal oldalon, a cím használt betűtípus Clarendon Bold, amely osztályába tartozik Slab serif. A szervezetben a cikk által használt Officina Serif is érvényes a födém serif. Slab serif betűtípusok különböző osztályú gazdag karakter, szeretik uralni az oldalt. A használata két osztályú födém serif betűtípusok egy helyen okozhat felesleges stressz.
És most nézd meg a példát a jobb oldalon. Clarendon Bold cím mellé semleges New Baskerville. New Baskerville utal az egyetemes osztály Átmeneti serif bőséges jelek, hogy keverék jól a merész Clarendon.
Válogatás a betűtípus különböző osztályokba elejétől fog menteni fejfájást az elrendezés.
Rendeljen különböző szerepeket betűtípusok
Rockwell Bold világos mi maradt felhívni a figyelmet a címet. Általában használja a már nyitott áramkör kombinációja apróra vágott betűtípust és a serifs. És még ez a választás, hogy van egy nagy számú variációk méret, súly és funkciója betűtípusokat.
Összességében, használt 4 font 3 szett, mindegyik vezettek kapcsolódik, összetartó design, mivel minden font megvan a maga szerepe világosan meghatározva a tipográfiai hierarchiában. Tehát, ha kétségei vannak - a feladatok leosztása!
Kontraszt kövér font
A legjobb módja annak, hogy elcseszni az elrendezés - nem külön szöveges elemeket egymástól a hierarchiában. Amellett, hogy az eltérő méretű, biztos, hogy a betűtípusok, különböző súlyokkal (zsír). hogy az olvasó a „vezető” a design.
Hozzon létre egy oldalt egy másik hang a szöveg
E nézet, akkor veszi észre, hogy a bal oldali példában beleolvad a szürke szöveg blokk, egy kicsit sötétebb, mint az alsó. Íme egy példa a jobb egyértelműen megtartja vizuális hierarchia. Nem számít, milyen messze van a szövegben, akkor nem kétséges, sőt, ahol tart, és ha gondolod megy majd.
Okos használata szöveges tonalitás fokozza a vizuális hierarchia az oldalon. amely közvetlenül kapcsolódik az átutalást értelmében az üzenetet.
Ne keverje betűtípus hangulat
Az egyik gyakori hibák - nezamechanie rejlő hangulati font. Betűtípusok a saját személyisége. Néha font hangulat változhat a szövegkörnyezettől függően, de nem jelentősen. Az egyik probléma - ez a baj, hogy válasszon egy betűtípust egy adott munkát. De még ennél is nagyobb probléma -, hogy a két font egy másik hangulat!
A bal oldali példában csatlakozott Franklin Gothic Bold és Souvenir. Összbenyomás a Franklin Gothic - bátorság, erő, rugalmasság, de elegánssá. Nem kielégíteni a szem, hanem nagyon funkcionális. A Souvenir - egy játékos, hibbant, egy kicsit zárkózott, de nagyon aranyos. Ez a két betűtípus legközelebb Beefeater előtt Buckingham és egy kislány, aki megpróbálja rávenni nevetni. Az ilyen zavar nem működik. Különböző betűtípusok hangulat felhívja a figyelmet magára betűtípusok, nem a tartalmat, ami azt jelzi, hogy a gyenge design.
Ahhoz, hogy a megfelelő pár Souvenir rakjuk alkalmasabb szomszéd. Abban Futura Bold sok arca van, de nagyon jól kombinálható Souvenir több okból is. Először is, mind a betűtípus magas x-magassága. Mindkét font lekerekített formák és a kicsi, de mégis látható, hogy a csavart végek. Egyikük sem uralja a másikat. Mindkettő hogy hozzon létre egy szórakoztató, vidám hangulatot. A feszültség közöttük.
Kombinálható világos semleges
Tiszta, olvasható tipográfiai tervezés figyelmet igényel a szándékos és nem szándékos feszültség betűtípusokat. Az összecsapás a különböző betűtípusok személyiségek - ez csak az egyik oka a felesleges stresszt. Ha az egyik betűtípus fényes személyiség, a második semlegesnek kell lennie.
A bal oldali példa Dax Bold mellett áll Bernhard Modern. Bad választás legalább két okból.
Először is, a Dax keskeny jelek és nagy x-magassága, míg Bernhard Modern, éppen ellenkezőleg, amikor egy nagy szélessége az írásjel az egyik legalacsonyabb x magasság között népszerű klasszikus betűtípusok. Másodszor, a Dax informális, modern és világos. Ideális, ha a bejelentés szövegét Számítógépfejek, számítógépes szakemberek, és még a mai fiatalok. Bernhard Modern, éppen ellenkezőleg, a klasszikus, csendes, kifinomult és még egy kicsit személyes. Keverjük össze a nem megfelelő fizikai jellemzői a betűtípus személyiséggel, és időnként nagyon rosszul működő tipográfia.
Nézzük meg a jobb választás. A jobb oldali oszlopban Dax Bold elöl Caslon. Caslon besorolása Old style (Old Style), de már korszerűsítették, és meglágyult a jobb kompatibilitás más betűtípusokkal. Ebben az összefüggésben, úgy néz ki, szebb közel Dax. Figyeljük meg, hogy az első helyen látjuk a személyazonosságát Dax a cím, és milyen lépéseket Caslon vissza, és arra hív, hogy olvassa el. Ebben a példában, Caslon egy semleges választás, hogy támogassák a fényesebb Dax.
Kerülje eltérő kombinációk
Ha a kiválasztott font túl sok kontraszt, hogy létrehoz egy vizuális egyensúlyhiány, rossz fényt vet az egész design.
A bal tűztünk Antique Olive Nord - nagyon merész - közel Garamond keskeny. Kontraszt túlságosan nyilvánvaló. A legtöbb ilyen esetben, mint a kontraszt túlmutat a szokásos, hogy felhívja magára a figyelmet, és érzését kelti a kellemetlenség. Következésképpen nem hozza az olvasót a szöveg értelmét.
Jobb a címben mi meg Antique Olive Nord. Garamond Keskeny helyébe lépne azonos változatát Garamond könyv súlya, de egy jó választás - némi habozás után - az Chaparral. Abban Chaparral nagyobb x-magasság, mint a Garamond, és általában több modern, semleges megjelenésű, közel a jellegzetes Antique Olive Bold.
Legyen egyszerű - nem használ több mint két betűtípust
Ahelyett, hogy a kereső segítségével font könyvtárak keresve „hogy” a kombináció, néha jobb, hogy visszatérjen a klasszikus, és sokkal könnyebb megoldás - kombinációja font serifs és vágott.
Az alábbi példában már összeállított egy világos tipográfiai hierarchia van sokszínűség kapott egy érdekes bontása a hang a szöveg és annak egyre olvashatóság. Mindez pedig azért lett, mindössze két betűtípus. Bár szigorúan véve, már itt van öt betűtípus: három Helvetica Neue és Garamond kettő.
Hogyan lehet elérni mindezt anélkül, hogy extra erőfeszítést? Először is, ha figyelembe a betűk azonos fülhallgatót, akkor valószínűleg kap egy nagy vizuális kompatibilitás nem is gondol rá. Másodszor, úgy döntöttünk, egy bevált kombinációját - kombinációja semleges fejléc betűtípust és újra semleges font a szöveget.
És a Neue Helvetica és Garamond kifejtették, hanem egy semleges személy, és ők is kombinálható összetett elrendezésű egymással, mert eredetileg megszabott szigorú hierarchia. Miután a szabályok segítségével a megfelelő font segít a jó eredmény eléréséhez felesleges energiafelhasználás.
Használjon különböző betűméret
A legegyszerűbb elv mi maradt az elmúlt: különböző betűméretek, hogy elérjék a kontraszt közöttük.
A példa a bal fejléc és a szöveg egyesíti egy szürke tégla. Perifériás látása - a fent ismertetett technika - hogy megnézzük két példát. Míg a bal egyesíti szöveg, a második pedig egy hatalmas különbség a cím és a tartalom.
A jobb általunk használt ugyanazt a két betűtípus, de eltérő méretű. TheMix Dőlt jelentősen nőtt, míg a New Century Schoolbook csökken egy normális, bár még mindig olvasható méretű.
A különböző betűméretek segít egyértelműen kiosztani a hierarchia, és növeli a tonális fajta nyomtatás.