III разработка дизайна

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

В тече­ние данной фазы разрабатываются как технический, так и визуальный про­тотипы.

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

Заранее известное содержимое не позволит дизайнеру упустить момент интеграции формы и содержания (подбор необходимого содержимого представляет собой один из наиболее медлен­ных этапов Web-дизайна).

Блочные композиции

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

Правило

Визуальный дизайн должен проходить в направлении сверху вниз от начальной страницы через страницы с подразделами к страницам с содержимым.

Сделайте макет страницы на бумаге в виде модульной сетки, например

Логотип

кнопки

содержимое

изображения

Навигатор по сайту

Композиции на бумаге и на экране

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

Нарисуйте макет сайта:

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

IV создание пробного сайта

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

Реализация фиктивного сайта начинается с разбиения цифровых композиций страниц на отдельные блоки и "сборки" страниц в нужном по­рядке при помощи HTML и, возможно, CSS. Старайтесь проводить сборку сайта по шаблонам, так чтобы весь сайт в целом можно было смонтировать очень быстро.

! Не стоит помещать на свои места содержимое сайта. Используйте имитацию текста на большинстве страниц, если только сцена­рии тестирования не предполагают присутствие реального текста.

Когда фиктивный сайт смонтирован, он должен демонстрировать полные возмож­ности системы навигации, а также заранее заданную интерактивность, но при этом не иметь содержимого.

Реализация бета-сайта

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