10 reeglit täiusliku tüübi kujundamiseks igal ajal
Kas olete kunagi märganud, et mõned projektid paistavad lihtsalt suurepärase tüübiga? Mõnel disaineril on iga projekti jaoks täiusliku tüpograafia kujundamisel kindel oskus.
Saate seda ka teha. Käputäie lihtsate reeglitega saate parandada kõigi oma projektide tüpograafia ilmet ja kujundust nii digitaalselt kui ka trükituna. Kui näete vaeva kirjatüüpide valimisega ja fontide sidumisega, aitavad need reeglid teil iga kord täiuslikku tüüpi kujundada. (Järgige neid kindlasti.)
Uurige Envato elemente
1. Seadke projekti eesmärgid
Hea tüpograafia algab kindla arusaamisega sellest, mida teie projekt peaks tegema. Enne kui hakkate isegi Google Fonti või Typekitit sirvima, pange kirja vastused mõnele küsimusele.
- Kelleni proovite selle projektiga jõuda?
- Mida kasutajad peaksid kujundusega tegema?
- Millised on teisenduspunktid?
- Milline on projekti meeleolu?
- Kas peate sobima teiste disainilahenduste või brändinguga või neid koordineerima?
Vastused aitavad teil kujundada aimu, millist tüpograafiat te otsite. (Siin on juhend kujundusprojektide kirjatüüpide tähenduse ja meeleolu kohta.)
2. Otsige sarnaseid kujundeid
Mitme kirjatüübi sobitamisel kujunduses võib font-kombinatsiooni muuta või lõhkuda midagi nii lihtsat kui tähe kuju.
Niisiis, kuidas tagada, et selle saavutate?
Otsige sarnase kujuga kirjatüüpe. Mõelge, kas iga kirjatüüp on ümmargune või ovaalne, paks või õhuke, sellel on lühike või pikk x-kõrgus või sisaldab see viltust või kaldenurka.
Valige esmane või keha tüüpi kirjatüüp, mis teile meeldib, ja seejärel sobitage sarnaste kujunditega täiendavad kirjatüübid.
- Vaadake igat tüüpi perekonnas väiketähti „o”. Kas sisemine kauss on ümmargune või ovaalne? Sobitage kirjatüübid, kus o-täht on sama.
- Paksude ja õhukeste kirjatüüpide sidumine on OK. Parem on siduda paks või õhuke ja korrapärane kirjatüüp.
- Otsige sarnase x-kõrgusega kirjatüüpe („x” vertikaalne suurus).
- Ärge kartke segada ja sobitada eri tüüpi stiile. Proovige serifi ja sans-serifi kombinatsiooni. Lihtsalt veenduge, et kui üks kirjatüüp on keeruline, siis teine on lihtne. Ja kõige laiema rakenduse jaoks, näiteks kehateksti jaoks, kasutage lihtsat kirjatüüpi.
- Pöörake tähelepanu kaldus ja kaldkirjas. (Võite suunisena vaadata uuesti tähe "o" keskpunkti.) Ärge kasutage rohkem kui ühte kaldus kirjasintressi ja vältige vastassuunas kaldus kirjatüüpide paare. Need võivad kasutajatele räiged olla.
Kas pole endiselt kindel? Siin on juhend kirjatüüpide segamiseks.
3. Valige tüübiskaala suuruse määramiseks
Tähtede suurus võib projekti muuta või katkestada. Kui tekst on liiga suur, põhjustab see ebaloomulikke lugemisharjumusi, kus on liiga palju pause ja peatusi. Kui tekst on liiga väike, võib see silmi kurnata ja panna kasutajad kujundusest lahkuma.
Kui tekst on õige, liiguvad kasutajad sõnadest vabalt läbi.
Õige suurusega tekstiga on kaasas ka projekti eri suurusega skaala. Põhiosa tekst on ühe suurusega, pealkirjad teise suuruse ja alapealkirjad on veel ühe suurusega. Ja kõik suurused ja kasutamine peaksid kogu kujunduses olema ühtlased.
See teeb kasutajate jaoks kõik lihtsamaks.
- Teksti suurus tähtsustab tähtsuse järjekorda. Suurem tüüp on olulisem ja enamus kasutajaid kipuvad seda sageli koorima.
- Skaala suurendab teksti skannitavust, nii et kasutajad saavad seda kiiresti vaadata.
- Seotud esemed on sama välimusega.
- Suuremad tekstielemendid, näiteks alapealkirjad, aitavad pikki tekstiplokke murda, muutes selle hõlpsamaks lugemise.
4. Pöörake tähelepanu vahekaugusele
See pole tüüp iseenesest, vaid oluline on tüüpide vahe.
Kerning, juhtimine, jälgimine ja polsterdamine võivad teie tüübi ilusti muuta või muuta see tuliseks segadusse.
Õige vahekauguse saamine on kunst. Ja palju see sõltub kasutatavatest tähekombinatsioonidest, suurusest ja kirjatüübist. Puudub sisseseadmisreegel - kui teha seda vajadusel - ning teksti ja muude elementide jaoks pole täiuslik kogus polsterdusi.
Peate seda silmamuna tegema.
Test on tunne. Kui kujundus tundub „välja lülitatud” viisil, mida te ei oska täpselt tuvastada, võib süüdi olla problemaatiline vahe. Selle õigesti saamiseks kulub lihtsalt harjutamine - ja hea silm.
5. Joondage lugemiseks vasakule
Nii inglise keeles kui ka teistes keeltes loevad kasutajad vasakult paremale. See on ka ideaalne joondamine loetavuse optimeerimiseks koopiaplokkides.
Väikesed tekstiosad - menüüelemendid või kangelase pealkirjad - ei pea vasakule joonduma, kuna neid on kiire lugeda. Tõenäoliselt tuleks suures koguses koopiat - kõike muud kui lauset - joondada. (Põhjendus on vaieldav, ehkki kui te ei ole eriti ettevaatlik, võib see tekitada probleeme eraldamisega).
6. Valige kaks tüüpi pered
Sellele reeglile on ilmselt juba pähe löödud: kasutage projekti jaoks ainult kahte kirjatüüpi.
Siin räägitakse jälle, sest nii vähesed disainerid pööravad sellele reeglile tähelepanu. Skaneerige veeb või portfelli veebisait ja näete palju projekte, mille fondid on läinud looduslikeks!
Kui plaanite seda reeglit rikkuda, mõelge uuesti. Mida võidate segule uue kirjatüübi lisamisega? Selle asemel vaadake valitud kirjatüüpi ja uurige, kas mõni muu stiil - paks või õhuke või kaldkiri - võib olla parem lahendus.
7. Ära muuda fonte
Ärge kunagi sirutage ega keerake ega kallutage kirjatüüpi. Kui vajate midagi erinevat sellest, mis teil on, valige mõni muu valik.
Tüüpdisainerid kulutavad palju aega kirjade koostamisele, mis toimivad esitatud viisil. Tähtede vormi muutmine kahjustab loetavust ja võib põhjustada fontide eraldumist viisil, mille korral foto pikseldatakse, kui kasutate originaalsuurusest suuremat.
8. Kasutage palju kontrasti
Üks asi, mis tekitab disainerites raskusi, on pildi või taustaelemendi sisestamine. See töötab ainult siis, kui elementide vahel on palju kontrasti, et luua eraldus ja tagada loetavus.
Kui peate tähtedele lisama varje, pole kontrasti piisavalt.
Hele pimedas või pimedas valguses võib tagada loetavuse. Samuti aitab see kasutada kirjatähte tavalise või laiema löögiga.
Kuid see pole alati nii. Foto võib sisaldada heledaid ja pimedaid ruume või lubamine võib hõlmata paksu ja õhukest lööki.
Valikud hõlmavad kasti teksti, raskema kirjastiili valimist või pildile värvilaki lisamist. Kõik need tehnikad aitavad luua suuremat kontrasti ja muuta teksti loetavamaks. (Lisaks kipuvad need vastu pidama, kui neid kasutatakse mitmetes tundlikes murdepunktides, kus tekst ja pildid liiguvad.)
9. Pidage meeles mobiilitüpograafiat
Veebi tüpograafia osas peaks mobiiltelefonide loetavus olema peamine mure. Lõbusad tehnikad, nagu näiteks tähtedele mustri või tekstuuri lisamine, võivad töötada nii printimisel kui ka mõnel töölauaekraanil, kuid väiksemates seadmetes jäävad sellest väheks.
Peate mõtlema, kuidas kirjatüübid kõigis kasutusviisides renderdavad. (Minge tagasi oma tüpograafia skaala juurde ja ärge unustage lisada tüübi spetsifikatsioone suurtele ja väikestele ekraanidele.)
Mobiilne tüpograafia on sageli pisut suur ja sisaldab pisut rohkem vahed kui lauaarvutite tüpograafia. Samuti aitab see, kui lõigud on lühemad, nii et te ei lõpe tekstiplokkidega, mille lugemiseks kulub mitu kerimist, mis võib kasutajaid hirmutada.
10. Hoidke kinni stiilijuhist
Kui teil on kindel idee, kuidas projekt projektis välja peaks nägema, looge stiilijuhend koos kõigi teie täpsete kasutusreeglitega.
Tehke koopiaid. Pange see Internetti juurdepääsetavasse kohta. Ja kasutage seda alati, kui muudate kujundust.
Järjepidevus on täiusliku tüpograafia kujundamise põhikomponent.
Järeldus
Hea ja halva tüpograafia puhul on asi selles, et enamik kasutajaid suudab ühe või teise tuvastada. Nad teavad ainult siis, kui kujundus pole just õige.
Täiusliku tüpograafia loomisel on peamine mure loetavus. Tüüp peab olema kergesti loetav ja arusaadav. See peaks vastama koopia meeleolule. Ja see peaks kasutajatele peaaegu nähtamatu olema; see töötab siis, kui nad ei pea sellele mõtlema ja saavad hõlpsalt lugeda.
