3.5 Дизайн сайта

Создание макетов, в которых отображен дизайн сайта происходит в графическом редакторе AdobePhotoshop.

• Создание нового документа (сочетание клавиш Ctrl+N).

• Задание размеров.

Основным параметром является ширина, так как сайт должен иметь минимальный размер, который применяется для мониторов. В настоящее время минимальное разрешение экрана, которые используются - 1024х768. Безопасный размер ширины макета составляет 960 пикселей, рассчитывается исходя из ширины монитора и боковых панелей браузера. Высота указывается произвольным образом.

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

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

• Фотографии, использованные при создании дизайна, открываются в новом файле и с помощью инструмента овальная область (нажатие клавиши M) выделяются. Далее вырезаются на новый слой и данный слой переносится в документ с макетом сайта.

• Инструмент горизонтальный текст (нажатие клавиши Т) позволяет разместить контент в соответствии с заданным местом. На верхней панели можно отрегулировать необходимые параметры, например, шрифт, кегль, цвет текста и др.

• Отрисовка логотипа, иконок и др. векторных элементов происходит в программе CorelDraw.

• Чтобы сохранить макет, необходимо в меню файл выбрать пункт сохранить (или нажать сочетание клавиш Ctrl+S) и выбрать в открывшемся окне путь, к папке в которой будет храниться файл.