Share
Știi ce-mi place? Internetul. Mai exact, îmi place acest sentiment când te poticni într-unul dintre acele minunate colțuri de frumusețe cu niște tipografie deosebit de frumoasă. Astăzi, vom pune lupa la 10 exemple minunate de tipografie web într-o nouă serie lunară care încearcă să vă aducă inspirație tipografică proaspătă!
Inspirație web tipografie, O serii lunare de tip Webdesigntuts +: De-a lungul călătoriilor mele pe Internet, am luat notă de exemplele de site-uri care mă inspiră ca designer. Prin folosirea tipului într-un mod inovator, artistic sau pur și simplu minunat, aceste site-uri mi-au ajutat să-mi împing abilitățile tipografice ... și sper că ele se vor dovedi a fi și pentru tine. În această serie, nu vom lista doar aceste site-uri ... vom examina de fapt cum și de ce lucrează.
Fără îndoială, vă prezint acum o colecție curativă de 10 exemple de tipografie inspirațională. Dacă nu văd favoritul dvs. în această lună, asigurați-vă că îl distribuiți mai jos în secțiunea de comentarii!
Blogul de design al lui Brian Hoff folosește un amestec de Sentinel și Tungsten pentru antetul și alte titluri mici și FF Dagny Web Pro atât pentru titlurile corporale, cât și pentru posturile. Combinația dintre aceste două stiluri de tip uimitor de diferite se desfășoară foarte bine între ele.
Antetul arată atât mândru cât și profesional, cele două fețe excelente de la Hoefler & Frere-Jones se completează minunat. Forma verticală condensată a tungstenului contrastează cu Sentinelul italic detaliat fin pentru a produce un titlu care este atât ușor de citit cât și plăcut pentru ochi.
Pentru corp, nu se petrece prea mult și cred că așa vrea designerul. Dagny este un text minunat, fără nonsens, care funcționează atât în textul corpului mic, cât și în titlurile mai mari și îndrăznețe. Nimic altceva de spus aici, pe lângă faptul că este o alegere minunată de font, și că oricine îl vede va aprecia cu siguranță.
Ah, da. Nici un post de tipografie corespunzător nu ar fi completat fără a menționa reproiectarea lui Mike Kus din 2009 a carsonified.com. Site-ul are un Cooper Black mare, o amprentă a cărei tipărește putere reală este evident atunci când este setat la o dimensiune atât de mare. Vedeți toate detaliile fontului și obțineți cu adevărat un sentiment pentru ce fel de companie este Carsonified.
Restul tipului de pe pagină iese din drum, cu abia vizibile- Helvetica în navigație și Georgia pentru copia corpului și pentru majoritatea titlurilor. Nu sunt sigur ce font este folosit pentru titlurile de pe partea dreaptă a paginii de pornire, dar pot vedea că calitățile sale desenate manual se deosebesc frumos de simtul Cooper, ca și cum ar fi fost două părți ale aceeași monedă.
Serios, totuși, ceea ce cred că este legat de designul acestui site este culorile. Fiecare pagină are o culoare unică a fundalului care funcționează perfect cu textul de text. Culorile sunt cu adevărat diferite între pagini, dar toți împărtășesc a nostalgic, vibrant sentiment, care funcționează cu verde, albastru și chiar portocaliu strălucitor. Frumusețea culorii textului este aceea că are un contrast suficient împotriva unui fundal întunecat, precum și un fundal foarte luminos.
Site-ul lui Tyler Galpin este un amestec minunat de informații industriale, detaliate și emoționale. Folosește o gamă largă de fonturi doar pentru slogan - ceva care de obicei ar părea prost, dar aici, Tyler alege doar pe cei potriviți pentru a face să funcționeze. Deși apar atât de diferit de ochiul liber, toate fonturile afișează un mesaj unic.
Nu pentru a elabora acest punct, dar aș spune că caracteristica definitorie a acestui site este numărul mare de fonturi utilizate în întregul său. Într-o clipă te uiți la o serifă frumoasă, apoi scrii puțin și ce-i asta? Un script? Aici? Puteți spune doar de la a privi la el cât de mult timp și efort a fost pus în alegerea tipului la care poți să te uiți în doar câteva secunde.
Un alt element important al acestui site este modul în care fiecare pagină a fost proiectată în mod obișnuit, ?? dacă doriți, fără a utiliza un șablon CMS implicit. Fiecare pagină este tipărită și cu mai multe fonturi, creând o consistență prin lipsa totală de coerență pe întreg site-ul.
Să vorbim despre culoare. Galp.in are una dintre cele mai reținute palete de culori pe care le-am văzut pe web în ultima vreme. Simplu negru pe alb, cu stropi de galben și roșu aruncat în pentru accent, și subliniază că nu. Este cu adevărat uimitor ce poate face o singură culoare pentru a crea un contrast vizibil în mâinile drepte. Tipografie frumoasă, site frumos.
Site-ul web al lui Jan Cavan este foarte unic. Ea se bazează foarte mult pe textura, și nu atât de mult pe tip. Deci, de ce este inclusă în această rugăminte? Tipul pe care îl are pe site-ul ei este foarte ales ales. De exemplu, titlul principal al fiecărei pagini este setat într-un scenariu vibrant, stil retro, o alegere îndrăzneață pentru un design îndrăzneț. Aceste fonturi "retro script" sunt dificil de utilizat pe web, deși ... și acest design evită cu atenție toate clicurile "cu o aplicație restrânsă.
Nu pot să-mi pun degetul de ce îmi place acest design atât de mult, dar cred că are ceva de a face cu culoarea sau poate textura? Așteaptă, cred că am reușit. Toate elementele designului se împletesc perfect, și nici o zonă nu primește mai multă atenție decît altul.
Există și multe lucruri subtile care se întâmplă aici. Titlurile de postări pe blog sunt stabilite în toate-caps, o decizie care funcționează bine cu seriful clasic pe care alege să le pună înăuntru. Toate aceste lucruri mici în designul lui Jan contribuie la vibrația retro pe care pagina o pune.
Studiul lui Nathan Strandberg & Katie Kirk. Numele jocului aici este subtilitate, iar acest minunat site nu dezamăgește. De la tipul de frumos la culorile vii, este cu adevărat o experiență de vizitat optourday.com. Toate fonturile sunt alese cu gust, cu un antet într-un sans serif frumos și o subclasă de script. Tot textul este echilibrat; nimic nu vă atrage atenția. Acesta este un foarte bun site web.
După cum am menționat, culoarea joacă un rol important în tipografie, precum și în design ca un întreg. Acest frumos roșu-portocaliu este folosit pe tot parcursul, însoțit de alte culori delicate. În acest site, se pare că tipul și culoarea sunt intrinsec țesute împreună. Tipul nu ar funcționa fără culoarea și viza.
Nu există nimic special în ceea ce privește semnele de ei înșiși. Sigur, ei ar arăta bine, dar nu sunt la fel de perfecți ca și acum. Acest lucru face ca acest site să fie deosebit de distractiv de examinat, pentru a descoperi modul în care tipul și culoarea se interacționează unul cu celălalt.
Un site minunat pentru o mare cauză de Matthew Smith. Ceea ce îmi place despre acest site este atenția la detalii. Uită-te la acele sublinieri subtile din titluri. Frumos. Îl admir utilizarea lui Georgia în rubricile sale. Este folosit în mod normal pentru textul corpului, dar punerea lui în dimensiunea pe care a făcut-o pentru antetul arată cu adevărat detalii superbe a tipului vechi de vârstă.
Observați modul în care lumina strălucește deasupra textului din antet. Sunt acele mici lucruri care fac un design minunat.
Georgia este, de asemenea, folosită pentru acele butoane minunate, cu acea combinație între capace și mic italic. Acest design demonstrează cu adevărat flexibilitatea unei singure litere, iar eu o iubesc.
De asemenea, vreau să menționez că aproape tot textul de pe pagină este text real, încorporat prin @ font-face, așa că pălăriile lui Mike Meyer pentru asta.
Un alt design Mike Kus, acesta având o tipografie foarte unică. Deoarece cea mai mare parte este bazată pe imagine, nu pot spune ce font este folosit în acest design, dar pot spune că reprezintă foarte bine imaginea pe care Twitter o emite ca o companie; este distractiv, ușor, și un pic prostește.
În ceea ce privește culoarea, aveți un albastru albastru cunoscut pe întregul site pentru cea mai mare parte a textului și funcționează frumos. Există, de asemenea, un roșu cu adevărat frumos folosit pentru ornamente și atenție-grabbers care coexistă foarte pașnic pe paginile site-ului.
Ceea ce este uimitor pentru mine aici este că, chiar dacă nu a menționat compania la fiecare răsfoire, ați putea spune încă că acesta este un site Twitter. El proiectează marca lor unică la fiecare nivel, cu tipul, culoarea, ilustrația și textura chiar. Ce site minunat.
Slab-serif, sans-serif, serif, acest site utilizează tot felul de tipuri și le folosește bine. Este o alegere bună să părăsești serifurile pentru cele mai mari titluri, ceea ce lasă ridicarea grele, dacă vrei, la Times New Roman italic - o tipă de text care nu este utilizată în mod normal în designul de web, dar care funcționează bine dacă este folosită corect.
Copie minusculă a corpului este lăsată la Tahoma, o altă alegere îndrăzneață care funcționează bine într-o mărime mică. Tu abia observați că este chiar acolo, și sunt sigur că așa a dorit designerul.
Încă o dată, nu sunt sigur ce se utilizează pentru titlurile mari, deși probabil aș pune banii pe Rockwell, o alegere foarte solidă.
În culori, acest design folosește o lumină rară folosită pe schema întunecată, care nu funcționează cu corpuri mai lungi de text, dar pentru un site greu de imagine ca acesta, cred că funcționează foarte, foarte bine. Ca de obicei, o altă culoare este folosită pentru accentuare, iar în această situație, acea culoare este o portocală frumoasă și bogată. Este o alegere foarte clasică și respect foarte mult decizia.
Pentru o colecție de minunate spume, ?? de duo-ul dinamic Jina Bolton și Meagan Fisher, cuvântul care vine în minte este clasic. Toate tipurile sunt foarte ușor de citit și sunt setate în culori care completează frumos imaginile delicioase pe care le prezintă site-ul. Pe măsură ce mă uit la acest site, sunt surprins de calitatea detaliilor din acest design, de la tipul frumos de set, până la culorile inspirate de cafea.
Sunt foarte sigur că logo-ul și subtitrările sunt în Archer, o serifă simplă, ușor de citit, de la Hoefler & Frere-Jones. Din nou, acest lucru, împreună cu Georgia, face pentru a clasic, lizibil experienţă.
Un alt lucru pe care îl iubesc absolut pe acest site sunt culorile. Deoarece este evident un site cu tematică de cafea, culorile nu sunt doar potrivite, ci și frumoase. Acordat, efectul este probabil îmbunătățit ținând cont de numărul de imagini de culoare de pe site-ul de cafea.
În general, un site complet minunat de la oameni total minunat.
?? Design frumos și dezvoltare, ?? citește fierul la fier și este frumos. Întregul design se simte mândru și cumva regească, ca și cum ar fi artizanat de designerul intern al instanței.
În mod tipic, acest design este simplu minunat. Acest text ascuns condensat este geniu. Nu puteți să-l citiți, dar într-adevăr nu vă presează să încercați. Sunt acele feluri de detalii și flori care fac acest site frumos. În acest caz, nu există nici un scop practic pentru forma venn-diagramă în fundalul antetului, dar arată foarte bine și adaugă încă o dimensiune acestui design.
Paragrafele corpului sunt stabilite în Georgia și nu cred că le servește bine, mai ales atunci când considerați că sansa largă este că sunt sub (pentru titluri).
Transparența în culori este folosită pentru un efect deosebit, majoritatea culorilor fiind pur și simplu diferite niveluri de același tan și albastru-verde.
Ce mod cu adevărat minunat de a pune capăt acestei mici colecții de site-uri frumoase.
Ei bine, este din nou momentul postului. Am avut niște râde, niște plânse, dar împreună am ajuns la concluzie și trebuie să vă părăsesc aici. Așa cum am menționat mai sus, dacă nu l-am lovit pe favoriții dvs. în această lună, asigurați-vă că o împărțiți mai jos în secțiunea de comentarii! O să fiu sigur că o voi verifica pentru post luna viitoare!
Citiți mai multe despre tipografia web la postarea mea pe Alegerea fontului potrivit: Un ghid practic pentru tipografie pe Web!
Accentsconagua