Графическая проработка модулей сайта

Продолжаем рассматривать тему «Web-дизайн сайта». Очередным этапом в разработке дизайна сайта является этап графической проработки специальных модулей сайта. Данный этап является заключительным моментом запланированных мероприятий в процессе подготовки к созданию макета сайта. Для вас, я думаю, не станет секретом, что созданный макет сайта – это венец всех работ связанных с разработкой web-дизайна сайта. Да действительно, глядя на макет сайта в одном из графических редакторов, вы действительно видите визуальную структуру будущего сайта. Вы видите его текстовую и графическую составляющую, вы видите основные и дополнительные модули, вы видите все вплоть до мельчайших штрихов в разработанном web-дизайне.

Однако есть одно но. И это, но я постараюсь сейчас объяснить. Современные web-технологии позволяют делать сайт «живым», то есть сопровождать определенные действия пользователя сайта, какими-то специальными эффектами. Так, к примеру, при наведении курсора мыши на пункт меню или на кнопку данный элемент может менять свой цвет, цвет шрифта, да и вообще всю информацию, расположенную на элементе.

Графическая проработка модулей сайта

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

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

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

Графическая проработка модулей сайта

Я привел всего лишь две основные причины, по которым специальные модули сайта требуют отдельной графической проработки. И это не единичные случаи, таких причин можно перечислять еще довольно большое количество. Но цель данной статьи не в ознакомлении с причинами по которым модули сайта прорабатываются отдельно. Основной целью я ставил идею познакомить читателя, с тем, что созданный макет сайта это еще не весь его web-дизайн. Что отдельные модули и элементы сайта по задумке разработчика могут изменяться, поэтому требуют дополнительной графической проработки на стадии разработки дизайна сайта.

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