Улучшение читабельности текста
На любом сайте дизайнер сталкивается с проблемой размещения тестовых блоков, и их оформлением. При дальнейшей разработке сайта, оформление внешнего вида текста производится верстальщиком, который, с помощью таблиц стилей приближает внешний вид текста к желаемомоу.
При этом, довольно часто происходит доработка вида текста относительно первоначального дизайнерского проекта. Причиной для этого может быть изменение пожеланий клиента, осознание самим дзайнером каких то неточностей в рисунке и т.д.
Очень часто наиболее сильные отличия сверстанного сайта от PSD-проекта бывают именно из-за вида текста.
Первое что нужно выбрать - это семейство шрифтов. Традиционными на сайта являются serif и sans-serif. Из наиболее известных гарнитур к первому относится Times New Roman, а ко второму - Verdana. Лично я всегда предпочитаю использовать sans-serif поскольку при просмотре на среднем мониторе с высоким разрешением шрифты без засечек читать легче. Впрочем, при офрмлении заголовков, где обычно используется относительно крупный размер шрифта, можно использовать и serif.
Размер шрифта, это вторая головная боль любого верстальщика. Дело в том что основная аудитория сети использует разрешение 1024х768. В зависимости от разрешения монитора, размер шрифта может показаться пользователю как слишком болшим, так и неоправданно мелким. Кроме того, на отображение шрифта влияет то в каких еденицах указан размер.
Если говорить о броузерах работающих под Windows то наибольшей переносимостью обладают относительные еденицы EM. Так, в частности, на моем сайте, для простого текста используется размер шрифта 0.7em. Однако, использование относительных едениц налагает на верстальщика определенные обязанности по правильному размещению элементов разметки. Все элементы которым присвоен размер текста в EM, обязательно должны иметь закрывающий элемент, и вложенность элементов должна быть полностью соблюдена. В противном случае блоки будут отбражаться каждый мельче предыдущего на 30%. Из-за этого размеры в EM не очень популярны у верстальщиков, и обычно они предпочитают им пункты(pt)б или пиксели(px). Последние используются практически повсеместно.
Помимо гарнитуры шрифта, и его размера, CSS позволяет определить и некоторые другие параметры вывода текста. Так, например можно указать межстрочные и межбуквеные интервалы, настроить вывод малых заглавных букв и пробелов.
Еще одна ошибка, часто совершаемая при верстке заключается в отсутствии ограничения на максимальную ширину текстового блока. Если, скажем при верстке растягивающихся сайтов, за минимальное значение размера обычно берется 760 пикселей, то о максимальном значении обычно не задумываются. Меджу тем практика размещения текста именно в └растягивающихся⌠ ячейках очень широка. В результате человек с высоким разрешением монитора, зашедший на сайт с такой версткой увидит текстовый блок шириной, зачастую более 1000 пикселей. Читать такой текст, естественно, неудобно. С другой стороны верстка колонками тоже бывает довольно неудобной. особенно при больших объемах текста. поэтому я бы рекомендовал просто ограничивать максимальную ширину текстового блока где то в районе 500-560 пикселей.
Автор: Сергей Лисин


Дайджест новых статей по интернет-маркетингу на ваш email
Новые статьи и публикации
- 2025-07-09 » Индексация сайта: что это и как ускорить попадание страниц в поисковики
- 2025-07-09 » 4 маркетинговых трюка от Стива Джобса
- 2025-07-08 » Как мышление влияет на успех бизнеса, и причем тут эмоциональный интеллект
- 2025-07-08 » «Бомж-маркетинг» без бюджета: механика, тактики и результаты
- 2025-07-08 » Медицинский интернет-маркетинг: каналы, особенности и рекомендации
- 2025-07-04 » Утечка данных стоит дороже, чем их защита: почему вам нужна грамотная ИТ-инфраструктура
- 2025-07-04 » Персональные данные: правила хранения и обработки и изменения 2025 года
- 2025-07-04 » Владельцам сайтов: изменения в законе о персональных данных
- 2025-07-04 » Персональные данные: самый полный гайд на 2025 год
- 2025-07-04 » Штрафы за нарушения в работе с персональными данными с 30 мая 2025 года: утечка в интернет и неуведомление РКН
- 2025-07-04 » Новые штрафы в работе с персональными данными: что проверить прямо сейчас
- 2025-07-04 » Google выкатил 68-страничный гайд по промптам. Я прочитал его за вас и вытащил 4 главных правила
- 2025-07-04 » Как выстроить доверие и лояльность клиентов через точки контакта
- 2025-07-04 » Пять SEO-правил, которые реально работают в 2025 году
- 2025-06-10 » Кому нужно срочно подать уведомление в РКН об обработке персональных данных и как это правильно сделать
- 2025-06-10 » Что такое VPN и зачем он нужен?
- 2025-06-10 » Нейросети для создания видео: 7 инструментов и что они могут
- 2025-06-10 » ChatGPT, DeepSeek, Grok, Gemini доступны на русском бесплатно. Внедряем?
- 2025-06-10 » 12 нейросетей для работы с маркетплейсами: создание карточек и описаний для Wildberries и Ozon
- 2025-06-10 » 11 нейросетей для генерации изображений в 2025 году
- 2025-05-30 » Год назад то, что занимало у меня несколько дней работы, сейчас я делаю за 1-2 часа. Без преувеличений. И это только начало
- 2025-05-25 » Нейросети для написания текста: 7 сервисов в помощь копирайтеру
- 2025-05-25 » Сайты с качественным контентом смогут получать больше трафика после обновления алгоритмов в Поиске Яндекса
- 2025-05-07 » Почему страницы не индексируются Google: три типа проблем
- 2025-05-05 » Лидеры рейтинга самых дорогих компаний Рунета — 2025
- 2025-05-05 » Мы делали презентации 35 лет, а потом пришла нейросеть
- 2025-04-08 » Горшочек, рисуй: 10 бесплатных сервисов для генерации картинок
- 2025-04-08 » SEO-продвижение в 2025 году: 15 трендов, без которых ТОП не светит
- 2025-03-14 » SPF-запись
- 2025-03-07 » SEO на маркетплейсах: как оптимизировать карточку товара для поисковой выдачи
Секрет быть несчастным: иметь время занудствовать на тему, счастлив ты или нет Шоу Джордж Бернард - (1856-1950) - английский писатель. В своем творчестве ниспровергал догматизм и предвзятость, традиционность представлений |
Мы создаем сайты, которые работают! Профессионально обслуживаем и продвигаем их , а также по всей России и ближнему зарубежью с 2006 года!
Как мы работаем
Заявка
Позвоните или оставьте заявку на сайте.
Консультация
Обсуждаем что именно Вам нужно и помогаем определить как это лучше сделать!
Договор
Заключаем договор на оказание услуг, в котором прописаны условия и обязанности обеих сторон.
Выполнение работ
Непосредственно оказание требующихся услуг и работ по вашему заданию.
Поддержка
Сдача выполненых работ, последующие корректировки и поддержка при необходимости.