InfSchool.ru

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

Этот этап не такой простой, как может показаться на первый взгляд. Особенно, если анализ ситуации в Интернете показал наличие жёсткой конкуренции в борьбе за целевую аудиторию. Кроме решений задач по достижению имиджевой индивидуальности сайта, необходимо учитывать множество дополнительных (иногда, чисто технических) требований — usability (практичность) сайта, «прозрачность» (понятность) навигации, применение различных технологий оформления, скорость загрузки страниц, качество графики, а также требования эргономики.

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

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

Например, поначалу можно использовать инструменты Фрагмент и Выбор фрагмента графического редактора Adobe Photoshop и Adobe Image Ready, которая входит в поставку Adobe Photoshop. В данных программах возможно разрезать файл эскиза макета сайта на составные части и автоматически сформировать html-код.

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

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

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

Следует учитывать, что дизайн в смысле разумного устройства сайта значительно важнее, чем его «красивость».

На основании вышесказанного можно сформулировать 6 рекомендаций для разработчиков дизайна сайта.