Perinteinen typografia vastaa nykyaikaisia tekniikoita
Web-suunnittelijat kauhistuvat jännityksestä ja uusista intohimoista typografialle selaimet etenevät , kuten verkkopalvelut syntyvät , ja tekemällä hienoja tekstejä tekstiin tulee yleensä paljon helpompaa.
Toki meillä on ollut tykkää Cufon ja sIFR jo jonkin aikaa ja ne ovat edelleen erittäin hyödyllisiä, mutta typografia on edennyt pitkälle ja on luonnollisempi osa verkkosivujen arkkitehtuureja nyt.
Yhdessä edellä mainitun työkalujen valtavaa koodipohjaista kehitystä myötäilen hienosti muotoillun tyypin, joka muistuttaa kohokuvioita, kiehtovaa.
Useimmat tällaiset sivustot yhdistävät modernit tekniikat perinteisiin ja kauniisiin typografisiin tyyleihin. Yhdistelmä on upea ja inspiroiva.
OpenPublic
Mikä loistava esimerkki aluksi. OpenPublic on kuin typografian unelma. Se ei käytä vain nykyaikaisia tyyppejä, vaan heittää klassisen typografisen tyylin. Estetiikka soveltuu myös politiikkaan ja hallintoon.
AlexanderGrahamBell.tel
Toisin kuin OpenPublic, AlexanderGrahamBell.tel käyttää lähes kokonaan muokattua tyyppiä, joka herättää perinteiset typografiset asettelut. Jälleen tyyli sopii sivuston historialliseen luonteeseen. Lähes kaikki teksti on tehty kuvanvaihdon avulla, mutta se ei yleensä ole ihanteellinen SEO-sivustolle, mutta verkkosivuston lyhyen aikavälin luonteen vuoksi se sopii.
Immaculate Confections
Lähes mitään Immaculate Confections sopii normiin. Sen painava typografian käyttö tuntuu kuitenkin perinteiseltä ja tulosteelta. Mielenkiintoista on se, miten koko esitys tulee vuorovaikutteiseksi valikoksi, välttäen ärsyttävän ilmeisen valikkokuvion. Tulos on ainutlaatuinen ja liukas.
Ampersand: Web-tyypin konferenssi
et-merkki on yhtä kuin web-typografian konferenssi. Luonnollisesti se on täynnä luovaa ja kaunista tyyppiä. Tällöin vain logo tuotetaan kuvan avulla. Koko verkkosivustolla on painettu tai kohokuvioitu tunnelma, mutta silti se näyttää hyvin "webille".
bally
bally on erittäin epätavallinen verkkosivusto ja sillä ei ole paljon tekstiä. Mutta se sopii hyvin perinteisiin typografisiin tyyleihin. Tämän epätavallisen asettelun painopiste on ehdottomasti valokuvauksesta ja tuotteista. Mutta jos tyyppi ei vastannut vaatteiden tyylikkyyttä, koko verkkosivusto olisi todella halvempi.
Burciaga
Burciaga on kaunis blogi, joka vain huokuu klassisella tyylillä. Rakastan sitä, että koko verkkosivusto on melko paljon rakennettu tavalliseen web-safe tyyppiin; muu kuin käsikirjoitettu otsikko, koko teksti on Georgiassa. Se, mikä todella koskee minulle, on se, miten se kattaa täysin tyypilliset webdesign-kaavat. Suunnittelija on tuonut web-taju perinteisiin tekniikoihin. Ei kiinteän kokoisen ulkoasun häiritsevyyttä löytyy täältä!
Pyhä Heck
Olettaen että Pyhä Heck on vintage-typografian tunnustettu rakastaja, ei ole yllättävää, että se on rakennettu juuri tähän. Tyyli sopii niin täydellisesti taiteilijan taakse, että verkkosivusto voisi olla esillä itse salkussa.
Amber Miro
Se näyttää olevan selkeä suuntaus, Amber Miro yhdistää modernit typografiset tekniikat perinteisiin elementteihin ja estetiikkaan. Kauniit viivat ja koriste korostavat perinteisyyteen ja tekevät muotoilusta aivan upeita.
esi-isät
esi-isät on muuttanut yksinkertaisen "Tulossa pian" -sivun taideteokseksi. Tämä tuntuu vintage-julisteena, mutta se on modernisoitu "Coming soon" -materiaaleilla, joita olemme odottaneet. On hienoa nähdä, että vanhoja taitoja voidaan soveltaa niin elegantisti verkossa. Tällainen sivu näyttää niin yksinkertaiselta ja helpoalta, mutta vaatii kuitenkin suurta taitoa vetää pois.
Gerren Lamson
Kiinnitä huomiota Gerren Lamson Värin ja tekstuurin valinta. Kuten monissa muissa verkkosivuilla, jotka olemme nähneet, värit ovat paikallaan ja toimivat täydellisesti typografisella tyylillä. Tekstuuri on sama, herättäen kohopainotyyppisen orgaanisen tyylin.
Facio Design
Kuten viimeisessä esimerkissä, väri ja rakenne (ja tyyppi, tietenkin) ovat elintärkeitä teemalle ja tunnelmalle Facio Design Sivustolla. Mutta ornamentti täältä muodostaa tyylin, joka eroaa muista. Se yhdistää jotenkin tyypillisen kohopainoisen tyylin, jossa koristeena löytyy mukautettu kirjeen valaistus. Ainutlaatuinen ja ikimuistoinen.
Anniversary Alert
Kehittäjänä rakastan kaiken käsikirjoitustyypin Anniversary Alert on asetettu CSS: llä ja muokattavilla web-pohjaisilla tekstillä. Kuten monissa esimerkkeissä täällä, tämä suunnittelija ymmärtää selvästi poikkeuksellisen suunnittelun rajoitukset ja mahdollisuudet. Tyyppi on helppo asettaa CSS: llä, se on täysin muokattavissa ja sen toteutus ei aiheuta komplikaatioita. Upea tyyli ja käytännöllisyys.
Paradox Labs
On mielenkiintoista nähdä, miten nämä sivustot herättävät perinteisiä tyylejä eriasteisesti. Paradox Labs on elementtejä perinteisestä typografiasta (näkyvä näkyvä juliste-tyyppinen muotoilu), mutta silti tuntuu erittäin paljon web-centric. Tämä on sellainen muotoilu, joka näyttää hyvältä Photoshopissa ja vielä paremmin varsinaisena web-sivuna. Kaikki usein päinvastoin on totta. Uskallan sanoa, että joku juuttunut tulostustöihin olisi voinut vaatia pitämään sisällön erillisenä sivuna.
Lost World messut
Kuinka voisin puhua perinteisen tyypin sekoittamisesta nykyaikaisiin tekniikoihin ja jättää pois Lost World messut mini-sivusto. Varmista, että napsautat kolmea alisivua, koska jokainen on tyylikäs joidenkin uskomattomien web-pohjaisten tyyppien kanssa, joita näet koskaan. Itse asiassa sivut on rakennettu esittelemään juuri sitä. Ne varmasti haastavat odotuksesi web-pohjaisesta tyypistä.
johtopäätös
Uusien ja vanhojen ristiriidassa suunnittelijat eivät selvästikään tarvitse luopua juuristaan. Tietenkin heidän on mukautettava perinteisiä typografisia tyylejä pehmeiksi, mutta niin monet näistä tekniikoista ovat korvaamattomia kauniiseen verkkotyyliin.
Sanomaan vähiten, suuntaus räjähtää verkossa. Niille, jotka liikkuvat tulosta verkosta, monien esimerkkien pitäisi antaa sinulle inspiraatiota, jonka tarvitset harmonisoimaan molemmat maailmat.
Kirjoittanut yksinomaan WDD Patrick McNeil. Patrick on freelance-kirjailija, kehittäjä ja suunnittelija. Erityisesti hän rakastaa kirjoittaa web-suunnittelusta, kouluttaa ihmisiä web-kehityksestä ja rakentaa verkkosivustoja. Patrickin intohimo web design -suuntauksiin ja -malleihin löytyy hänen kirjastaan TheWebDesignersIdeaBook.com . Seuraa Patrickia Twitterissä @designmeltdown .
Kuinka olet yhdistänyt perinteiset tyylit nykyaikaiseen tekniikkaan? Jaa kokemuksiasi meille!