Új adaptív font site
”... a karakterek kapnak egy statikus, konkrét formában. Minden eltérés a font súly, a szélessége a betűk, ellentétben - nem számít, hogy mit - kell csatlakoztatni az egyes fájlokat. A tényleges tervezési nyomtatott dokumentumok, ahol az elrendezés teljesen statikus, a koncepció nem lehet olyan rossz. Az internet a korlátozás hívom „üveg padló” adaptív tipográfia: a magas szintű változók, mint a padding a karakterek között, sortávolság, betűméret állítható dinamikusan. Ugyanakkor a legalacsonyabb szinten, ahol a változók meghatározása belül a betűtípus, nincs rugalmasság. Minden karakter, mint egy jégkocka lebeg a tengerbe a reagáló design. "
Tervezési közösség folytató Hasonló manipulációkat a szimbólumok: tervezők válasszon több csúcsértéke ellentétes típusú vastagságú és finomságú, keskeny vagy széles karakter és használata intelligens algoritmus megtöltött közbenső értékek. Ezt a folyamatot jól magyarázza Andrew Johnson SVG interpoláció kísérletet.
Mint mondtam Nick, sajnos, a közös betűformátum nem alkalmas dinamikusan változó értékek a hagyományos on kövér vagy sovány, hogy széles. De nem ő volt az egyetlen tervező kínál fejlesztések terén a web design. Andrew Johnson adta egy hasonló nyilatkozatot tekintetében adaptív betűméret:
Gyakorlati tanfolyam adaptív layout Landing semmiből!
Ismerje meg a semmiből elő adaptív Landing HTML5 és a CSS3 a következő 6 napon
Szükség van az ilyen lehetőségeket betűtípus? Adaptív betűtípus segítsen megoldani a tervezési problémákat?
Előnyei a betűméret módosítása
Ez a formátum kínálja a legjobb betűtípus-beállításokat. Ez különösen akkor hasznos, ha egy vékony betűtípus úgy néz ki túl vékony, túl kövér kövér. Ehelyett lehet választani valamit a közepén, és azonnal megjeleníti a betűtípus, ami szükséges - más szóval, a tervezők jelentősen javíthatja az olvashatóság.
Is, végül képes lesz létrehozni egy sablont, a szövege, amely elfoglalja az egész teret a tartály, mint a demo betűtípus szélessége:
Ez a módszer hasonló a FitText és az alkalmazás módja egység beállítására adaptív szöveget. De van egy világos különbséget, amely megállapította, Erik van Blokland:
„A szélessége a szöveg azonnal alkalmazkodik a méret a cél téglalap. Szavak képesnek kell lennie arra, hogy reagáljon a geometriai változásai az oldal. "
Ie beállítására, hogy pontosabb „geometria oldal” kell használni, hogy teljes mértékben ellenőrizni a betűtípust. Különösen a szélessége minden karakter ugyanolyan fontos, mint a képesség, hogy meg értékeket adaptív tulajdonság font-size.
Teljesítménye a másik oka annak, hogy jobb használni változtatni a betűtípust formátumban. A formátum van szükségünk csak egy fájlt egy időben, mint ez szükségünk van egy csomó fajta egységes betűtípussal dolgozni rendszerek kérjen egy egész család betűtípusok, beleértve az extra-vékony, normál, közepes zsírtartalmú, félkövér, kövér és Ultrabold változatok.
„Hiszem, hogy összefüggésben a jelenlegi helyzet az interneten legalább az egyik változó betűméretet érdemel feltámadás - ez a megközelítés létrehoz egy hatalmas potenciált Fájltömörítéshez és jól illeszkedik a paradigma a” alkalmazkodó internet. " Többek között ez a megközelítés új módszereket kínál, hogy a szöveget az interneten, és mindenek felett, a megközelítés sokkal könnyebb megvalósítani, mint valaha a történelem asztali számítógépek. "
Nick folyamatos és prossumiroval előnyei:
„Ahhoz, hogy változtatni a betűméretet csökkenteni fogja a terhelést a hálózaton, ami csökkenti a kérések száma a szerver és újra, gyorsabb betöltés oldalakon, és mindenek felett ő is rugalmas. Ez a győzelem minden fronton. (Az egyetlen tesztelt változó, hogy meddig tart a további számításokat). "
Gyakorlati tanfolyam adaptív layout Landing semmiből!
Ismerje meg a semmiből elő adaptív Landing HTML5 és a CSS3 a következő 6 napon
Sok technikai kérdések, hogyan kell helyesen fel kell használni az új betűformátum, és hogyan kell használni ezeket az új funkciókat a tervezés.
Mint egy új formátum dolgozni CSS
Beszédében Nick kínált gyakorlati példája CSS kódot. Írtam valami hasonló, és hozzáadunk fiktív font-width tulajdonság. Ez a funkció lehetővé teszi, hogy meghatározza a szélessége a karakter ugyanúgy, mint a font-weight a szöveg:
Ön kérheti egy további eleme, melynek értéke font-weight: 601ili 411, vagy bármi más értéket, hogy szükség lesz a design. Ez az elem reagál a tervezési változtatásokat.
Most már világosan látni a hiányosságokat a fenti példában. Úgy vélem azonban, hogy a példa beleesik a magját a probléma, a helyszínek lesz rendezve minden, a finomságok és árnyalatok, amelyek alapján korábban nem tudott. Azt hiszem még számos példát, amelyben az új formátum létre fog hozni egy sokkal szebb modellek, nem is beszélve, hogy milyen hasznos lett volna, ha a nagyítás interfészek.
És mi WOFF?
Jelenleg van egy másik méret, mely egyre népszerűbb, WOFF 2.0. Ez a betűtípus tömörítési algoritmus jelentősen javult elődjéhez képest. Compression rendkívül hasznos lesz a nyelvválasztás ázsiai-csendes-óceáni térségben és más nyelveken sok karaktert. És mégis, WOFF 2.0 még nem rendelkezik az adott font méret változások, amelyek lehetővé teszik, hogy a szöveg dinamikusan. Van több fájlban különböző karakter szélességű és telítettség.
Azt hiszem WOFF formátum egy jó eszköz a rövid távon. Ugyanakkor hosszú távon, ez a formátum segít nekünk, hogy a betűtípus teljesen adaptív.
potenciális problémák
Amellett, hogy az előnyöket, amelyek a fent említett, az új formátumra, hátrányai is vannak a tervezés és fejlesztés. Az alábbiakban összeállítottunk egy listát a kitalált jövőben az esetleges problémákat:
Ha az algoritmus fut a kliens oldalon, azt mondhatjuk, hogy ez súlyosan befolyásolja a teljesítményt.
Szükséges lesz, hogy vizsgálja felül a betűtípus engedélyezési rendszert, mivel a felhasználók már nem kell le több fájlt különböző szélességű és telítettség.
Másrészt: szükség van a felhasználó eszköze font dinamikus volt?
Erről beszéltem több tervezők, és azt mondták, hogy jobb, ha nem dinamikus font, mint fele a munkaképesség.
Betűtípus tervezők kell érteni, hogyan kell tanítani a fiatalabb generáció, és hogyan kell elmagyarázni nekik az előnyöket az új rendszer egészét, és hogyan kell, hogy segítsen nekik a munkájukat. Nemrégiben beszéltem egy web designer, és azt mondta, hogy ő elkerüli a OpenType betűtípust az egyes karakterek, mint például a főváros és liguraty annak a ténynek köszönhető, hogy sok grafikus tervezők nem is tud a létezésükről.
Hasonlóképpen font tervezők nem csak újjáépíteni a betűtípus azzal a kiegészítéssel, új változók. Meg kell fejleszteni a betűtípus a semmiből a korai szakaszában a projekt építésével egy új technológia.
összegezve
Úgy vélem, hogy az új formátum a betűtípus minden esélye megvan arra, hogy egy kulcsfontosságú pozíció Díszlettervezőként eszközöket. Emellett jelentősen javítják a szöveg olvashatóságát a felhasználók számára. De ez nem jelenti azt, hogy figyelmen kívül hagyja a sok probléma akadályozza a létesítmény a dolgozó leírás.
Felülvizsgálat: Team webformyself.
Gyakorlati tanfolyam adaptív layout Landing semmiből!
Ismerje meg a semmiből elő adaptív Landing HTML5 és a CSS3 a következő 6 napon
A legtöbb IT hírek és webfejlesztés A csatorna-távirat
