Tradiční typografie splňuje moderní techniky
Weboví designéři zuří vzrušení a obnoví vášní pro typografii jako prohlížeče pokročí , tak jako webové služby se objevují , a jako dělat fantastické věci s textem se obecně stává mnohem jednodušším.
Jistě, měli jsme podobné Cufon a sIFR již nějakou dobu a jsou i nadále velmi užitečné, ale typografie pokročila daleko za hranice a je nyní přirozenou součástí architektury webových stránek.
Spolu s obrovským trendem v kódovém typu prostřednictvím výše uvedených nástrojů se mi zdá, že oživení v jemně řezaném typu, které připomíná knihtisk, je fascinující.
Většina těchto webových stránek kombinuje moderní techniky s tradičními a krásnými typografickými styly. Kombinace je ohromující a inspirativní.
OpenPublic
Jaký úžasný příklad byste měli začít. OpenPublic je jako typografický sen. Využívá nejen techniky moderního typu, ale vrhá splash klasického typografického stylu. Estetika je také vhodná pro politiku a vládu.
AlexanderGrahamBell.tel
Na rozdíl od OpenPublic, AlexanderGrahamBell.tel používá téměř zcela vlastní typ, který evokuje tradiční typografické rozvržení. Opět platí, že styl vyhovuje historické povaze webových stránek. Téměř celý text je poskytován prostřednictvím výměny obrázků, což není obvykle vhodné pro SEO, ale vzhledem k krátkodobé povaze webových stránek je to vhodné.
Nepoškvrněné konfekce
Téměř nic Nepoškvrněné konfekce odpovídá normě. Jeho těžké použití typografie se cítí tradiční a tisk-jako, nicméně. Co mě napadá, je to, jak celé rozložení narazí na interaktivní menu, a zároveň se vyhýbá nepříjemně zřejmému menu motivu. Výsledek je jedinečný a hladký.
Ampersand: Webová typografie konference
Ampersand není nic méně než konference o webových typografiích. Samozřejmě je plná tvůrčího a krásného typu. V tomto případě je pouze logo vykresleno s obrázkem. Celá webová stránka má pocit tisku nebo knihtisku a přitom stále velmi vypadá "pro web".
Bally
Bally je velmi neobvyklá webová stránka a nemá příliš mnoho textu. Ale to jasně odpovídá tradičním typografickým stylům. Zaměření tohoto neobvyklého rozvržení je určitě na fotografii a produktech. Pokud se však tento typ neodpovídá klasickému oblečení, celková stránka by byla opravdu zlevněna.
Burciaga
Burciaga je nádherný blog, jenž se skrývá klasickým stylem. To, co mám ráda, je, že celý web je do značné míry postaven na standardním webově bezpečném typu; jiný než titul založený na skriptech, celý text je v Gruzii. Co skutečně dělá pro mě je, jak to tak plně zahrnuje typické vzory uspořádání webu. Návrhář přinesl webové znalosti tradičním technikám. Neexistuje žádný fixační rozložení v pevné velikosti!
Svatý sakra
Vzhledem k tomu Svatý sakra je portfoliem přiznaného milovníka ročníku typografie, není překvapením, že je na tom právě postaveno. Styl tak dokonale odpovídá umělci za tím, že webová stránka by se mohla objevit v samotném portfoliu.
Amber Miro
Zdá se, že je jasným trendem, Amber Miro kombinuje moderní typografické techniky s tradičními prvky a estetikou. Jemné linky a ornamentace hrají do tradičního myšlení a dělají design jenom nádherný.
Předkové
Předkové změnil stránku "Coming soon" na umělecké dílo. Ten se cítí jako vinobraní plakát, ale modernizován s doplňky "Coming soon", které jsme očekávali. Je skvělé vidět, že věk staré dovednosti mohou být tak elegantně aplikovány na web. Tato stránka vypadá tak jednoduchá a snadná a přesto vyžaduje skvělé dovednosti.
Gerren Lamson
Dávejte pozor na Gerren Lamson Výběr barev a textury. Stejně jako na mnoha dalších webových stránkách, které jsme viděli, jsou barvy na místě a fungují dokonale s typografickým stylem. Textury dělají totéž, evokující organický styl knížkové typografie.
Facio Design
Stejně jako v posledním příkladu jsou barva a textura (a typ, samozřejmě) zásadní pro téma a náladu Facio Design Webové stránky. Ale zdobení zde dělá styl, který je odlišný od ostatních. Nějak to spojuje typické uspořádání ve stylu letterpress s ornamentem, který by se našel v osvětleném písmu. Unikátní a nezapomenutelný.
Anniversary Alert
Jako vývojář, miluji to, že všechno je ve stylu scénáře Anniversary Alert je nastavena pomocí CSS a upravitelného textu na webu. Stejně jako v mnoha příkladech, tento návrhář jasně rozumí omezením a příležitostem mimořádného designu. Typ byl snadno nastaven pomocí CSS, je zcela editovatelný a jeho implementace nepředstavuje žádné komplikace. Fantastické manželství stylu a praktičnosti.
Paradox Labs
Zajímavé je, jak tyto webové stránky evokují tradiční styly v různé míře. Paradox Labs má prvky tradiční typografie (zřejmé v prominentním plakátu-jako layout), zatímco stále cítí velmi web-centric. To je druh designu, který vypadá skvěle ve Photoshopu a dokonce lépe jako skutečná webová stránka. Často je pravý opak. Troufám si říci, že někdo, kdo se v tištěných cestách uvízl, možná trvá na tom, aby každý obsah obsahoval jako samostatnou stránku.
Ztracené světové veletrhy
Jak bych mohl mluvit o směšování tradičního typu s moderními technikami a vynechat Ztracené světové veletrhy mini-web. Ujistěte se, že jste narazili na tři podstránky, protože každý z nich je navržen s některými z nejúžasnějších webových typů, které jste kdy viděli. Ve skutečnosti byly stránky postaveny tak, aby to dokázaly. Budou jistě zpochybňovat vaše očekávání od webového typu.
Závěr
Ve střetu nových a starých návrhářů zjevně nemusí opustit své kořeny. Samozřejmě, musí přizpůsobit tradiční typografické styly, aby vypadaly hladce, ale mnoho z těchto technik je neocenitelné pro krásný webový styl.
Alespoň takový trend exploduje online. Pro ty, kteří se pohybují z tisku na web, by mnohé z příkladů zde měly poskytnout inspiraci, kterou potřebujete k harmonizaci obou světů.
Napsal výhradně pro WDD Patrick McNeil. Patrick je spisovatel, vývojář a designér na volné noze. Zejména se mu líbí psát o designu webu, školení lidí o vývoji webových stránek a vytváření webových stránek. Patrickova vášeň pro trendy a vzory webového designu naleznete v jeho knihách TheWebDesignersIdeaBook.com . Sledujte Patrika na Twitteru @designmeltdown .
Jak jste spojili tradiční styly s moderní technikou? Sdělte nám prosím své zkušenosti!