Preskočiť na hlavný obsah

Typografia na webe: Riadkovanie v závislosti od veľkosti písma

Typografia na webe: Veľkosť riadku v závislosti od veľkosti písma

Keywords:
Font, veľkosť, riadkovanie, Font size, line height, Typografia, Typography, web design, web dizajn,

Zlatý rez

Golden ratio / zlatý rez / phi
1.61803398875
1.618 alebo zjednodušene 1.62
x 1.618 (presnejšie)

09 - 14,5620 - 14,6
10 - 16,1800 - 16,2
11 - 17,7980 - 17,8
12 - 19,4160 - 19,4
14 - 22,6520 - 22,7
15 - 24,2700 - 24,3
16 - 25,8880 - 25,9
18 - 29,1240 - 29,1
24 - 38,8320 - 38,8
30 - 48,5400 - 48,5
36 - 58,2480 - 58,2
48 - 77,6640 - 77,7
60 - 97,0800 - 97,1
72 - 116,496 - 116,5

x 1.62 (jednoduchšie)

09 - 14,580 - 14,6
10 - 16,200 - 16,2
11 - 17,820 - 17,8
12 - 19,440 - 19,4
14 - 22,680 - 22,7
15 - 24,300 - 24,3
16 - 25,920 - 25,9
18 - 29,160 - 29,2
24 - 38,880 - 38,9
30 - 48,600 - 48,6
36 - 58,320 - 58,3
48 - 77,760 - 77,8
60 - 97,200 - 97,2
72 - 116,64 - 116,6

Príklady



(http://www.pearsonified.com/2011/12/golden-ratio-typography.php)

Georgia
Font size: 15px
Line height: 24px
Golden ratio: 15px - 24,3px


(http://www.apple.com/macbook-air/)

Lucida Grande Regular
Font size: 27px
Line height: 31,99817px
Golden ratio: 27px - 43,686px

Lucida Grande Regular
Font size: 16px
Line height: 25,1452px
Golden ratio: 16px - 25,888px


(http://www.apple.com/ios/ios8/)

Lucida Grande Regular
Font size: 40px
Line height: 44,20px
Golden ratio: 40px - 64,72px

Lucida Grande Regular
Font size: 16px
Line height: 28,57px
Golden ratio: 16px - 25,888px


(https://www.facebook.com/)

Helvetica Regular
Font size: 14px
Line height: 19,3199px
Golden ratio: 14px - 22,652px
Helvetica Regular
Font size: 12px
Line height: 15,3599px
Golden ratio: 12px - 19,416px

Odkazy

Secret Symphony: The Ultimate Guide to Readable Web Typography
http://www.pearsonified.com/2011/12/golden-ratio-typography.php

Komentáre

Zverejnenie komentára

Obľúbené príspevky z tohto blogu

Facebook - Pomoc s nastavením súkromia (Január 2011)

Všetky dôležité nastavenia súkromia na Facebooku si upravíte tu.  https://www.facebook.com/settings Našťastie sa Facebook zlepšil a ponúla prehľadnejší rozpis jednotlivých nastavení. Využívajte záložky na ľavej strane.  Všeobecné , Bezpečnosť , Súkrommie , Časová os a menovky , Blokovanie , Upozornenia , Mobil , Odberatelia , Aplikácie , Reklamy , Platby , Darčeky , Panel podpory * Ďalej pokračuje článok z roku 2011. * Na začiatku chcem upozorniť, že tento článok je z januára 2011 - takže niektoré nastavenia sa časom určite zmenia. Nie ste jediní, ktorým občas prekáža nastavovanie svojho účtu na Facebooku. Vie to byť dosť zdĺhavé a veľa ľudí sa v tom nevyzná. Niekedy ma to vie aj pekne vytočiť - ako ťažko sa k niektorým nastaveniam človek prekliká. Pre uľahčenie do budúcnosti som si spísal zoznam priamych liniek na niektoré položky - v nastavení súkromia, ktoré som dlho hladaľ - takto sa k ním dostatne na jedno kliknutie ;) Nastavenia súkromia http://www.faceboo
9 komentárov
Čítajte viac >>

Návod: Plagát A4 A3 vo Photoshope

Ako na to? Plagát A3 / A4 v Adobe Photoshope. Návod pre totálnych amatérov / začiatočníkov. Zistíme si rozmer papiera A3. Do Google zadáme: "A3 paper size wiki" http://en.wikipedia.org/wiki/Paper_size   Veľkosti sú udávané v milimetroch. A4 - 210 × 297 (šírka x výška) A3 - 297 × 420 (šírka x výška) A2 - 420 × 594 (šírka x výška) Zapneme si Photoshop. CTRL + N / Súbor - Nový   Určíme si Prednastavenie - Medzinárodný papier. Velkosť - A3. Program nám nastaví rozmery - Šírka: 297, Výška: 420 (mm)   Ak budeme plagát tlačiť v profesionálnej tlačiarni, kde budú orezávať biele okraje, je potrebné, aby sme k udanej veľkosti pridali ešte 3 mm spadavky po každej strane. Tieto 3 mm sa nakoniec procesu orežú, takže by sa v nich nemali nachádzať žiadne dôležité údaje, ideálne iba pozadie.  Veľkosť vytvoreného súboru teda môže aj s 3mm spadavkou byť 297 + 6 = 303, 420 + 6 = 426  A3 + 3mm spadavka = 303 x 426 mm  Nezabudnite nastaviť 300 DPI rozlíšenie. DPI =
3 komentáre
Čítajte viac >>

Upozornenia na nový mail priamo na pracovnej ploche (Gmail, Chrome)

V práci sa mi stáva, že pozabudnem pravidelne kontrolovať e-mailovú schárnku a potom sa stáva, že v súrnych prípadoch, keď ide aj o sekundy som výkonnostne pozadu. Potrebujem upozornenia na nové e-maily priamo na pracovnej ploche alebo nejaké vyskakujúce okná. Pamätal som si, že niečo podobné ponúka Gmail - ak používate Google Chrome, ale v tom množstve nastavení sa človek ľahko stráca. Ak teda používate Gmail a Google Chrome riešenie je jednoduché. Informoval o tom aj článok na Živé.sk ( http://www.zive.sk/gmail-vie-upozornit-na-spravy-i-konverzacie-priamo-na-pracovnej-ploche/sc-4-a-292136/default.aspx ) Stačí ak prejdete na Nastavenia (vpravo hore) Nastavenia - Všeobecné - Upozornenia na pracovnej ploche A zvolíte možnosť: Upozornenia na novú poštu sú zapnuté Na nový e-mail by ste odteraz mali byť upozorňovaný aj oknom - ktoré bude vyzerať približne takto. Keywords: Gmail, Google Chrome, upozornenia, plocha, pracovná plocha, upozornenia priamo na pracovn
Zverejnenie komentára
Čítajte viac >>