Перед тем, как приступить к разработке дизайна для нового клиента, хочется сразу, с первого раза «попасть» в нужный стиль. Не так давно, для этого предлагалось рисовать несколько вариантов дизайна — что сейчас было бы очень дорого и неэффективно. Потом стало модно требовать с заказчика ссылки на три-пять сайтов, которые им нравятся визуально — что не всегда получается, заказчик просто скидывал ссылки на сайты конкурентов.

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

car_moodboard3
Мудборд для сайта Импокар

Мудборд (англ. Moodboard – «доска настроения») — визуальное представление будущего дизайна сайта, состоящее из изображений, стилей, цветов и тд. Служит для отражения общего настроения и тематики будущего сайта. Способствует взаимопониманию между исполнителем и заказчиком. Часто выполняется в виде коллажа.

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

квантсервер 2
Мудборд для сайта Квантсервер

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

Для того чтобы сконструировать мудборд, можно и нужно:

  • определиться с цветовой гаммой, цвета можно взять из концепции, брифов или фирменного стиля;
  • найти аналогичные сайты из отрасли и смежных отраслей и нарезать детали, выбирая подходящие по цвету;
  • поискать на http://dribbble.com, коллекциях визульных образов, иконок, паттернов и прочего;
  • поискать на сайтах конкурентов, понять общее настроение, которое объединяет все эти сайты.

фанми 3
Мудборд для сайта Fun Me

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

  • логотип;
  • фоны;
  • заголовки и подзаголовки;
  • текст;
  • блоки контента / виджеты;
  • кнопки;
  • изображения;
  • иконки;
  • меню;
  • формы (опционально).

алт мельницы
Мудборд для сайта Алтайские мельницы