Tagasi põhitõdede juurde: ilus tüpograafia veebidisainis
Suurepärane veebisait algab ilusa tüpograafiaga. Ja kuigi juhusliku reegli rikkumine on suurepärane, on mõnikord hea jõuda tagasi põhimõtete juurde, mis teeb suurepärase tüpograafia - ja kuidas seda luua.
See on elutähtis värskendus, mis aitab teil projekte ümber mõelda, kaaluda uut lähenemisviisi või naasta lihtsalt lihtsama ja sujuvama kujunduse juurde.
Seega ignoreerime täna suundumusi ja reeglite murdmise viise, et keskenduda tüpograafia teooriale ja sellele, kuidas “reeglid” võivad olla suurepäraseks juhiseks fenomenaalse tüübi loomiseks.
Suurus ja hierarhia
Suurus loeb. Suurus võib olla ekraanide loetava tüpograafia visandi loomisel üks olulisemaid tegureid. Pisike tekst võib olla rämps ja keeruline näha. Ülepaisutatud tekst võib veergude kaupa risti murduda ja tekitada segadust.
Loetaval tüpograafial on mitu hierarhiakihti, et öelda kasutajatele, mida lugeda esimene, teine jne. Seal on ilmne skaala, nii et põhitekst on kujunduses üks suurus, pealkirjad on teine suurus ning ka väljalõigetel ja alapeatükkidel on oma spetsifikatsioonid.
Jälgimine ja Kerning
Sageli on segadus, jälgimine ja kerning pole üks ja sama asi. Kerning on tähepaari vahelise ruumi reguleerimine. Jälgimine on tähemärkide, näiteks lõigu või tekstiploki vahelise ruumi kohandamine.
Kerningut rakendatakse üksikutele elementidele sageli, et luua täpsus ning suurendada suure teksti loetavust ja isegi stiili. Jälgimist kasutatakse sageli kehakoopia lahtise kirjatüübi tihendamiseks.
Piira kirjatüübid
Liiga palju kirjatüüpe võib olla valdav ja rämps. Enamikust projektidest piisab kahest või kolmest kirjatüübist.
Soliidse tüübi valiku valimisel on oluline valida tüüp, kus on palju stiilivariante. Enamikul kvaliteetsetel kirjatüüpidel on mitu stiili - paks, tavaline, kaldkiri, lühendatud, must ja nii edasi. Valides mitme valikuga kirjatüübi, saate kaal ja stiili mitmeks kasutamiseks. (Mõni pere hõlmab isegi serif- ja sans-serif-valikuid, kui soovite kogu kujundust hoida ühes fondiliigis.)
Sega ja sobita stiile
Kirjatüüpide valimisel - tõsi, see võib olla paljude disainiprojektide kõige raskem osa - on ok ja isegi eelistatav valida kaks erinevat tüüpi stiili.
Kõige tavalisem sidumine on serif ja sans serif. Kuid te ei pea sellest kinni pidama.
Erinevate stiilide ja kirjastiilide sidumisel otsige tähti, millel on sarnane x-kõrgus (otsige tähemärgikomplekte, millel on sama vertikaalne väiketäht „x”) ja kausside kuju (tühik suletud tähtede sees, näiteks „o”).
Need üksikasjad võivad oluliselt muuta seda, kuidas kirjatüübid koos tunnevad ja kui lihtne on kasutajatel teksti lugeda. Sarnaste kirjavormide kasutamisel erinevates stiilides on ikkagi visuaalne tuttavus, mis võib muuta kõigi kirjavormide lugemise lihtsamaks.
Unustage sidekriipsud ja õigustus
Enamasti on sidekriipsud ja täielik põhjendus ebavajalikud.
Need tehnikad võivad eriti veebis muuta teksti keerulisema seedimise ja lühidalt mõistmise keerukamaks. Sidekriipsud purustavad lugemiskogemuse ja täieliku õigustamise tulemuseks on sageli veider vahe, mida on raske lugeda.
Kuigi mõlemal elemendil on mõnes projektis oma koht, tuleks neid enamasti vältida.
Ärge muutke fonte
Kunagi ei tohiks fonti kohandada. Ärge proovige muuta seda rasvamaks, kõrgemaks või õhemaks. Valige selle asemel uus kirjatüüp.
Tüüpkujundajad teevad kõvasti tööd, et luua kirjatüübile ühtlane tähemärkide komplekt, mis oleks loetav ja vastaks fondi stiilile. Ärge proovige muuta märkide komplekti välimust. Te ei paranda neid ja sageli on protsessis seda tüüpi jama.
Kui kirjatüüp ei tööta päris täpselt nii, nagu vaja, otsige midagi muud. Proovige tuvastada sarnane kirjastiil, mis tuvastab sarnaste esinemisvormidega kirjatüüpe, et valida mõni muu suvand, mis võiks teie projektis paremini töötada.
Kontrast
Kontrastkujundus tüpograafia abil. Nii nagu kasutaksite hierarhia loomiseks erinevaid suurusi, kaaluge visuaalse huvi pakkumisel erinevaid fondi kaalu, värve ja stiile.
Värv on üks tõhusamaid ja hõlpsamaid viise kontrasti loomiseks. Ideaalne kontrast on tume tekst heledal taustal (või vastupidine). Selle saavutamiseks on peaaegu piiramatu arv värvivalikuid. Värvi ja tüpograafiaga mängides pidage meeles, et mõnda värvikombinatsiooni, näiteks erkpunane paremal sinisel, võib olla raske lugeda. Otsige kombinatsioone, mis erinevad valguse ja pimeduse, elujõu ja küllastuse poolest.
Kui tegemist on kontrastiga, siis loetava tekstiruumi andmiseks on sageli kõige parem lihtne taust. Kuid kui taust sisaldab visuaalseid elemente, näiteks pilti või mustrit, siis muutke tähesuurust, et eraldada taust ja esiplaanil olev tekstielement.
Mõõtke asju
Mõõde on teksti hoidva konteineri suurus. See võib olla terve tekstiraami laius või mitme veeru vormingus üksik veerg.
Mõõtmine on oluline, kuna tähemärkide arv (sh tühikud, tähed ja kirjavahemärgid) kogu ekraanil võib mõjutada loetavust. Selle kontseptsiooni taga on teooria, et kui read on liiga pikad või liiga lühikesed, võib see kasutaja silmale olla väsitav lugedes pidevat edasi-tagasi liikumist ühest joonest teise.
Tüpograafilise stiili elementide hulgast: „Midagi 45–75 tähemärki peetakse üldiselt rahuldavaks rea pikkuseks ühe servaga lehekülje korral, mille serifiseeritud tekst on teksti suuruses. 66-tähemärgist rida (arvestades nii tähti kui tühikuid) peetakse üldiselt ideaalseks. Mitme veeru töö korral on parem keskmine 40–50 tähemärki. ”
See on enamiku projektide jaoks üsna hea lähtepunkt, kuigi paljud projektid kalduvad pisut suurema tüübi suuruste poole, mis muudaks tähemärkide arvu selle vahemiku väiksemasse otsa.
Kuigi mobiilne tüpograafia ei olnud raamatu esmakordsel avaldamisel muret, on mitme veeru juhis vastuvõetav lähtepunkt. Võite isegi valida, kas minna pisut madalamale ja seada väikeste ekraanide jaoks optimaalsemaks 35 tähemärki rea kohta.
Järeldus
Kui soovite endiselt mõelda tüpograafia teooria ja kirjatähtede üle, on lisaks ülalnimetatud klassikale veel mõned suurepärased raamatud.
Mõelge:
- Ellen Luptoni mõtlemine tüübiga
- Miks Fonts Matter - autor Sarah Hyndman
- Just My Type: Simon Garfieldi raamat fontide kohta
