Разработка дизайна web-сайта на основе чернового макета

На основе ранее созданного чернового макета разрабатывается готовый дизайн web-сайта. Для этого использовался мультифункциональный графический редактор, произведённый и распространяемый Adobe Systems Incorporated — Adobe Photoshop CC 2017. Готовый макет разрабатывался под «FULL HD» мониторы с разрешением 1920×1080 пикселей и соотношением сторон 16:9, но с минимальным значением ширины сайта в 1020 пикселей, что позволит web-сайту выглядеть хорошо на большинстве современных устройств и мониторах. Далее на рисунках ниже показаны все элементы web-дизайна, а также цветовая палитра и сочетание используемых шрифтов на сайте. [12].

Далее показан готовый макет главной страницы web-сайта в Adobe Photoshop CC 2017.

Структура данного макета имеет следующий вид:

• 1. Header (Шапка сайта)
• 2. Блок 1 — Блок 7 (Основной контент сайта)
• 3. Footer (Подвал сайта)

Макет web-сайта сохранен в формате «PSD» для дальнейшей работы с ним. PSD — это растровый формат сохранения и эксплуатации графических данных, который использует сжатие без потери в качестве, созданный специально для Adobe Photoshop. [13].

Ниже предоставлены изображения всех страниц разработанного web-сайта для данного предприятия. Сайт имеет 4 страницы:

• 1) Главная или домашняя страница;
• 2) О компании;
• 3) Контакты;
• 4) Информация.

На сайте имеется форма обратной связи, она располагается на страницах: «Главная» и «Контакты». После заполнения формы клиентом, его личные данные будут отправляться на электронную почту данного предприятия Этот адрес e-mail защищен от спам-ботов. Чтобы увидеть его, у Вас должен быть включен Java-Script.