Александр Бондаренко Хорошая типографика как залог...
43
Хорошая типографика как залог успешности вашего сайта Бондаренко Александр
Transcript of Александр Бондаренко Хорошая типографика как залог...
Хорошая типографика как
залог успешности вашего сайта
Бондаренко Александр
Как мы читаем?
мы не читаем текст отдельно по словам
мы не читаем текст отдельно по словам
мы не читаем текст отдельно по словам
Что собой представляет чтение? Это достаточно сложный механизм
восприятия графической информации. Четкого определения,
отражающего суть процессов, происходящих в мозгу человека, не
существует. Некоторые ученые считают, что чтение — это процесс
понимания буквального и скрытого смысла, заложенного в тексте
автором, с использованием глаз и сознания. Частично это так.
Что собой представляет чтение? Это достаточно сложный механизм
восприятия графической информации. Четкого определения,
отражающего суть процессов, происходящих в мозгу человека, не
существует. Некоторые ученые считают, что чтение — это процесс
понимания буквального и скрытого смысла, заложенного в тексте
автором, с использованием глаз и сознания. Частично это так.
ЧТО СОБОЙ ПРЕДСТАВЛЯЕТ ЧТЕНИЕ? ЭТО ДОСТАТОЧНО
СЛОЖНЫЙ МЕХАНИЗМ ВОСПРИЯТИЯ ГРАФИЧЕСКОЙ
ИНФОРМАЦИИ. ЧЕТКОГО ОПРЕДЕЛЕНИЯ, ОТРАЖАЮЩЕГО СУТЬ
ПРОЦЕССОВ, ПРОИСХОДЯЩИХ В МОЗГУ ЧЕЛОВЕКА, НЕ
СУЩЕСТВУЕТ. НЕКОТОРЫЕ УЧЕНЫЕ СЧИТАЮТ, ЧТО ЧТЕНИЕ —
ЭТО ПРОЦЕСС ПОНИМАНИЯ БУКВАЛЬНОГО И СКРЫТОГО
СМЫСЛА, ЗАЛОЖЕННОГО В ТЕКСТЕ АВТОРОМ, С
ИСПОЛЬЗОВАНИЕМ ГЛАЗ И СОЗНАНИЯ. ЧАСТИЧНО ЭТО ТАК.
ЧТО СОБОЙ ПРЕДСТАВЛЯЕТ ЧТЕНИЕ? ЭТО ДОСТАТОЧНО
СЛОЖНЫЙ МЕХАНИЗМ ВОСПРИЯТИЯ ГРАФИЧЕСКОЙ
ИНФОРМАЦИИ. ЧЕТКОГО ОПРЕДЕЛЕНИЯ, ОТРАЖАЮЩЕГО СУТЬ
ПРОЦЕССОВ, ПРОИСХОДЯЩИХ В МОЗГУ ЧЕЛОВЕКА, НЕ
СУЩЕСТВУЕТ. НЕКОТОРЫЕ УЧЕНЫЕ СЧИТАЮТ, ЧТО ЧТЕНИЕ —
ЭТО ПРОЦЕСС ПОНИМАНИЯ БУКВАЛЬНОГО И СКРЫТОГО
СМЫСЛА, ЗАЛОЖЕННОГО В ТЕКСТЕ АВТОРОМ, С
ИСПОЛЬЗОВАНИЕМ ГЛАЗ И СОЗНАНИЯ. ЧАСТИЧНО ЭТО ТАК.
Что собой представляет чтение? Это достаточно сложный механизм
восприятия графической информации. Четкого определения,
отражающего суть процессов, происходящих в мозгу человека, не
существует. Некоторые ученые считают, что чтение — это процесс
понимания буквального и скрытого смысла, заложенного в тексте
автором, с использованием глаз и сознания. Частично это так.
Что собой представляет чтение? Это достаточно сложный механизм
восприятия графической информации. Четкого определения,
отражающего суть процессов, происходящих в мозгу человека, не
существует. Некоторые ученые считают, что чтение — это процесс
понимания буквального и скрытого смысла, заложенного в тексте
автором, с использованием глаз и сознания. Частично это так.
line-height: 1.5;
Что собой представляет чтение? Это достаточно
сложный механизм восприятия графической
информации. Четкого определения, отражающего
суть процессов, происходящих в мозгу человека, не
существует. Некоторые ученые считают, что чтение —
это процесс понимания буквального и скрытого
смысла, заложенного в тексте автором, с
использованием глаз и сознания. Частично это так.
Что собой представляет чтение? Это достаточно сложный механизм восприятия графической
информации. Четкого определения, отражающего суть процессов, происходящих в мозгу человека, не
существует. Некоторые ученые считают, что чтение — это процесс понимания буквального и скрытого
смысла, заложенного в тексте автором, с использованием глаз и сознания. Частично это так.
Оптимальная длина строки 65 символа.
Настало время увеличить размер шрифта:
@media screen and (device-pixel-ratio: 1.5) and (device-width: 683px) and (orientation: landscape), screen and (device-pixel-ratio: 1.5) and (device-width: 400px) and (orientation: portrait)
@media screen and (device-pixel-ratio: 1) and (device-width: 1024px) and (max-device-height: 600px) and (orientation: landscape), screen and (device-pixel-ratio: 1) and (device-width: 600px) and (max-device-height: 1024px) and (orientation: portrait)
Не доверяйте font-face!
@font-face {
font-family: 'typeName';
...
font-weight: normal;
font-style: normal;
}
a {
font-family: 'typeName', serif;
font-weight: bold;
font-style: italic;
}
Не доверяйте font-face!
@font-face {
font-family: 'typeName';
src: url('typeName-Regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'typeName';
src: url('typeName-Italic-bold-webfont.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
http://nicewebtype.com/notes/2012/02/03/molten-leading-or-fluid-line-height/ (скрипт для текста)
http://daneden.me/baseline/ - скрипт для картинок.
Сочетание шрифтов
Перспективы типографики в web
Хорошая типографика как
залог успешности вашего сайта
Бондаренко Александр
