3.6. Адаптация дизайна страницы под различные разрешения монитора

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

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

Графические элементы надо проектировать, также принимая во внимание различное разрешение. В частности, все пиктограммы должны по-прежнему хорошо смотреться, когда они отображаются при разрешении 100 dpi или больше. Чем больше разрешение, тем меньше становятся размеры графических элементов. Поэтому, чтобы текст, включенный в графику, оставался читаемым, необходимо задавать для него относительно большой размер шрифта. Обычно не рекомендуется включать текст в графические элементы, так как это замедляет процесс передачи и увеличивает объем работы при переводе элементов пользовательского интерфейса на иностранные языки.

Закрыть
Контрольные задания:
  1. Дизайн применяется в различных сферах деятельности человека. Как вы думаете, чем веб-дизайн отличается, например, от газетно-журнального дизайна (задачи, особенности использования, возможности применения различных видов информации, достоинства и недостатки)?
  2. Зачем необходимо оптимизировать графические изображения перед их публикацией на веб-сайте?
  3. Проанализируйте произвольно выбранный веб-сайт по следующий критериям:
Закрыть
Литература:
  1. Вроблевски Люк. Естественные цвета и дизайн интерфейсов. [Электронный ресурс]: Режим доступа: http://webmascon.com/topics/colors/13a.asp, свободный.
  2. Кирсанов Д. Web-дизайн.- М.: Символ-Плюс, 2001. – 376 с.
  3. Клонингер Курт. Свежие стили для вашего сайта. [Электронный ресурс]: Режим доступа: http://webmascon.com/topics/designdetails/6a.asp, свободный.
  4. Кузнецов А.М., Мартынов В.В. Требования к графическому дизайну и юзабилити образовательных порталов / Интернет-порталы: содержание и технологии: Сб. науч. статей. – Вып. 1. – М.: Просвещение, 2003. – 720 с.
  5. Нильсен Якоб. Десять главных ошибок в веб-дизайне 2005 года. [Электронный ресурс]: Режим доступа: http://webmascon.com/topics/designdetails/33a.asp, свободный.
  6. Робинсон Кейт. Рецепт изучения веб-дизайна. [Электронный ресурс]: Режим доступа: http://webmascon.com/topics/designgeneral/19a.asp, свободный.