Как спроектировать современный сайт (Вин) - страница 22

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

С. 57–60: Наш проект основан на четырех моделях страниц: статья, информационная страница, страница личных данных пользователя и главная (домашняя) страница

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

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

Итак, первое ограничение – наш дизайн должен помещаться на экране с разрешением 1024 х 768.

Естественно, размер 1024 х 768 пикселов не обязательно означает, что в вашем распоряжении будет вся эта область. Доступное место уменьшается за счет элементов пользовательского интерфейса, например, меню, поэтому в большинстве браузеров область просмотра оказывается меньше общей площади экрана примерно на 20 %. Кроме того, необходимо учитывать и небольшие поля слева и справа, поэтому доступная область просмотра становится еще меньше.

1024 х 768 – это стандартное разрешение экрана. Оно будет одним из ограничений нашего проекта

Площадь, занимаемая браузером на экране, не превышает 80 % площади, доступной при просмотре любой веб-страницы. Поэтому доступная область в браузере имеет размеры 974 х 650 пикселов

Учитывая поля на левой и правой сторонах браузера, получаем доступную «активную» область экрана примерно 960 х 650 пикселов

Ко всем моделям предъявляется одно общее требование: на видном месте должен находиться прямоугольный рекламный блок. Он, конечно, может присутствовать не на каждой странице, но сразу понятно, что любая созданная нами сетка должна предусматривать наличие рекламного блока. Это обеспечивает единообразие представления информации на всем сайте.

Для многих веб-дизайнеров рекламные блоки – это одна из главных проблем. Они являются весьма сложным условием, которое может помешать созданию продуманного дизайна. Рекламные блоки по определению вмешиваются в пользовательское восприятие, которым дизайнеры пытаются управлять.