Каким должен быть качественный дизайн макет сайта?

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

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

Дизайн макет сайта представляет собой художественное оформление, его архитектуру с учетом логики всей работы. Он создается в одной из графических программ, как правило, профессиональным дизайнером. Макет является статичным изображением, которое еще функционирует как динамичное приложение, полноценный веб-сайт. Можно сказать, что макет является образом Вашего будущего сайта и демонстрирует, как он будет выглядеть.

Что необходимо при создании макета?

Прежде всего, стоит отметить, что он бывает двух типов:

• фиксированный – сайт тянется на всю ширину экрана определенного монитора;
• растягивающийся (или резиновый) – сайт не изменяет своего размера.

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

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

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

1. Для макета могут использоваться только правильные форматы файлов – PSD или TIFF.
2. Каждый элемент представляется в отдельном слое. Это делается с той целью, чтобы для изменения одного не приходилось затрагивать другие элементы.
3. При фиксированном шаблоне следует учесть отступы слева и справа от края экрана.
4. При растягивающемся шаблоне в шапке и подвале должно быть не менее 20-50 пикселей с правой стороны, которые отрисованы таким образом, что их можно при необходимости продублировать.
5. Следует учитывать рамки и отступы окна браузера, если шаблон создается под определенное разрешение.
6. Когда рисуется фон страницы, необходимо делать его однородным и повторяющимся. При использовании сложных элементов, хотя бы часть изображения нужно делать однотипной, также в целях дублирования.
7. Нельзя применять в качестве фона «тяжелые» изображения, например, полноразмерные фотографии.
8. Выравнивания слоев делаются по направляющим, которые называются «rulers», они никогда не удаляются из макетов.
9. Все шрифты обязательно должны быть стандартными. Если используется нестандартный шрифт, он должен прилагаться к макету, а также необходимо указать стандартный шрифт-заменитель.
10. Если изменяется текст, проводятся исключительно стандартные действия (увеличение и уменьшение размера и т.п.).
11. Повторяющиеся несколько раз различные маленькие элементы дизайна в макете, как стрелки, иконки и т.п., непременно должны быть представлены в отдельных файлах.
12. Меню, которое выпадает, выезжает или разворачивается, может быть отображено в двух вариантах:
    1. собранный вид,
    2. разложенный вид.
13. Пункты меню также отображаются двумя видами:
    1. активный – курсор не наведен,
    2. пассивный – курсор наведен.
14. Обязательное оформление ссылок указывается в 3 различных состояниях:
    1. ссылка обычая (link),
    2. ссылка при наведении курсора (hover link),
    3. ссылка посещенная (visited link).
15. Навигационные цепочки обязательно прописываются, согласно настоящим названиям разделов и переносу слов.

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