Skaista tipogrāfija web dizains. Skaista tipogrāfija web dizains skaista tipogrāfija

Resursu kurators rakstāmoolfa fonti Jeremy Schoaf izvēlējās piemērus vietnes ar interesantiem fontu risinājumiem un aprakstīja savas priekšrocības un trūkumus.

Kombinācijā ar plānu papīra tekstūru šī tipogrāfija rada sajūtu, ka jūs lasāt grāmatu.

Vienkārši gumija.

Pateicoties tīmekļa fontiem, palīdzot uzstādīt produkta iepakojuma tipogrāfiju ražotāja tipogrāfijas vietā. Tas notiek arvien biežāk. Vietne vienkārši gumija izvēlējās Gotham zīmolu, kas saglabā pastāvīgas un tiešsaistes identitāti un bezsaistes kanāliem.

Šī vietne ir labs piemērs tam, kā tikai viens zīmējums dažreiz ir tikai viens nepieciešams. Izmantojot dažādu piesātinājumu Gotham un nosakot galvenes lielajiem burtiem, vienkārši gums uzstādīja skaidru hierarhiju visu ar vienu intensitāti.

Logotipi galvenē un kājenes stends PNG formātā, lai viņi zaudētu skaidrību un mērogojamību tīmekļa fontu. Tīmekļa fonta izmantošana logotipam ne vienmēr ir iespējama, it īpaši, ja jums ir nepieciešama laba kontrole pār curling; Tomēr attēla SVG būs piemērots šajā gadījumā labāk nekā PNG, jo tas var mērogs un tajā pašā laikā saglabāt savu skaidrību.

Kopsavilkums

Par laimi, piemēri tika iepriekš pierādīts, jo daži raksti tipogrāfijā var ietekmēt dizainu. Šeit jums ir dažas galvenās domas:

Ja jūs gatavojaties izmantot dažus insultus, tad attīstīt pastāvīgu sistēmu konkrētā tipogrāfijā un pieturēties pie tā.
Galvenajam tekstam izvēlieties fontu ar normālu slīprakstu, taukskābju uzrakstu un treknrakstu.
Ja jūs izvēlaties populāru dizainu, mēģiniet to apvienot ar mazāk, lai padarītu dizaina atšķirību.
Izveidojiet stila rokasgrāmatu pašā projekta sākumā, lai garantētu jūsu komandas locekļu fontu secīgu izmantošanu.
Izmantojiet kontrastu un ne līdzīgi dizainam.
Nelietojiet ekrāna fontus galvenajam tekstam. Izmantot dizainu galamērķī.
Nebaidieties izmantot tikai vienu septiņu zīmējumu. Jūs varat iestatīt hierarhiju, izmantojot dažādu piesātinājumu un vienas ģimenes stilu.
Ja jūsu logotips ļauj jums to padarīt SVG, lai nodrošinātu definīciju un mērogojamību.

Lieliska tīmekļa vietne sākas ar skaistu tipogrāfiju. Un, lai gan daži noteikumi var tikt sadalīti, dažreiz tas būs tiesības atpakaļ uz pamatprincipiem, kas ir laba tipogrāfija, un kā to izveidot.

Šis atgādinājums palīdzēs jums ar jaunu projektu izskatu, padomājiet par jaunām pieejām vai atgriezties vienkāršākajā dizainā.

Tātad, šodien mēs ignorējam modes tendences, koncentrējieties uz tipogrāfijas teoriju un par to, kā "noteikumi" var palīdzēt mums veidot skaistus tekstus.

Izmērs un hierarhija

Izmēram ir nozīme. Lai izveidotu izlasītu patērējamu tipogrāfiju, tas var būt izšķirošs faktors. Mazo tekstu ir grūti apsvērt, nevis kaut ko lasīt, bet pārāk liels, pārsniegs līnijas augstumu un radīs neskaidrības.

Lasāmai tipogrāfijai ir vairāki hierarhijas slāņi. Šie slāņi norāda uz lietotāju, kurš ir jālasa pirmajā, otrajā un trešajā vietā. Teksta izmēros ir acīmredzama hierarhija - viens virsraksti, otrs, galvenais teksts un trešais subtitru.

Izsekošana un Kernings

Izsekošana un Kernings bieži tiek sajaukti. Kernings ir selektīva intervāla maiņa atkarībā no to formas. Izsekošana ir intervāla maiņa starp burtu komplektiem, ti., punktiem vai visiem teksta blokiem.

Kerning bieži tiek piemērota konkrētiem elementiem, lai radītu skaidrību, lasāmības uzlabošanu, un, pat stilīgu lielu teksta fragmentu. Izsekošana bieži tiek izmantota, lai sašaurinātu pārāk plašu galvenā teksta fontu.

Ierobežojiet lietoto stila stilu skaitu

Lielākajai daļai projektu ir divi vai trīs stili. Lai nevarētu kļūdīties, izvēloties, atrast fontu ģimeni ar liels daudzums Pieejamās zīmēšanas variācijas. Augstākās kvalitātes fontiem ir plašs stilu klāsts - tauki, parasti, slīpraksti, kondensēti, melni utt.

Samaisa un salīdzināt stilus

Es iesaku izvēlēties divus dažādus stilus. Visbiežāk sastopamais pāris ir Serifs un Sans Serif. Savienojot dažādus stilus un vērš, meklējiet burtus ar tādu pašu augstumu un formu bļodā (telpu iekšpusē slēgtās burtiem, piemēram, "O").

Šīs mazās detaļas būtiski ietekmēs to, kā šie fonti izskatīsies kopā, un lasīšanas teksta ērtībai.

