1.4.3 Классификация веб-дизайна

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

Выделяются следующие элементы, участвующие в создании стиля:

• шрифт; в пределах публикации шрифт должен иметь одинаковые характеристики (гарнитура (начертание), кегль (высота), цвет);

• абзац; в пределах публикации предпочтителен единый вид выравнивания;

• цветовая схема; единое оформление создаст у посетителя ощущение связности сайта;

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

• логотип.

На данный момент в зависимости от контекста можно выделить следующие типы веб-дизайна:

• текстовый дизайн: почти полное отсутствие изображений, что значительно ускоряет загрузку страницы;

• полиграфический дизайн: веб-страница имитирует печатное издание. Подобный дизайн распространен на корпоративных и рекламных сайтах, т.е. там, где необходимо образно-эмоциональное наполнение содержания. Как правило, основное впечатление пользователь получает за счет пиксельной графики;

• интерфейсный дизайн: минимизирование кода и предельная оптимизация изображений, тщательно продуманная навигация и общая схема сайта;

• динамический дизайн: активное использование динамических объектов, в частности, анимации;

• смешанные типы – комбинация представленных типов дизайна [7].

С особенностями разрешения дисплея связан вопрос выбора между подстраивающимися страницами (изменяется размер и осуществляется настройка под разные размеры окон) и фиксированными по размеру (что позволяет разработчику лучше управлять размерами страницы). В пользу каждого из подходов есть веские аргументы [7].

При использовании гибких страниц (т.е. резинового дизайна), текст и элементы HTML-файла попадают в окно браузера, заполняя все доступное пространство, вне зависимости от размеров дисплея. Если размер окна браузера изменяется, элементы повторно выводятся, чтобы настроиться на новые размеры. Этот подход имеет свои достоинства и недостатки:

• гибкую страницу можно настроить для вывода на любом дисплее;

• отсутствует нежелательное свободное место;

• на больших дисплеях длина строки может оказаться чрезмерной, что значительно ухудшает условия чтения;

• возможно негармоничное расположение элементов;

• результаты гибкого дизайна непредсказуемы: страница у разных пользователей будет выглядеть по-разному.

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

Подобный подход также имеет свои особенности:

• страница всегда будет выглядеть одинаково вне зависимости от размеров дисплея;

• страницы и столбцы с фиксированной шириной обеспечивают лучшее управление длинами строк;

• если размер данного окна браузера меньше сетки страницы, части страницы не будут видны и может потребоваться горизонтальная прокрутка, что почти всегда воспринимается как помеха.

Веб-страницы могут быть полностью фиксированными или гибкими, но также могут объединять в себе оба подхода.