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://ww...
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...
3 komentáre
Čítajte viac >>

Hudba zo seriálu CSI:Miami

Vždy keď pozerám tento seriál zaujme ma hudba, ktorá zaznieva v epizódach. Konečne som si na to spomenul - a zagooglil som. Medzi prvými som našiel celkom zaujímavú stránku. http://csimiami.wetpaint.com/page/CSI:+Miami+Music?t=anon Zatiaľ to vyzerá tak, že tam nájdem všetky skladby čo v seriály odzneli. :) Prípadne ďalšie zdroje: http://www.tunefind.com/show/CSI:+Miami http://heardontv.com/tvshow/CSI%3A+Miami/Season+1
Zverejnenie komentára
Čítajte viac >>