Пара 7

1. Создание брендбука и мудборда. 

СОЗДАНИЕ БРЕНДБУКА И
МУДБОРДА.

2. Что такое мудборт?

• Мудборд (moodboard – доска настроения) –
графический коллаж, который используется для визуализации
идеи, концепции или настроения проекта.
Для чего их используют?
Мудборды используются перед тем, как создать бренд для того,
чтобы передать общее представление о том, как должен выглядеть
и ощущаться конечный результат проекта.

3. Что может содержать в себе мудборт?

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

4.

Рассмотрим поближе

5. Что такое брендбук?

Брендбук – это документ, который описывает правила
оформления бренда. Он служит руководством для
сотрудников и партнеров компании, чтобы обеспечить единое
представление бренда. В отличии от мудборда, брендбук
содержит четкие элементы, которые в нем должны быть.

6. Отличие между брендбуком и мудбортом

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

7. Элементы брендбука:

1 Логотип и его вариации: представление логотипа в разных цветовых схемах, а также
изменения, которые могут быть применены в особых ситуациях
2 Цветовая палитра: основные и дополнительные цвета, которые используются в бренде.
3 Типография: выбор шрифтов и их комбинаций.
4 Графические элементы: фоны, текстуры, паттерны. Указание как их использовать.
5Примеры применения бренда: как использовать бренд в приложениях, сайтах, на мерче.

8. Для чего используется брендбук?

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

9.

Рассмотрим поближе

10.

Практика

11.

Для начала создадим файл в Inkscape. Рекомендуемый формат – A4 (Landscape), т.е. горизонтальный формат А4.
Воспользуемся инструментом PageTool (Страницы ), он находится в самом низу панели инструментов слева. С помощью него создадим еще две страницы А4

12.

Вот так должно было получиться

13.

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

14.

Теперь необходимо два раза скопировать логотип и вставить его рядом, изменяя цвета.
Для этого вставьте ещё раз ваш логотип, затем нажмите на правую кнопку мыши и затем выберите «Разгруппировать».)

15.

Список материалов для помощи в подборе палитр
Перенесем палитру для брендбука над логотипами. Палитру можно взять из
предыдущих занятий или подобрать новую.
Для подбора палитры можете использовать уже знакомые сайты, список
представлен ниже.
coolors.co – создать собственную палитру или подобрать готовую
color.adobe.com – можно посмотреть и палитру и примеры ее
использования на изображении

16.

Вот как должно это выглядеть

17.

Сверху пометим, что это Брендбук. Создадим надпись, и выберем шрифт для нее

18.

Важно! Надпись сверху должна быть оформлена теми шрифтами,
что будут указаны в разделе «Типография».
Все цвета в брендбуке помечают номером. Его можно найти в
разделе Fill and Stroke

19.

Скопируйте номер цвета и подпишите каждый цвет

20.

Номер может писаться и на самом цвете

21.

Перейдем к созданию второй страницы. На ней
должны быть размещены типография и
графические элементы.
Шрифты. Один шрифт должен быть указан для
заголовков, второй для оформления остального
текста. Шрифт для заголовка – это тот шрифт,
которым было написано «Brand Guildlines»,
шрифт для основного текста – тот, которым были
сделаны подписи к цветам.
Необходимо указать их названия и привести текст,
где будет видно, как в шрифте написана каждая
буква. Для этих целей отлично подходят
панграммы.
Панграмма – фраза, которая содержит в себе все
буквы алфавита. В русском языке это, например,
фраза:
«Съешь же еще этих мягких французских булочек,
да выпей чаю».
Создадим прямоугольник примерно на половину
страницы и напишем шрифтом для заголовков
«Типография» или «Typography»
Вот пример того как должно получится

22.

В правой части напишем панграмму. Для начала напишем ее шрифтом для заголовков, после – для остального
текста. Необходимо также написать и цифры от 0 до 9. Шрифт для заголовка – Elephant, а для основного текста —
MS UI Gothic.

23.

На последней, третьей,
странице, должны быть
примеры того,
как использовать бренд.
На эту страницу можно
перенести пример
с визиткой из урока №3 или
обложку журнала из урока
№5.Также, сюда можно
вставить текстуры для
оформления печатной
продукции или постеров,
визиток и тд.
Примерный итог работы

24.

Брендбук готов! Не забудьте сохранить свой проект.
Но это ещё не всё

25.

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

26.

Теперь для того, чтобы подобрать фотографии для мудборда, можем воспользоваться сайтом
https://labs.tineye.com/ . На данном сайте можно найти изображения, подходящие под заданную
цветовую палитру. Сперва нужно выбрать до 5 цветов палитры

27.

Когда цвета выбраны, сайт начнет подбирать изображения под цветовую палитру

28.

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

29.

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

30. Домашняя работа

Не хочется ,а надо

31.

Домашнее задание №7
Курс: Диджитал Арт (Inkscape)
Тема: Создание мудборда и брендбука
Задание №1 Придумайте собственный бренд для фирмы, производящей компьютерные
мониторы и соз дайте для нее собственный мудборд. Мудборд должен содержать цветовую
палитру и подо бранные по ней изображения. Результат работы: изображение в формате .png
Примеры оформления изображений

32.

Задание №2 Для своей фирмы, производящей компьютер ные мониторы, создайте
брендбук. Ваш бренд бук должен соответствовать мудборду в цвето вой палитре и
тематике фирмы