Web Дизайн. Уроки фотошопа, photoshop. Статьи о дизайне. Как создать сайт. Обучение дизайну. Фото. Гламурные галереи
Веб дизайн


Дизайн Форум


Про дизайн и web дизайн




Главная     Галереи Дизайна (29)




  Статьи о дизайне





  Галереи дизайна

Промышленный дизайн, графический дизайн, гламурные картинки, иконки, аватары.

  Помощь Дизайнеру!

Советы по дизайну. Философия, психология и трудовые будни дизайнера.



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





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

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


Смотри также:
Феномен упрямого заказчика
Составляем ТЗ на web-дизайн
Феномен неадекватного заказчика
Макет не вышел с 1-го раза? Ну и что...
Творческий ступор, что делать?
Лучшее - враг хорошего или "Жду от вас "Шедевр"
Идеальный сайт? И не мечтайте! (RUS), (UKR)
Дизайнер? Ну-у, это понятно, а кем вы работаете?
Советы по дизайну. Скорая + помощь дизайнеру









  Rambler's Top100  


Web дизайн и создание сайтов       Пользовательское соглашение

Карта сайта      Наверх