Pārsūtīšana un izslēgšana

Vairumā gadījumu virknes pārskaitījumi un tam nav vajadzīgs. Tiešsaistes teksta gadījumā šīs metodes sarežģī ātru asimilāciju un izpratni. Pārskaitījumi traucē lasīšanai, un pilnīga jauda nerada neradāmu formatējumu.

Nemainiet fontus

Nekad nemainiet fontu. Nemēģiniet padarīt to biezāku, plānāku vai augstāku. Labāk ir izvēlēties citu.

Fonta attīstības dizaineri pavada daudz laika, ka šis fonts ir konsultācijas, un apmierināt stila stilu. Nav nepieciešams kaut ko mainīt. Jūs nevarēsiet to uzlabot, un vairumā gadījumu tas viss sabojā visu.

Ja fonts jums nav piemērots, meklējiet kaut ko citu. Izmantojiet identifikont līdzīgu fontu rīku, rīku, kas definē līdzīgus fontus.

Kontrasts

Izmantojiet tipogrāfiju, lai radītu kontrastu. Kā izveidot hierarhiju, kuru izmantojat dažādus izmērus, izveidojiet vizuālu interesi, mainot svaru, krāsu un fonta stilu.

Krāsa ir viena no visefektīvākajām un vienkārši veidi Kontrastu radīšana. Ideāls kontrasts - tumšs teksts gaismas fonā (vai otrādi). Jums ir gandrīz neierobežots krāsu kopums, kas palīdzēs jums sasniegt šo mērķi. Spēlējot ar krāsu un tipogrāfiju, paturiet prātā, ka dažas krāsu kombinācijas, piemēram, spilgti sarkana uz spilgti zilā krāsā, var būt diezgan grūtības.

Kad runa ir par kontrastu, lai izveidotu ar roku lasāmu tekstu, kas vislabāk izmantotu vienkāršu fonu. Bet, ja tas satur tādus vizuālos elementus kā attēlus vai modeļus, tad palieliniet burtu lielumu - tas radīs atdalīšanu starp fonu un priekšplāna teksta elementiem.

Kolekcijas sloksnes formāts

Zvanīšanas joslas formāts ir konteinera teksta lielums. Tas var būt platums visa teksta rāmja vai vienīgā kolonna.

String formāts ir svarīgs, jo rakstzīmju skaits (ieskaitot atstarpes, speciālās rakstzīmes un pieturzīmes) uz ekrāna ietekmē lasāmību. Ja rindas ir pārāk ilgas vai pārāk īsas, lietotāja izskats būs grūti pārvietoties.

No tipu tipogrāfijas stila: "jebkuru rakstzīmju skaitu, sākot no 45 līdz 75, tiek uzskatīts par apmierinošu virknes garumu vienas kolonnas komplektu. 66 rakstzīmju virkne (ieskaitot burtus un atstarpes) tiek uzskatīta par perfekta. Par daudzkrāsainu komplektu ideāls vidējais rādītājs būs virkne, ilgs 40-50 simbols. "

Pat neskatoties uz to, ka šīs grāmatas publicēšanas laikā neviens domāja par mobilo tipogrāfiju, ieteikums, kas attiecas uz daudzcolonu komplektu, nezaudēja savu nozīmi. Gadījumos ar maziem ekrāniem jūs pat varat izmantot 35 rakstzīmes vienā virknē.

Raksts Carrie Casins tulkošana

Šis saraksts tiek apkopots saskaņā ar II rezultātiem. 2008. Iepriekšējie "hit parads" var atrast un.

Katram piemēram ir pievienots īss komentārs, un nospiežot ekrānuzņēmumu, noved pie sākotnējās vietnes.

Sēklu konference

Nav zibspuldzes, nav attēlu, troksnis; Tikai labi stilizēts fonts un labi rakstīts teksts: reāls pierādījums tam, ka tikai ar fontu var iegūt lielu rezultātu. Es gribētu redzēt dažus vairāk piemērus šāda veida.

Ziņu izstrāde.

Lielais kontrasts starp nosaukumu un galveno saturu, daudz tīru telpu un labu organizāciju.

Omniti.

Patīkams logotips, skaidra teksta un ļoti jauka krāsu shēma. Uzziniet vairāk par dizaina izstrādi.

DesignR.it.

Lielisks suitivēts logo (vai kāds zina, kāda veida fonts?) Un daudzas izsmalcinātas detaļas.

Dizaina skats.

Andy Ratlegezh - dizainers, kurš praksē piemēro tos pašus principus, kas veicina. Man patīk, kā viņš maina priekšgala lielumu atkarībā no raksta publicēšanas dienas, tāpēc vislielākais svaigākais teksts atbilst vislielākajam Kehalam.

WordPress.org & WP 2.5.x admin

Lai gan WordPress Blogger platforma nav balstīta uz tīmekļa vietni, bet viņu tīmekļa vietne tiek parādīta tūkstošiem, ja ne miljoniem, mūsu ekrāniem katru dienu. Es gribētu, kā vairāk tiešsaistes un bezsaistes lietojumprogrammas, kā arī.

OURTYPE.

Es tiešām negribēju iekļaut šo vietni pārskatā, jo uz tā tiek izmantota zibspuldze. Tomēr ir parādīti daži lieliski fonti (un daži no maniem favorītiem jāpievieno).

Klāja.

Vēl viena vietne, kas balstās tikai uz fontiem viss. Lielisks hierarhijas un marķēšanas piemērs. Kurš teica, ka "fotoattēls saka vairāk nekā tūkstoš vārdiem"? Nē, fonts saka labāk.