на главную карта сайта
Главная
|
Примеры
|
Возможности
|
Бесплатные шаблоны
|
Отзывы
|
Скачать CMS бесплатно
|
Бесплатный ключ
|
Техподдержка
Главная > Техподдержка > Статьи > Как создать дизайн сайта

Как создать дизайн сайта

Вечная непримиримая борьба между дизайнерами и верстальщиками сайтов начинается еще на этапе проектировки нового ресурса. Даже если вы создаете простой сайт по ремонту принтеров Kyocera topzapravka.ru, необходимо продуманно подойти к проектировке макета. Это выгодно выделит вашу студию и поможет избежать проблем в процессе верстки. Первым и важным этапом является бриф. В данном документе должны быть подробно расписаны все пожелания заказчика для дизайнера. Чем они конкретней, тем быстрее можно приступить к созданию эскизов. Следующим этапом является прорисовка будущего макета. Создавая ресурс, например, по заправке картриджей Kyocera, тут нужно без раздумий над мелкими деталями нарисовать самые большие блоки. Готовый макет дизайнер переносит в сетку. При этом рекомендуется создавать сетку со стандартными размерами 1000*100 пикселей. По горизонтали у вас должен получиться один экран, а вот вертикальных может быть много. Сама же сетка может быть создана несколькими способами:
  • Блочная. Выделена только одна область.
  • Колоночная.
  • Иерархическая. Блоки поделены по степени важности для дизайнера и верстальщика.
  • Модульная.
Последний вариант считается наиболее оптимальным. С ее помощью легче всего расположить важные элементы, что упростит работу верстальщику. Более того, многие опытные дизайнеры и верстальщики всем перечисленным вариантам предпочитают просто направляющие. Переходим плавно к структурированию макета. Для этого объединяем слои и группируем их. Все незначительные компоненты группируются. Названия даются на английском языке, чтобы избежать неправильного отображения. Делим слои на топографику и графику. В свою очередь, топографика дробится на заголовок, текст. Далее задаются глобальные элементы и подчищаются неиспользуемые слои. При этом их не надо отключать, так как верстальщик их активизирует и получит у себя на рабочем столе полный кавардак. Оставить можно только интеракции. Избежать такой ситуации также поможет уменьшение рабочих слоев с помощью Gradient Overlay. Если вам тяжело работать с таким макетом, то создайте две версии: детализированная и лаконичная. Последняя представляется для работы с версткой. Внимательно проверяйте шрифты на безопасность и совместимость со всеми версиями Windows, Mac, Linux. Определите интеракцию отдельным слоем. Обязательно отключайте данный слой. При этом оставляйте в названии пометки. Любые изменяемые состояния кнопок отображают с помощью цвета. Для удобства вставляйте в макет комментарии при помощи заметок. Также приложите подробное сопроводительное письмо. Таким образом, вы избежите радужных эпитетов в свою сторону от веб-дизайнера и ускорите процесс реализации проекта. Руководствуясь данными правилами, вы сможете значительно упростить и сократить время на создание качественного ресурса на этапе проектирования и верстки.
Все, что нужно в CMS и даже более того


Руководство пользователя:


Еще один сайт на WebDirector