(495) 925-0049, ITShop интернет-магазин 229-0436, Учебный Центр 925-0049
  Главная страница Карта сайта Контакты
Поиск
Вход
Регистрация
Рассылки сайта
 
 
 
 
 

Улучшение читабельности текста

Источник: rosdesign
Сергей Лисин

На любом сайте дизайнер сталкивается с проблемой размещения тестовых блоков, и их оформлением. При дальнейшей разработке сайта, оформление внешнего вида текста производится верстальщиком, который, с помощью таблиц стилей приближает внешний вид текста к желаемомоу.
При этом, довольно часто происходит доработка вида текста относительно первоначального дизайнерского проекта. Причиной для этого может быть изменение пожеланий клиента, осознание самим дзайнером каких то неточностей в рисунке и т.д.

Очень часто наиболее сильные отличия сверстанного сайта от 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 пикселей.

Ссылки по теме


 Распечатать »
 Правила публикации »
  Написать редактору 
 Рекомендовать » Дата публикации: 23.07.2012 
 

Магазин программного обеспечения   WWW.ITSHOP.RU
IBM RATIONAL Clearcase Floating User From Rational Clearcase Lt Floating User Trade Up License + Sw Subscription & Support 12 Months
Pinnacle Studio 22 Ultimate
Stimulsoft Reports.Ultimate Single License Includes one year subscription, source code
CAD Import .NET Professional пользовательская
IBM Domino Messaging Server Processor Value Unit (PVU) License + SW Subscription & Support 12 Months
 
Другие предложения...
 
Курсы обучения   WWW.ITSHOP.RU
 
Другие предложения...
 
Магазин сертификационных экзаменов   WWW.ITSHOP.RU
 
Другие предложения...
 
3D Принтеры | 3D Печать   WWW.ITSHOP.RU
 
Другие предложения...
 
Новости по теме
 
Рассылки Subscribe.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Новости ITShop.ru - ПО, книги, документация, курсы обучения
OS Linux для начинающих. Новости + статьи + обзоры + ссылки
Реестр Windows. Секреты работы на компьютере
Проект mic-hard - все об XP - новости, статьи, советы
 
Статьи по теме
 
Новинки каталога Download
 
Исходники
 
Документация
 
 



    
rambler's top100 Rambler's Top100