Готовый шаблон мудборда

Мудборд

это «доска настроения» или набор элементов разного рода контента, которые призваны демонстрировать концепцию проекта.

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

от англ. mood board

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

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

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

1

Стиль

2

Цвет

3

Типографика

4

Символы

Заказчик

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

Задача

Ксюша уже давно хочет создать свой сайт, но не знает как гармонично соединить все направления деятельности в одном месте и отразить свою личность.

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

Концепция

Я предложила Ксюше формат блога в духе life-style. Он может выглядеть как лента с постами и табами (вкладками) для переключения между тематиками блога или как классический портал блогера с новостной лентой и разделами.

Photo by Humphrey Muleba on Unsplash
Photo by Humphrey Muleba on Unsplash
Photo by Rayyu Maldives on Unsplash
Photo by Rayyu Maldives on Unsplash
Photo by Brooke Lark on Unsplash
Photo by Brooke Lark on Unsplash
Photo by Tommy van Kessel on Unsplash
Photo by Tommy van Kessel on Unsplash
Photo by Julentto Photography on Unsplash
Photo by Julentto Photography on Unsplash
Photo by Olena Sergienko on Unsplash
Photo by Olena Sergienko on Unsplash
Photo by Rirri on Unsplash
Photo by Rirri on Unsplash
Photo by micheile henderson on Unsplash
Photo by micheile henderson on Unsplash
Photo by Elena Popova on Unsplash
Photo by Elena Popova on Unsplash
Photo by Matt Benson on Unsplash
Photo by Matt Benson on Unsplash

Стиль

Сейчас (в 2023 году) в веб-дизайне набрал популярность журнальный стиль:

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

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

Photo by Content Pixie on Unsplash
Photo by Content Pixie on Unsplash
Photo by Genesis Warner on Unsplash
Photo by Genesis Warner on Unsplash
Шаблон Tilda https://fox-template.tilda.ws/
Шаблон Tilda https://fox-template.tilda.ws/
Photo by Thought Catalog on Unsplash
Photo by Thought Catalog on Unsplash
Photo by Jess @ Harper Sunday on Unsplash
Photo by Jess @ Harper Sunday on Unsplash
Photo by Jess @ Harper Sunday on Unsplash
Photo by Jess @ Harper Sunday on Unsplash
Photo by Birgith Roosipuu on Unsplash
Photo by Birgith Roosipuu on Unsplash
Photo by Jess @ Harper Sunday on Unsplash
Photo by Jess @ Harper Sunday on Unsplash
Photo by Jess @ Harper Sunday on Unsplash
Photo by Jess @ Harper Sunday on Unsplash

Цвет

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

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

Пример палитры
Пример палитры
Photo by Florian Klauer on Unsplash
Photo by Florian Klauer on Unsplash
Ксюша Егорова
Ксюша Егорова
Photo by Michael Martinelli on Unsplash
Photo by Michael Martinelli on Unsplash
Photo by Richard de Ruijter on Unsplash
Photo by Richard de Ruijter on Unsplash
Photo by Ioann-Mark Kuznietsov on Unsplash
Photo by Ioann-Mark Kuznietsov on Unsplash
Photo by frank mckenna on Unsplash
Photo by frank mckenna on Unsplash
Photo by Thom Milkovic on Unsplash
Photo by Thom Milkovic on Unsplash
Photo by Nati Melnychuk on Unsplash
Photo by Nati Melnychuk on Unsplash
Photo by Carli Jeen on Unsplash
Photo by Carli Jeen on Unsplash
Photo by Thought Catalog on Unsplash
Photo by Thought Catalog on Unsplash

Типографика

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

Гротескные шрифты для подзаголовков и наборного текста помогут «убрать» лишний гламур журнального стиля, так как заказчица не преподносит себя как аристократичную и сложную гламурную диву, и идет по жизни легко и просто, «заряжает на позитив, любовь к свободе и жизни в целом».

Необязательно, чтобы в мудборде в части описания чего-либо присутствовали только те изображения, которые соответствуют проекту (например, если демонстрируем типографику для сайта, на изображениях могут быть не только примеры с нужными нам шрифтами на сайтах). В мудборде может быть все, что угодно. Главное правило — примеры должны отражать концепцию, дух, настроение проекта.

Photo by Brett Jordan on Unsplash
Photo by Brett Jordan on Unsplash
Photo by Vika Fleysher on Unsplash
Photo by Vika Fleysher on Unsplash
Photo by Jess @ Harper Sunday on Unsplash
Photo by Jess @ Harper Sunday on Unsplash
Photo by Jen P. on Unsplash
Photo by Jen P. on Unsplash
Photo by Womanizer Toys on Unsplash
Photo by Womanizer Toys on Unsplash

Символы

Задача сайта — гармонично объединить все направления деятельности этого блогера и создать ощущение единства, транслируя личность автора. Такого эффекта можно добиться, используя на всех страницах блога уникальные символы, которые характерны только для этой персоны, или которые она осознанно использует в инфопространстве. Это могут быть стикеры, иконки и прочее.

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

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

Photo by Dan Gold on Unsplash
Photo by Dan Gold on Unsplash
Photo by Done By Alex on Unsplash
Photo by Done By Alex on Unsplash
Photo by CHUTTERSNAP on Unsplash
Photo by CHUTTERSNAP on Unsplash
Photo by pure julia on Unsplash
Photo by pure julia on Unsplash
Made on
Tilda