Словосочетание «веб-дизайн» с английского web design можно перевести как визуальное оформление страниц сайта. Веб-дизайн так же важен для сайта, как полиграфический дизайн для бумажного издания. Рисование графических элементов выполняет специалист, которого называют веб-дизайнер.
Качественный дизайн – это залог успеха Вашего сайта, а, следовательно, Вашего бизнеса. Прежде чем приступить к изготовлению web-дизайна, программист должен четко представлять для чего создается сайт, какие функции он должен выполнять. Также программист должен учитывать пожелания заказчика, касающиеся цветовой палитры, расположения кнопок, наличия выпадающего меню и прочие пожелания, оговоренные в приложении к договору - «Техническое задание».
Навигация сайта
Главным признаком здорового работоспособного сайта является грамотная удобная навигация. Согласитесь, что водить автомобиль сидя на заднем сиденье или на крыше, было бы весьма неудобно. Так вот пользователю также неудобно долго рыться в множестве лишних или некорректных страниц, прежде чем он найдет необходимую ему информацию. Именно поэтому нужно сделать расположение основных кнопок - ссылок на основные разделы сайта - в верней части страницы, чтоб они были сразу видны даже самому не искушенному пользователю. Если информации очень много, то рекомендуется некоторые разделы объединить в один, чтоб не загромождать все пространство страницы.
Цветовое решение и графические элементы
Цветовое оформление и стиль сайта должен быть одинаков на всех страницах.
Для сайта-визитки чаще всего используется большая, яркая фотография или рисованная графика, иллюстрирующая деятельность компании или ее главного продукта. Как и фотографии на журнальных обложках, это изображение становится центром композиции, самой активной ее частью.
Для информативных сайтов, содержащих большие каталоги товаров, таких как интернет-магазины или интернет-порталы, графический элемент, как правило, не занимает много места и располагается в верхней части страницы рядом с логотипом. В насыщенных информацией сайтах обычно применяют стандартный цвет фона - белый, стандартный цвет текста - черный.
Верстка сайта
Вёрстка в издательском деле и полиграфии — процесс формирования страниц (полос) издания путём компоновки текстовых и графических элементов, а также результат этого процесса, то есть, собственно, полосы.
Вёрстка в сфере создания сайтов является неотъемлеммой частью этого процесса. Этап верстки идет непосредственно после создания макета сайта и перед этапом привязки к CMS (система управления сайтом), а иногда служит конечным этапом работ, если в сайт не планируется интеграция системы управления.
Рассмотрим последовательность работы по верстке сайта:
Нарезка дизайн-макета на отдельные графические элементы, отделение фона сайта от изображений.
Написание кода на языке HTML и CSS (css-верстка).
Тестирование сайта в основных броузерах (Internet Explorer, FireFox, Opera, Safari, Google Chrome) и при различных разрешениях (стандартно принятые разрешения по ширине — 1024px, 1280px, 1600px, разрешение по высоте не имеет принципиального значения).
Проверка работоспособности
Проверка - это заключительный этап в создании сайта. Проверяется работоспособность скриптов, корректность отображения в различных броузерах (Firefox, Internet Explorer, Opera) и при разных разрешениях монитора, устраняется наличие возможных ошибок. На этом этапе также производятся различные мелкие доделки, которые не выходят за рамки технического задания.
)
