freeCodeCamp/guide/russian/user-experience-design/moodboards/index.md

61 lines
8.0 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

---
title: Moodboards
localeTitle: Настроение Boards
---
## Moodboards
Moodboards - это способ передать ощущение продукта, который вы собираетесь сделать. Также, чтобы получить вдохновение для цветовой палитры и форм для использования позже. Другими словами, панель настроения представляет [собой набор текстур, изображений и текста, связанных с темой дизайна в качестве ориентира](http://www.creativebloq.com/graphic-design/mood-boards-812470) .
Создание планшета очень просто. Существует два способа: ручной или цифровой.
Для создания ручных планшета вам понадобятся:
* Различные журналы, газеты, книги и / или плакаты, которые вы можете вырезать
* Бумага
* Ножницы
* клей
Начните с поиска изображений, форм, цветов, сообщений, которые вы чувствуете, которые резонируют с вашим будущим продуктом. Вырежьте их. Если вы вырезали все, что вам нужно, расположите их на бумаге и приклейте их. Конечный результат может выглядеть примерно так:
![papercut moodboard](https://raw.githubusercontent.com/ejke/ejke.github.io/master/else/moodboard.jpg)
Другой вариант - создать цифровой планшет. Техника совершенно такая же, вам нужно:
* интернет-соединение
* Базовые знания функций копирования и вставки
* Программное обеспечение для редактирования изображений
Положительный аспект заключается в том, что вам не нужно ограничивать ваш планшет до изображений в журнале. Отрицательный аспект заключается в том, что может быть трудно найти правильные изображения, так как у вас есть весь интернет для поиска.
Места, где нужно начинать искать изображения и идеи:
* [google](https://images.google.co.uk/) . Изображения Goole могут быть выбраны в соответствии с цветом, формой или формой, поэтому, если вы можете его искать, то возможно, что вы его найдете.
* [Pinterest](https://www.pinterest.dk/) . То же, что и для google, но все же другое.
* бесплатные изображения. Такие , как [Pixabay](https://pixabay.com/) , [Pexels](https://www.pexels.com/) или [бесплатных изображений](http://www.freeimages.com/) сайтов, вы можете найти тонны вдохновения уже в одной картине.
* выходите на улицу с помощью камеры. Там может быть точный элемент для вашего планшета, ожидающий вас, чтобы вы сделали эту фотографию.
Опять же, когда у вас есть достаточное количество изображений, настало время поставить планшет вместе. Для этого у вас также есть разные возможности:
* Gimp / Photoshop / Paint. В первых двух случаях у вас есть большая способность перемещать изображения вокруг, краска так же хороша, как и краска (достаточно, но неудобно).
* Inkscape / Illustrator. Они не относятся к этой работе, но могут выполнять эту работу. Кроме того, вы делаете и добавляете векторное искусство в свой план.
* Онлайн-инструменты: просто найдите «раскладку» с помощью вашей любимой поисковой системы, и вы должны найти множество сайтов, которые предлагают шаблон для конкурирующего планшета.
![пример цифровой ориентации](http://stuckwithpins.com/blog/wp-content/uploads/2015/08/moodboard-s2s.jpg)
Заметка: Создавая планшеты, старайтесь избегать использования названий или изображений того, для чего вы создаете планшет.
Например, создавая планшет для веб-сайта Гарри Поттера, не используйте изображение актеров и не записывайте заголовок. Обычно это не лучший способ. Вместо этого найдите тематически темные цвета, деревянные и каменные текстуры, изображение молнии, другой человек с круглыми очками (не надутый веер), множество книг, уложенных друг на друга, кипящий котел и т. Д. Это может показаться трудным начало, но оно дает больше вдохновения на более поздних этапах производства - и тогда вам может понадобиться это вдохновение.
Создание планшета - одна из самых забавных частей производства, поэтому старайтесь наслаждаться ею и проявлять творческий подход!
Платы настроения могут передавать цветовую схему, тип лица и конкретные изображения. Они также могут более подробно осветить тон и настроение. Плата может включать видео или звук в дополнение к статическим изображениям, фотографии и текста.
![Пример панели настроения для серфинга](https://cdn-images-1.medium.com/max/1600/1*9qVOw8uDg8oOOevWmYUozQ.jpeg)
Есть много факторов, которые входят в создание идеального совета настроения. В зависимости от вашей аудитории вы можете захотеть выбрать более крупное изображение и создать план настроения вокруг него. Этот образ станет вашим вдохновением и центральным элементом всей доски. Кроме того, как вы думаете, вы должны создать физическую или цифровую панель настроения, которая будет более эффективно изображать ваши идеи и вдохновение?
![Пример платы физического настроения](https://www.designyourway.net/blog/wp-content/uploads/2018/02/06moodboard3-superjumbo.jpg)
#### Дополнительная информация:
[Milanote. «Создание лучших Moodboards для UX-проектов». _Средний_ . 10 сентября 2017. Доступ: 25 октября 2017 года.](https://uxplanet.org/creating-better-moodboards-for-ux-projects-381d4d6daf70)