Mājas lapa » Web dizains » Typograph 101 Serif vs Sans-Serif

    Typograph 101 Serif vs Sans-Serif

    Fonta atlases stadijā dizaineris bieži jautā sev, “Serif vai Sans-Serif”? Veidlapas veida izvēle lietošana dizainā ir ārkārtīgi svarīga, jo tā būtiski ietekmē lasāmība, lietotāja pieredze un dizaina vispārējā estētika.

    Lai gan, neatkarīgi no tā, cik daudz pieredzes jums ir ar tipogrāfiju, jūs varat vienmēr iekļūstiet serif vs sans-serif dilemmā. Es personīgi domāju, ka labs ceļš no tā ir izpratne par pamatiem serifu un sans-serifu, un tas ir tieši tas, ko šis pants tiecas darīt.

    Paskatīsimies uz šo rakstu uzsver galvenās atšķirības starp serif un sans-serif fontiem lai labāk izprastu abus.

    No kurienes nāk no serifiem?

    Serifs ir nelielas, plānas līnijas, kas piestiprinātas pie insultu gala. Tiek uzskatīts, ka tie ir cēlušies no latīņu alfabēta.

    Lai gan tam nav vispārpieņemtas izcelsmes dekoratīvs gabals tipogrāfijā, tiek uzskatīts, ka romieši mēdza uz akmens uzvilkt burtus ar kontūrām, tāpēc, kad akmens griezēji sekoja suku zīmēm, kas uzliesmoja galos, kas radīja serifus.

    Kas par sans-serifu?

    No otras puses, Sans-serifs, burtiski nozīmē "bez serifiem". Jebkuru fontu, kas katrā no stūriem nav šajos sprādzienos, var uzskatīt par sans-serif fontu.

    Zinot to, kā var izvēlēties iet ar serifiem vai sans-serifiem ietekmē jūsu dizainu? Šeit ir dažas lietas, kas jāapsver:

    Lasāmība

    Lasāmību bieži mēra kā cik viegli lasītājs var sagremot saturu. Protams, tā kā vīzija parasti ir subjektīva, ir daudz faktoru, kas spēlēs, ieskaitot interešu līmeni vai lasītāju, un to, kā saturs ir sakārtots blokā vai telpā.

    "Vecās skolas" teksta prezentēšanas metode iemeslu dēļ izmanto serifus. Vai jūs kādreiz domājāt kāpēc lielākā daļa laikrakstu izmanto serif fontus to saturam? Tā kā serifus ir vieglāk lasīt. Šīs mazās dekoratīvās līnijas katrā rakstzīmē ved acis šķidrumā, kad jūs pārvietojat no līnijas uz līniju un pievienojieties kopā burtiem, kas veido lasot garākus tekstus, mazāk apgrūtiniet acis.

    Arī atstarpes starp burtiem (jo jums ir jāņem vērā seriāli, kad runa ir par atstarpēm) sniedz lasītājam vairāk vietas, lai viegli identificētu viena otru.

    Paskaties zemāk redzamajā piemērā un jūs pamanīsiet, ka serif fonti rada vieglāku lasīšanas pieredzi acīm jo tas rada atšķirības starp burtiem un vārdiem. Tas atvieglo acu pārvietošanu no viena vārda uz citu.

    No otras puses, serif fonts kļūst grūtāk lasāms izmantojot to pašu atstarpi. Tas ir tāpēc, ka katras vēstules atdalīšana ir mazāka kā jūs nav nepieciešams ņemt vērā serifus, veicot attālumu.

    Salasāmība

    Lasāmība ir burtu kvalitāte un skaidrība. Tas attiecas uz sīkām sīkfailu detaļām un ir būtisks, jo tas palīdz lasītājam atšķirt vienu rakstzīmi no citas. Tas atšķiras no lasāmības, jo tas galvenokārt attiecas uz saturu kopumā.

    Iepriekš attēla gadījumā, mazais burts L un I sans serifam Arial izskatās diezgan līdzīgi. Iedomājieties, rakstot vārdu “Ilinoisa”.

    Lūk, lai uzsvērtu manu punktu.

    Tomēr ir svarīgi atzīmēt, ka, ja jūsu šrifts ir nesalasāms, tas nekad nevar kļūt lasāms. Bet ir daudz tādu lasāmu tipu gadījumi, kas var būt neizlasāmi kā tie ir izvietoti vai mērogoti salīdzinājumā ar to dizaina mērķi.

    Alex Poole rakstīja labi izskaidrotu rakstu, salīdzinot serif un sans-serif fontus, mēģinot noskaidrot, kas bija labāk salasāms.

    Pēc viņa teiktā, lasāmības ziņā ir piecas iezīmes:

    • Serifs vai Sans-serif
    • Punkta lielums
    • X-Augstums
    • Skaitītāji
    • Ascenders un Descenders

    Pamatojoties uz argumentiem, kas atbalsta abas puses, Poole secināja, ka tiešām bija atšķirība no salasāmības, kad runa ir par burtu atlasi. Viņš arī atzīmēja, ka pastāv iespēja, ka serifs vai to trūkums var ietekmēt salasāmību taču atšķirība nav pat izmērāma.

    Tomēr viņš teica, ka:

    Lielākas atšķirības lasāmībā var atrast viena tipa ģimenes locekļu vidū, nekā starp serifu un sans serif burtu. Ir arī citi faktori, piemēram, x-augstums, skaitītāja lielums, burtu atstatums un gājiena platums, kas ir vairāk nozīmīgums, salīdzinot ar serifu klātbūtni vai neesamību.

    Mērogošana un izšķirtspēja

    Web dizaina teksts nav statisks. Tas var atšķirties no ekrāna uz ekrāna, un tam jābūt mērogojamam. Tas tiek darīts lai teksts joprojām būtu lasāms neskatoties uz ekrāna izmēru.

    Šajā jomā var droši teikt sans-serifs uzvar cīņā, jo tas ir elastīgāks mērogošanai. Sans-serif fonti ir daudz vieglāk nodrošināt uzsvaru un lasāmību mazākās rezolūcijās jo tie izdzīvo smērēšanu, jo viņiem trūkst detalizācijas.

    IMAGE: Laiks

    Šeit ir galvenais piemērs, kā serifs tiek izmantots slikti. Paskatieties augšējā rindkopā par Time Magazine vāku un jūs pamanīsiet, cik relatīvi grūti ir lasīt, jo tas neplūst viegli īpaši ar šo mazo izmēru. Bet ievērojiet, cik perfekts ir efekts, kā tas bija pāriet uz sans serif for “Jonathan Franzen”.

    Tas pats attiecas arī uz sans-serif fontu. Burtu lielums saglabā savu vispārējo formu un padara to atpazīstamāku. Tātad, kad runa ir par mērogošanu, sans-serifs ir viegli pielāgojams labākiem izmēriem, jo ​​tie labi pielāgojas smērēšanās mazos izmēros un plīsumi lielākos.

    Uz serif vai sans-serif?

    Tātad, kāda ir atbilde uz jautājumu?

    Nu, mēs varam teikt, ka tā ir acīmredzama saikne. Izvēle starp sans-serif un serif fontiem galu galā, līdz jūsu mērķim izmantot tekstu. Ja teksts, kuru veidojat, ir paredzēts palikt gandrīz tādā pašā izmērā? Tad jūs vēlaties labāku lasāmību kas padara serifu labāku izvēli.

    No otras puses, ja vēlaties atsaucīga tīmekļa vietnes teksta daļa, pēc tam sans-serif fonta izvēle var būt gudrāka, jo nevēlaties, lai jūsu teksts būtu pārāk mazs, lai lasītu.

    IMAGE: GQ

    Paskaties uz tiem GQ žurnāls aptver gan serif, gan sans serif fontus. Vispārēja vienprātība ir tāda, ka serif fonti tiek izmantoti formālajos un drukātajos materiālos, kamēr sans serifs galvenokārt tiek izmantots tīmeklī. Bet šajā gadījumā abi tika izmantoti, un, ja pamanīsiet, ka vienmēr ir serifa vāka modeļa nosaukums, tādējādi uzsverot to.

    Daži pēdējie vārdi

    Tikai atcerieties to konsekvence ir galvenais. Jūsu izvēlētajam fontam ir jāatbilst kopējam dizaina estētikai. Jūs varat samaisiet un saskaņojiet līdzīgus fontus, dabble ar izmēru maiņu, lai noskaidrotu, kas darbojas. Tomēr atcerieties, ka jūs to darāt tā, lai lietotājs saprastu ziņojumu un jūsu dizains izskatās arī estētiski.