Введение в веб-типографику
Информация — вот что интересует наших пользователей. От того как мы подадим им эту информацию будет зависеть популярность нашего сайта.
Сам по себе пользователь крайне ленив, если он сразу не наткнётся на нужную ему информацию — он уйдёт и вряд ли вернётся, поэтому я очень советую вам уделить особенное внимание этому вопросу и вы точно получите от этого приличную пользу.
Рецепт хорошей вёрстки текста
Перечисленные здесь цифры — залог успеха читабельности ваших текстов. Не бойтесь экспериментировать, но старайтесь не уходить далеко за рамки. Если какой–то из терминов окажется вам непонятным — ничего страшного, в теме Основные термины типографики они подробно описываются.
- * — Ширина текстового блока должна составлять приблизительно 40-50% от размера стандартного экрана.
- * — Межстрочный интервал должен быть приблизительно в 140-150% величины кегля.
- * — Величина кегля должен быть в диапазоне 12px - 16px и не менее 10px для мелкого текста.
- * — Расстояние между абзацами должно быть в районе полторы величины шрифта.
- * — Разница яркости цвета фона и текста должна составлять 75-90%.
Размер текста
В те страшные времена, когда мониторы были кинескопными, а мышки квадратными, верстальщик был ограничен тегом <FONT>, который предоставлял ему на выбор 7 размеров шрифтов. Сейчас верстальщику настолько развязали руки, что в возможностях выбора размеров шрифтов элементарно запутаться. Теперь вы в праве задавать размер в процентах (%), пунктах (pt), м–эквивалентах (em) и пикселях (px).
Шрифт
Вам доступно 15 шрифтов под Windows и по 10 шрифтов – эквивалентов на Mac OS и Linux. Из них я рекомендую использовать:
- * Verdana
- * Tahoma
- * Trebuchet MS
- * Arial
- * Georgia
- * Times New Roman
- * Palatino Linotype
Для мелкого набора отлично подходят современные шрифты Trebuchet MS и Tahoma, для обычного текста неплохо смотрятся Verdana и Arial, в заголовках и крупном тексте отлично смотрятся шрифты с засечками: Georgia, Times New Roman и Palatino Linotype. Особенное внимание хочу обратить на шрифт Georgia — он интересно отличается от других видом цифр, что может неплохо оживить ваши тексты.
Не используйте шрифты, которые не установлены у пользователей по умолчанию, так как ещё не существует нормальной возможности автоматической установки недостающих шрифтов, отсутствующих у пользователей для всех браузеров, они получат один из стандартных и сайт будет отображён не так, как вы задумывали.
Свободное пространство
Как ни странно, но пустота в типографике играет одну из основополагающих ролей (кто не верит может заглянуть в любой учебник по типографике и наверняка наткнётся на целую главу, посвящённую этой теме).
Пустота акцентирует внимание на предмете, выделяет его на фоне других и соответственно повышает скорость нахождения пользователем интересующей его информации. В далёкие 90-е сайты как правило смахивали на один большой и плотный кусок текста, разделяемый толстыми границами таблиц. Читать на таких сайтах было делом крайне утомительным.
С приходом модного нынче Web 2.0 ситуация в корне изменилась, теперь свободному месту уделяют внимания не меньше, чем самой информации.
Заголовки
Задача заголовка — быстро передать пользователю содержание текста, находящегося под ним. Именно поэтому заголовок должен отвечать следующим требованиям:
- * — Должен обязательно отличаться внешне от обычного текста, например цветом, размером или шрифтом.
- * — Отступ сверху заголовка должен быть больше оступа снизу для того, чтобы находиться ближе к текcту, на который он указывает
- * — Заголовки разных уровней должны отличаться, причём чем больше уровень заголовка, тем заметнее он должен быть
- * — В конце заголовков точка не ставится.
Абзацы
Исторически сложилось, что в печатной продукции абзацы выделяют так называемой красной строкой. Интернет пошёл по своему пути, на экране монитора абзацы принято разделять вертикальными отступами. Лично я не брезгую использовать оба подхода одновременно. Это очень неплохо улучшает читабельность текстов.
Для того чтобы купить грузовые автомобили б у и другую спецтехнику, воспользуйтесь сайтом www.trucklist.ru. Так же здесь Вы найдёте множество полезных статей и актуальных новостей автомобильной тематики.





Комментарии пользователей
Комментариев пока нет.
Оставить свой комментарий