Дизайн макета сайта

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

Как создается макет сайта (видео)

Подробнее о дизайне сайта

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

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

Фиксированный или "растягивающийся" макет?

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

Пример фиксированного макета (на широком мониторе - поля по обеим сторонам макета):


 

Пример "растягивающегося" макета сайта (полей нет, сайт тянется на всю ширину монитора):

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

Варианты дизайна сайта (сколько макетов рисуется и для чего)

Дизайн сайта зависит от поставленных задач и может включать:

  1. Один вариант дизайна страниц для всего сайта

    Такой вид дизайна предполагает, что все страницы сайта выглядят одинаково, меняется только текстовое содержимое каждой страницы.
    Пример:
  2. Персональный дизайн главной страницы и дизайн остальных страниц

    Здесь выполняются работы по разработке индивидуального дизайна стартовой (главной) страницы сайта и дизайн, который будет использоваться для всех последующих страниц.
    Пример:
  3. Персональный дизайн для каждой страницы или группы страниц сайта

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

Дизайнер также опирается на разработанное Техническое Задание, которое описывает все элементы сайта (какие на сайте задуманы пункты меню и где они должны располагаться, требуется ли на сайте разместить поисковую форму, форму заказа и т.д.).

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

Сроки исполнения дизайна

Разработка одного дизайн-макета занимает от 7 до 10 дней. Если разрабатывается несколько макетов, то работы начинаются с создания дизайна главной страницы сайта, а после его утверждения разрабатывается дизайн внутренних страниц.

Сколько вариантов дизайна разрабатывается для сайта

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

Как формируется стоимость дизайна

На стоимость дизайна оказывает влияние:

  1. Уровень исполнения графических элементов (с прорисовкой или без прорисовки)
  2. Количество разрабатываемых макетов (например, макет для главной страницы и макет для внутренних страниц – 2 макета)
  3. Покупка фотографий и графических файлов по теме ресурса на специализированных сайтах
  4. Проведение персональной фотосессии моделей

Уровень исполнения дизайна

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

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

Покупка фотографий и изображений для использования в дизайне сайта

В дизайне сайта часто используются графические элементы по теме: фотографии, векторные изображения и др. Фотографии, как правило, приобретаются на специализированных ресурсах, таких как http://www.istockphoto.com, http://www.shutterstock.com, http://www.fotolia.com/. Покупка фотографии также закрепляет за собой право их использования в дизайне вашего сайта. Хорошим тоном является список авторов изображений помещаемых на сайте на отдельной странице.

Проведение фотосессий

Бывают случаи, когда для дизайна сайта требуется проведение индивидуальной фотосессии. Мы предоставляем фотоуслуги. Стоимость проведения фотосессии зависит от поставленной задачи и оговаривается отдельно от стоимости работ по разработке дизайн-макета с последующим включением в общую стоимость работ по дизайну сайта.

Как демонстрируется дизайн заказчику

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

Как обозначаются работы над дизайном в Договоре на разработку сайта

В договоре на создание сайта разработка дизайн-макета выделена отдельным этапом. Работы по разработке дизайна сайта производятся на условиях 100% предоплаты за данный этап работ и соответствуют предоставленной калькуляции.

Программирование
Поддержка
Битрикс:
подключаем,
программируем,
поддерживаем

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

наши новости

29.11.2016
Только 1С-Битрикс! Всвязи с большим количеством заказов из разных областей веб-разработки и запросов на работы с разными системами, мы приняли решение отдать предпочтение системе, которая на наш взгляд воплощает все современные требования к са…

подробнее

Все новости

РАЗРАБОТКА САЙТОВ
ВАРИАНТЫ САЙТОВ
СТОИМОСТЬ РЕШЕНИЙ

Предлагаем ознакомиться с вариантами создания сайтов и стоимостью стандартных решений подробнее



Нам 17 лет
Портфолио: 398 работ(ы)
Партнер 1С-Битрикс
контакты
Санкт-Петербург
info@intelwebs.ru