Kuidas ma teksti suuruseid valin

Tekst moodustab veebilehest või mobiilirakendusest suurema osa. Seega see, milline on kirjatüüp, mängib vägagi olulist rolli. Mina teen üldiselt kõik asjad valesti, aga et oleks teada, kuidas, siis kirjutan sellest ka siin.

Kuidas ma valin kirja hierarhia?

Mis on üldse hierarhia ja miks on see oluline?

Palun väga:

Joonis 1. Pole täpselt teada, kes on selle pildi/idee autor, kuid see võtab ülitabavalt kokku tüpograafia hierarhia olemuse. Googeldades leiad analoogseid pilte mitmeid.

Ehk lühidalt, tegemist on lugeja tähelepanu suunamisega moel, et nii lugejal oleks asi arusaadav ja mõnus lugeda kui ka materjali väljapanijal saaks eesmärk – et lugeja loeks seda, mida vaja – täidetud.

Küsimus mis siit omakorda tekib:

Kui suur või väike erinev pealkiri või tekstiplokk olema peaks?

Kui teha üks plakat, saab ilmselt kõhutunde või silmarõõmuga hakkama. Kui tegemist aga raamatu või mahukama rakendusega, oleks vaja mingit reeglit, et kõik tekstid kogu taiese ulatuses püsiks samas raamistikus. Teisel juhul oleks tegemist pornograafiaga, mis on küll vahva, aga kontrollimatu.

Inime, kes küljendamise või graafilise disainiga pikemalt tegelenud, saab ka intuitiivselt sellega hakkama, ent see, kellele pimedusjumalanna on oma kõrgete kontsadega otse silma astunud (nagu mina), tunneb head meelt, kui on käepärast ka lollikindlad abivahendid.

Üks selline abi on 1981 (loodan, et väga mööda ei pane) aastal Šveitsi tüpograaf Josef Müller-Brockmanni poolt loodud tüpograafiaskaalad. Ta kirjeldas need täpsemalt oma raamatus "Grid Systems in Graphic Design" (Müller-Brockmann,1981)

Joonis 2. Mülleri-Brockmanni raamatu esikaas ja veebilehel selle kõrval olnud suurem tekst, et siin see pilt liiga püstine poleks.

Lühidalt on tegemist muusikamaailmast tuntud intervallide ületoomisega tüpograafiasse. Eriti lihtsaks muudab asja, et veebis on saadaval ka toredad rakendused, mille abil saad endale sobiva harmoonilise skaala välja valida.

Näiteks siin: https://typescale.com

Minule meeldib võimas tüpograafia, seega, kui veebilehe iseloom vähegi lubab, kasutan suuri ja haarvaid pealkirju. Selle probleemiks kipub kindlat skaalat järgides olema see, et h2 ja h3 saavad olema liiga suured. Seega siin ma teen nii, et h1 pealkirja kujundan järgnevast skaalast sõltumatult.

Üks asi, mida ma pole veel enda jaoks paika pannud – kas ümardada pakutud suurused komakohatuks või mitte…

Mida sina teeks?

Kasutatud kirjandus:

Müller-Brockmann, J. (1981). Grid systems in graphic design. A visual communication manual for graphic designers, typographers and three dimensional designers.
https://www.niggli.ch/en/produkt/grid-systems-in-graphic-design/