Post on 16-Jun-2015
Хорошая типографика как
залог успешности вашего сайта
Бондаренко Александр
Как мы читаем?
мы не читаем текст отдельно по словам
мы не читаем текст отдельно по словам
мы не читаем текст отдельно по словам
Что собой представляет чтение? Это достаточно сложный механизм
восприятия графической информации. Четкого определения,
отражающего суть процессов, происходящих в мозгу человека, не
существует. Некоторые ученые считают, что чтение — это процесс
понимания буквального и скрытого смысла, заложенного в тексте
автором, с использованием глаз и сознания. Частично это так.
Что собой представляет чтение? Это достаточно сложный механизм
восприятия графической информации. Четкого определения,
отражающего суть процессов, происходящих в мозгу человека, не
существует. Некоторые ученые считают, что чтение — это процесс
понимания буквального и скрытого смысла, заложенного в тексте
автором, с использованием глаз и сознания. Частично это так.
ЧТО СОБОЙ ПРЕДСТАВЛЯЕТ ЧТЕНИЕ? ЭТО ДОСТАТОЧНО
СЛОЖНЫЙ МЕХАНИЗМ ВОСПРИЯТИЯ ГРАФИЧЕСКОЙ
ИНФОРМАЦИИ. ЧЕТКОГО ОПРЕДЕЛЕНИЯ, ОТРАЖАЮЩЕГО СУТЬ
ПРОЦЕССОВ, ПРОИСХОДЯЩИХ В МОЗГУ ЧЕЛОВЕКА, НЕ
СУЩЕСТВУЕТ. НЕКОТОРЫЕ УЧЕНЫЕ СЧИТАЮТ, ЧТО ЧТЕНИЕ —
ЭТО ПРОЦЕСС ПОНИМАНИЯ БУКВАЛЬНОГО И СКРЫТОГО
СМЫСЛА, ЗАЛОЖЕННОГО В ТЕКСТЕ АВТОРОМ, С
ИСПОЛЬЗОВАНИЕМ ГЛАЗ И СОЗНАНИЯ. ЧАСТИЧНО ЭТО ТАК.
ЧТО СОБОЙ ПРЕДСТАВЛЯЕТ ЧТЕНИЕ? ЭТО ДОСТАТОЧНО
СЛОЖНЫЙ МЕХАНИЗМ ВОСПРИЯТИЯ ГРАФИЧЕСКОЙ
ИНФОРМАЦИИ. ЧЕТКОГО ОПРЕДЕЛЕНИЯ, ОТРАЖАЮЩЕГО СУТЬ
ПРОЦЕССОВ, ПРОИСХОДЯЩИХ В МОЗГУ ЧЕЛОВЕКА, НЕ
СУЩЕСТВУЕТ. НЕКОТОРЫЕ УЧЕНЫЕ СЧИТАЮТ, ЧТО ЧТЕНИЕ —
ЭТО ПРОЦЕСС ПОНИМАНИЯ БУКВАЛЬНОГО И СКРЫТОГО
СМЫСЛА, ЗАЛОЖЕННОГО В ТЕКСТЕ АВТОРОМ, С
ИСПОЛЬЗОВАНИЕМ ГЛАЗ И СОЗНАНИЯ. ЧАСТИЧНО ЭТО ТАК.
Что собой представляет чтение? Это достаточно сложный механизм
восприятия графической информации. Четкого определения,
отражающего суть процессов, происходящих в мозгу человека, не
существует. Некоторые ученые считают, что чтение — это процесс
понимания буквального и скрытого смысла, заложенного в тексте
автором, с использованием глаз и сознания. Частично это так.
Что собой представляет чтение? Это достаточно сложный механизм
восприятия графической информации. Четкого определения,
отражающего суть процессов, происходящих в мозгу человека, не
существует. Некоторые ученые считают, что чтение — это процесс
понимания буквального и скрытого смысла, заложенного в тексте
автором, с использованием глаз и сознания. Частично это так.
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
Хорошая типографика как
залог успешности вашего сайта
Бондаренко Александр