Что такое мудборды и зачем они дизайнеру
Оказывается, любая (почти) подборка картинок и красивых фоток с сайтов — это крутой инструмент в руках дизайнера.
Странное словечко. А это точно не ругательство?
Нет. Мудборд — это «доска настроения» (от англ. mood board). Так называют презентацию, собранную из фотографий, иллюстраций, паттернов, слоганов, шрифтов и цветовых схем. Она создаётся для будущего дизайн-проекта и показывает, каким будет дизайн: серьёзным или весёлым, элитарным или демократичным, какие образы возьмут за основу, как будут сочетаться цвета и какой будет типографика.
Пишущий дизайнер. Пришла в профессию, получив второе образование, ранее занималась когнитивными исследованиями, SMM и копирайтингом. Пишет о визуальных трендах, делится наблюдениями из отрасли и техническими лайфхаками.
И как выглядит эта презентация? Для неё тоже нужен PowerPoint?
Мудборд — это презентация в виде коллажа. Раньше для составления пришлось бы вырезать фото из журналов и приклеивать на доску. Сейчас всё проще: берут картинки из интернета и совмещают в любом графическом редакторе. Получается такая штука:
Но это же лишняя работа! Обязательно делать эти коллажи?
Нет, использовать мудборды не обязательно. Но они здорово облегчают работу с проектом. Чтобы сделать несколько разных макетов интерфейса или вариантов фирменного стиля, нужна уйма времени. Поэтому с концепцией лучше определиться заранее. Плюс мудбордов в том, что их можно собрать относительно быстро.
Объяснить что-то на словах и решить, что взять за основу будущего проекта, подчас намного сложнее, чем сделать это с помощью нескольких картинок и паттернов в мудборде. Эта быстрая презентация особенно важна при общении дизайнера с заказчиком и позволяет им проще понять друг друга.
Круто! Собираем в кучу красивые картинки отовсюду и идём к заказчику?
Мудборд — это не просто коллаж, в котором собраны красивые картинки. В первую очередь это визуальные элементы, подходящие к конкретному проекту. Поэтому собрать заранее сотню и раздавать их заказчикам — плохая идея. В мудборде должны быть акцентированы основные идеи, которые будут отражены в дизайне.
Ещё одна важная характеристика мудборда — это его целостность. Всё должно быть подчинено одному настроению: чтобы при взгляде на картинки было сразу понятно, какой это дизайн, для какой аудитории и какой месседж в себе несёт.
А целостность — это как? Картинки должны красиво смотреться вместе?
Не совсем. Даже если фотография грозовых туч симпатично смотрится рядом с изображением солнечного неба, нельзя сочетать элементы, кардинально разные по смыслу и настроению, они не должны противоречить друг другу. Это дезориентирует: ни клиенту, ни самому автору мудборда в итоге непонятно, будет ли дизайн солнечным или мрачным.
По той же причине в мудбордах стараются избегать слишком сложных образов, которые могут быть непонятны клиенту. Скажем, портрет Наполеона Бонапарта в мудборд вставлять бессмысленно — исторические личности вызывают сложные ассоциации, у разных людей они будут разными. Для понимания проекта эти образы не несут никакой пользы.
А если сделать подписи, чтобы образы стали понятнее?
Длинные пояснения точно не нужны. Задача мудборда — не рассказать о дизайне, а показать его в картинках. Но какой-то короткий слоган может быть полезен: для лучшего понимания идеи или просто для демонстрации типографики. Например, вот так:
Moodboard — еще одно ругательство в наших дизайн-процессах
Нерешенные задачи
Нововведение касается первых этапов работы над проектом: выяснения требований и дизайна. Собственно, неважных этапов в разработке не бывает, но эти — основополагающие, так как с них всё начинается.
Причины, почему так происходит: низкая вовлеченность ЛПР на ранних этапах и высокая вовлеченность на этапе, когда «появляется картинка».
Обычное брифование худо-бедно помогает вовлечь ЛПРа, зафиксировать формальные требования к проекту, но сохраняет проблему «передачи настроения». И решение последней проблемы — самое сложное.
Визуальный бриф
Это первая методика, которую мы попробовали применять (спасибо Коле Запорожскому из МартДизайна).
Механика работы визуального брифа: заказчик предлагает пять-семь прилагательных, описывающих дух проекта. Мы находим по три-четыре визуальных образа на каждое слово и предлагаем клиенту выбрать среди них тот, который наиболее точно соответствует его ощущениям проекта. И прокомментировать, почему конкретный образ подходит либо нет. На выходе получаем набор изображений-образов, который по задумке должен отражать настроение проекта.
Поэтому мы решили испытать новую методику.
Доски настроения, «Мудборды»
Мудборд (англ. Mood board — дословно, «доска настроения») — условное полотно, на котором собраны вырезки из фотографий, примеры шрифтовых начертаний, иконки, кнопки, паттерны и другие графические элементы, которые в сумме образуют искомую карту настроения.
Мудборд делается не руководителем проекта, а непосредственно дизайнером, и из тех элементов, стилистику которых действительно можно использовать в конечном продукте. То есть на выходе у нас получается не нарезка из разрозненных, оторванных от практического применения, картинок, а набор образов, подобранных специально для этого проекта.
Мудборд, сделанный для интернет-магазина вязаных шапочек. 
Мудборд демонстрируется заказчику и обсуждается каждый его элемент. В результате мы получаем очень полезную обратную связь: по шрифтам, стилистике иконок, фактурам, общему настроению проекта. Кстати, конкретно по этому проекту: после того, как заказчик увидел сноуброд среди картинок, решил делать шапочки для сноубродистов. Вот такой вот источник инсайтов 😉
Попробовали метод на пяти проектах, пока впечатления самые хорошие. Будем оттачивать и развивать, всё для больших, дерзких и волосатых проектов! 🙂
Екатерина, руководитель проектов: Да это офигенно! Мудборды рулят! У меня наконец-то нет страха перед проведением визуального брифа, что заказчик сейчас опять начнет ничего не понимать, задавать дурацкие вопросы. И потом ни мне, ни дизайнеру, ни заказчику не понятно — чего, собственно, собирались-то? А с мудбордами всё ясно и понятно. Жду отрисовки дизайна по сайту вязаных шапочек. С точки зрения настроения — уже представляю себе, каким должен был результат.
В общем, понятно и полезно. И заказчик доволен )
Мудборд. Пустой тренд или эффективный инструмент для создания сайта?
Вы — компания, которая хочет обновить свой сайт и ищет для этого подрядчиков. Но как подрядная команда разработчиков поймет, каким вы видите результат? Как наемные дизайнеры смогут отразить ценность фирмы, ее айдентику и бренд, не работая там и дня? Для решения такой задачи подойдет мудборд.
В дословном переводе с английского мудборд звучит как «доска настроения». Если подбирать термин на русский манер, больше всего подойдет слово «коллаж». На первый взгляд, ничего серьезного. Как «доска настроения» может помочь специалисту в выполнении задачи? На самом деле, помочь может, и даже очень эффективно.
Мудборд содержит в себе образцы тех элементов, которые заказчик хочет видеть на сайте: цвет, шрифт, стиль, референсы. Он отображает основную идею и концепцию, подходящую к проекту, и может выглядеть по-разному: в виде реальной доски, коллажа, стикеров с референсами или в виде презентации.
Промежуточно резюмируем: мудборд — это инструмент, который отражает основные идеи и элементы по проекту. Он помогает дизайнеру и клиенту сразу попасть на одну волну и определиться с желаемым результатом наиболее детально, тем самым оптимизируя процесс взаимодействия. Подготовительные обсуждения ускоряются и позволяют дизайнерам раньше приступить к работе и, как следствие, быстрее передать проект разработчикам для запуска сайта.
На первом этапе происходит знакомство с клиентом и его проектом. Здесь дизайнер собирает основные вводные у заказчика, определяет вектор работы и концепцию будущего сайта. Это важный процесс, от итогов которого зачастую зависит все дальнейшее общение. Если брифинг пройдет плохо, дизайнер не поймет задачу, а у клиента сложится не лучшее представление о команде. Если же он проведен хорошо, это поможет избежать множества проблем на следующих этапах и ускорить рабочий процесс.
На брифингах обычно обсуждаются следующие моменты:
цели и задачи проекта;
кто целевая аудитория сайта;
можно ли отходить от фирменного стиля;
какое настроение лучше задать дизайн-концепции;
как вписать настроение в сложившуюся айдентику клиента;
какие сайты нравятся клиенту и почему;
На втором этапе происходит самое интересное: подготовка мудборда. Здесь дизайнеры определяются с концептуальной идеей, а после подбирают цвета, шрифты, прорабатывают стилистику иконок, думают о вариантах применения анимации на будущем сайте клиента и десятках других фишек.
Кстати, при выборе цвета будущего сайта есть два варианта развития событий:
если у клиента есть сложившийся фирменный стиль, то дизайнеры берут его в работу, адаптируя цвета айдентики заказчика под веб (производится мелкая настройка контраста и яркости);
если же у клиента нет фирменного стиля, отдел дизайна предлагает цвета, которые на их взгляд подходят клиенту и его проекту.
Детали определяются не только для главной, но и для одной из внутренних страниц сайта, чтобы как можно точнее попасть в пожелания клиента.
Если проект обширный и у клиента нет четкого видения своего будущего сайта, наши специалисты готовят бенчмаркинг. Это сравнительный анализ, в котором собраны исследования по наиболее частым трендам в дизайне сайтов со ссылками на информацию. Так клиент будет иметь представление о вариациях и сможет на основе сравнения выделить, что ему нравится, а что не нравится.
На заключительном третьем этапе команда презентует клиенту готовый мудборд. Заказчик, в свою очередь, дает детальную обратную связь о предложенных решениях. Дальше дизайнеры используют мудборд как основу для составления дизайн-концепции, которую также согласовывают с клиентом и передают разработчикам, чтобы те воплотили все смелые идеи дизайнера и заказчика в цифровую реальность.
Первое, о чем обязательно стоит упомянуть, это базовый инструмент для построения доски. В команде Uplab дизайнеры составляют мудборды в программе Figma. Удобный онлайн-сервис для разработки интерфейсов и прототипирования с возможностью организации совместной работы в режиме реального времени.
В дизайне особенно важно много практиковаться и развивать насмотренность. Опыт и наблюдение за тем, какие появляются технологии, какие существуют тренды, прокачивают дизайнера и расширяют идейный кругозор. Следующие инструменты помогут в этом.
Платформа для тренировки насмотренности и поиска вдохновения. Это одно из крупнейших онлайн-сообществ, где собираются дизайнеры и делятся своими проектами, получают лайки, подписчиков и отзывы. На сервисе можно найти работы графических дизайнеров, иллюстраторов, веб-дизайнеров и 3D-визуализаторов.
Это интернет-сайт конкурса профессиональных веб-дизайнеров и разработчиков, на котором собраны тысячи лучших работ профессионалов со всего мира. Он может стать еще одним местом для поиска вдохновения по графике.
Хороший ресурс для поиска референсов по UI-дизайну. Это удобная коллекция сайтов, которая постоянно пополняется. Если дизайнер ищет что-то конкретное, здесь есть функция разделения коллекций по стилю, типу, теме и платформе.
Это галерея лучших главных страниц сайтов, собранная со всего интернета. Для удобства навигации на сайте есть поиск и специальные теги, которые проставлены у каждого сайта. Так, если вам интересны сайты с каким-то определенным типом главных страниц, вы можете либо вбить это в поиске, либо кликнуть по подходящему тегу.
Каталог веб-дизайна, проект дизайнерского бюро Division Binaural. Этот сайт служит источником вдохновения для дизайнеров-разработчиков и энтузиастов HTML. В нем собраны концепции сайтов с уклоном в модернизм и простоту.
Вам наверняка известен принцип Парето, согласно которому 20% усилий дают 80% результата. Этап визуальной коммуникации через мудборд — это и есть 20% оптимальных усилий. Именно поэтому работа с мудбордом позволяет при наименьших временных затратах получить максимально эффективный результат:
Мудборд: пространство для вдохновения
Мудборд – интересное словечко, не правда ли? Чувствуете, как от него веет творчеством? Оно и понятно, ведь дословно mood board переводится как «доска настроения», а если подробнее, это панно или презентация, которая отображает стиль будущего дизайн-проекта. Такой метод визуализации широко используется в творческих кругах.
В статье мы расскажем, что представляет собой мудборд и как его сделать самостоятельно, а главное – для чего такая «доска» вообще может быть полезной.
Для чего нужен мудборд?
Представьте, вы долго и усердно работали над проектом, подбирали цвета, шрифт, стиль, фактуру, а в итоге заказчик смотрит на вашу работу и многозначительно хмурит нос. Да, ему не понравилось, но это не значит, что ваша идея плохая, это говорит о том, что у него было другое представление о конечном результате.
Чтобы не возникало таких ситуаций, создается мудборд, который согласовывается до начала работы над проектом.
Вот что может включать в себя «доска настроения»:
Мудборд может содержать все, что способно передать настроение будущего проекта и окончательно сформировать представление об итоговом продукте как у заказчика, так и у исполнителя. Можно в любой момент вернуться к визуальному изображению идеи, если вдруг возникнут споры при ее реализации. Удобно, не правда ли?
Мудборд используется в архитектуре, веб-дизайне, рекламных кампаниях, сфере моды, а также при подготовке к фотосессии и в создании видеоролика. Одним словом, в любых творческих сферах.
Это не обязательный этап работы, но он здорово облегчает ее, ведь проще согласовать все детали на старте, чем делать несколько вариантов проекта на выбор, а все из-за того, что изначально не было четкого понимания, что же действительно нужно сделать.
Иногда решить вопрос и договориться на словах гораздо сложнее, чем объяснить что-то визуально. Преимуществом мудборда является то, что он не требует много времени на создание.
Это может быть в буквальном смысле доской, на которую прикрепляются необходимые элементы, чтобы передать настроение проекта. Но сейчас для его создания чаще всего применяют компьютерные технологии. Как раз о полезных программах мы поговорим далее.
Программы для создания мудбордов
Мы подобрали для вас сервисы, которые позволят собрать мудборд быстро и качественно, учитывая все ваши пожелания. Здесь не только конструкторы, но и инструменты для вдохновения.
Сервисы для создания мудбордов:
Как видите, есть масса полезных приложений, которые упростят создание мудборта, и при этом не нужно знать Photoshop.
Итак, когда теперь под рукой есть кисть и краски, осталось определиться, что будем рисовать. Поговорим об этапах создания мудборда.
Этапы создания мудборда
Мудборд — это не хаотичное расположение картинок и других элементов в одном пространстве, а визуальное отображение сути будущего проекта. Содержимое мудборда должно быть целостным, изображения и надписи не должны противоречить друг другу.
Чтобы облегчить себе задачу, предлагаем придерживаться следующих шагов в создании «доски настроения»:
Важно понимать, что мудборд — это не копия проекта, это концепция, которой будет придерживаться дизайнер при его реализации. Если в мудборде представлена картинка цветов, то речь, скорее всего, о палитре цвета, плавных линиях и переходах.
Считается, что «доска настроения» не имеет никаких ограничений, но все же несколько правил создания есть, и они точно вам пригодятся.
Что не нужно добавлять в мудборд?
Мудборд должен быть понятен даже тому, кто не имеет отношения к проекту.
Вот пара советов, что не следует включать в мудборд:
Мудборд способен визуально показать клиенту, какие чувства будет вызывать проект у пользователей, если речь идет о продукте. Благодаря такому приему можно добиться общего понимания того, что должно получиться в итоге.
И еще несколько советов для вдохновения
Чтобы создать мудборд, нужно потратить немало времени для поиска нужных элементов. А можно обратиться к проверенным источникам вдохновения:
Мудборды — это полезный инструмент, который поможет добиться взаимопонимания с заказчиком, значительно облегчить работу над проектом или нарисовать четкую картинку в голове, если речь идет о личном использовании.
Желаем вам вдохновения и ярких красок для вашей «доски настроения»!
Что такое mood в Инстаграме: перевод и примеры употребления
В Инстаграме особой популярностью пользуются англоязычные посты и мемы. Ингода, если они представляют собой аббревиатуру, понять их непросто, в других случаях достаточно знать английский язык на базовом уровне или попросту воспользоваться переводчиком. Однако не всё так просто: любой хэштег имеет определённую культуру употребления, благодаря пользователям слово приобретает новые оттенки значения. Разберёмся, что такое mood в Инстаграме.
Перевод слова “mood”
На английском слово “mood” значит «настроение». Этим термином люди описывают состояние, в котором они сейчас находятся: to be in a good mood – быть в хорошем настроении. Иногда, в зависимости от контекста, mood может приобретать значение атмосферы, настроя. Муд может означать как хорошее, так и плохое настроение.
Что слово “mood” означает в Инстаграм
Чтобы понять, что такое mood в Инстаграм, достаточно обратиться к переводу слова. Если под публикацией кто-то написал единственное слово mood, стоит обратить внимание на фотографию: если на фото или видео пользователь, кривляющийся в зеркале, это значит, что у него сейчас игривое настроение, а если на фотографии, например, грустящий Киану Ривз, значит, человек, разместивший её, испытывает сейчас схожие чувства. Вообще в Инстаграме чаще всего mood обозначает грусть, тоску, апатию, но бывают и исключения.
Популярные фразы в постах со словом
Для того, чтобы лучше понять специфику употребления слова mood в Инстаграме, можно внимательнее присмотреться к фразам, которые написаны под популярными постами:
Использование в переписке
Слово муд и фразы с ним уже давно вышли за пределы хэштегов. Они стали мемами – чем-то вроде современных пословиц и поговорок, поэтому использовать их можно не только в качестве хэштегов, но и в переписке.
Важно! Слово mood (муд) и фразы с ним можно использовать в переписках и комментариях, но надо точно понимать их значение и знать, что человек в курсе смысла мема. Конечно, не стоит употреблять эти фразы в деловой и официальной переписке.
Хэштег #Mood и его аналоги в России под фотографиями
Хэштег #mood и #instamood довольно популярны в Инстаграме. Пользователи подписывают так фотографии, отражающие их текущее состояние. В русском Инстаграме это слово встречается как в оригинальном написании, так и в русифицированном – #муд. Есть, конечно, и русскоязычный аналог: с хэштегом #настроение в социальной сети нашлось около девяти миллионов публикаций.
Мемы со словом “mood”
Мемы – одно из самых ярких явлений интернет-культуры. Из раздела юмора они с лёгкостью перекочевали не только в дружеские переписки, но даже и в реальную жизнь. Слово mood в мемах чаще всего употребляется в ироническом контексте. Пример: фразу «муд по жизни», означающую постоянное или частое состояние, можно увидеть под фотографией главного героя «Бойцовского клуба», страдающего бессонницей. Фраза «муд на сегодня» означает настроение, с которым пользователь собирается провести день.
Продвижение профиля в Инстаграм с помощью сервисов накрутки
Хэштеги хороши, но ими мало кого можно удивить: они не являются новым трендом. К тому же, не всегда можно заметить интересную фотографию в большом потоке, а если метка очень популярна, то и постов с ней миллионы. Для продвижения страницы в Инстаграме можно использовать специальные сервисы накрутки, которые сделают страницу более популярной, а это означает, что публикации будут чаще появляться в рекомендациях и том же поиске по хэштегу.
Сейчас большой популярностью пользуется сервис DoSMM. Площадка не требует установки на смартфон или компьютер, что не может не радовать. 24 часа в сутки работает техподдержка, поэтому если возникнут какие-то вопросы, менеджер быстро ответит на них. Работа DoSMM полностью автономна, а значит вам достаточно оформить заказ и просто ожидать поступления лайков, подписчиков или комментариев, в зависимости от того, что вы заказали. А значит у вас освобождается время на создание крутого контента.
Хэштеги – своеобразный язык Инстаграма. Используя их, можно быстро сообщить подписчикам какую-либо информацию, поделиться настроением, побудить к активной ответной реакции, найти пользователей со схожими интересами. Уместное и правильное их использование помогает структурировать информацию на странице и сделать времяпровождение в Инстаграм интереснее.
