ММСО guideline · ПАТТЕРН Паттерн строится по квадратной...

17
ММСО Guideline Fev. 2020

Upload: others

Post on 12-Jul-2020

14 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: ММСО Guideline · ПАТТЕРН Паттерн строится по квадратной сетке, 3 на 3 квадрата в модуле паттерна. Из него

ММСО Guideline

Fev. 2020

Page 2: ММСО Guideline · ПАТТЕРН Паттерн строится по квадратной сетке, 3 на 3 квадрата в модуле паттерна. Из него

Guideline 3

ЗНАК

Минимальный размер 18px × 11,6px

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

Page 3: ММСО Guideline · ПАТТЕРН Паттерн строится по квадратной сетке, 3 на 3 квадрата в модуле паттерна. Из него

Guideline 4

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

ОХРАННОЕ ПОЛЕ

Page 4: ММСО Guideline · ПАТТЕРН Паттерн строится по квадратной сетке, 3 на 3 квадрата в модуле паттерна. Из него

Guideline 5

ЦВЕТОВЫЕ ВАРИАЦИИ

Знак может быть использован на цветном фоне. В зависимости от цвета фона используются разные цвета знака. Базовая версия знака используется на светлом фоне. Главный принцип, который необходи-мо соблюдать при использовании знака на цветном фоне – контрастность.

Page 5: ММСО Guideline · ПАТТЕРН Паттерн строится по квадратной сетке, 3 на 3 квадрата в модуле паттерна. Из него

Guideline 6

ЛОГОТИП

Минимальный размер 90px × 25,5px

Page 6: ММСО Guideline · ПАТТЕРН Паттерн строится по квадратной сетке, 3 на 3 квадрата в модуле паттерна. Из него

Guideline 7

ОХРАННОЕ ПОЛЕ ЛОГОТИПА

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

Page 7: ММСО Guideline · ПАТТЕРН Паттерн строится по квадратной сетке, 3 на 3 квадрата в модуле паттерна. Из него

Guideline 8

НЕПРАВИЛЬНОЕ ИСПОЛЬЗОВАНИЕ

Использовать на детализиро‑ванном фоне

Использовать цвета не из фирменной палитры Делать логотип разноцветным

Использовать не фирменный шрифт

Убирать элементы знака

Использовать знак как фон Использовать тени и эффекты

Использовать обводку Зеркально отражать знак Сжимать и искажать

Page 8: ММСО Guideline · ПАТТЕРН Паттерн строится по квадратной сетке, 3 на 3 квадрата в модуле паттерна. Из него

Guideline 12

ФИРМЕННАЯ ПАЛИТРА

RGB #FCC40ECMYK 0 24 93 0

RGB #6E2481CMYK 70 100 0 0

RGB #CCE8EECMYK 24 0 7 0

RGB #046552CMYK 90 0 60 50

RGB #EE7F89CMYK 0 62 32 0

Page 9: ММСО Guideline · ПАТТЕРН Паттерн строится по квадратной сетке, 3 на 3 квадрата в модуле паттерна. Из него

Guideline 13

ДОПОЛНИТЕЛЬНАЯ ПАЛИТРА

RGB #884C97CMYK 56 78,6 0 0

RGB #F5B2B9CMYK 0 40 17 0

RGB #FFDD6FCMYK 0 12 65 0

RGB #EFF7F6CMYK 8,6 1 6 0

RGB #DEEEF1CMYK 15 0 5 0

RGB #DEEEF1CMYK 82 14 60 5

Дополнительный цвет фона. Им можно отделять смысловые блоки и аккуратно резать пространство макета.

Используются в паттерне, для создания градиентов, для объектов которым нуж‑на меньшаяя контрастность на светлом фоне. Для создание иерархии между объектами или в тексте.

Page 10: ММСО Guideline · ПАТТЕРН Паттерн строится по квадратной сетке, 3 на 3 квадрата в модуле паттерна. Из него

Guideline 14

ГРАДИЕНТЫ

Градиенты создаются из сочетания цветов основной и доп. палитры.НО сочетания одного оттенка (hue) Тоесть фиолетовый с фиолетовым, желтый с жёлтым и пр.

Градиенты используются в паттерне и в от‑дельных элементах, но реже чем сплошная заливка.

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

Page 11: ММСО Guideline · ПАТТЕРН Паттерн строится по квадратной сетке, 3 на 3 квадрата в модуле паттерна. Из него

Guideline 15

ПРОПОРЦИИ ЦВЕТА

Зёленый и фиолетовый ‑ основные цвета стиля. Они занимают 60-70%. Зеленый более превалирующий.

Жёлтый 20%

Голубой 5-7%

Розовый 1-2%

Page 12: ММСО Guideline · ПАТТЕРН Паттерн строится по квадратной сетке, 3 на 3 квадрата в модуле паттерна. Из него

Guideline 16

ТИПОГРАФИКА

Фирменный шрифт Muller ‑ гуманистческий гротеск. Этот класс шрифтов появился сравнительно недавно. Он имеет открытый рисунок и подчёркивает дружелюбие бренда.

АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯабвгдеёжзийклмнопрстуфхцчшщъыьэюя!?#$%()+,-_.«»

Muller Light

АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯабвгдеёжзийклмнопрстуфхцчшщъыьэюя!?#$%()+,-_.«»

Muller Thin

АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯабвгдеёжзийклмнопрстуфхцчшщъыьэюя!?#$%()+,‑_.«»

Muller Medium

АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯабвгдеёжзийклмнопрстуфхцчшщъыьэюя!?#$%()+,-_.«»

Muller Bold

Page 13: ММСО Guideline · ПАТТЕРН Паттерн строится по квадратной сетке, 3 на 3 квадрата в модуле паттерна. Из него

Guideline 17

КАРТА ШРИФТОВ Заголовок Muller Bold 40 ‑ 60pt (2.1 от pt осн. текста) Все прописные Интерлиньяж ‑ 1.1 (от pt шрифта)

Подзаголовок Muller Medium 20 ‑ 40pt (1.5 от pt осн. текста) Интерлиньяж ‑ 1.3 (от pt шрифта)

Основной текст Muller Light 10 ‑ 26pt Интерлиньяж ‑ 1.6 (от pt шрифта)

Информация Muller Bold 12 ‑ 28pt (1.2 от pt осн. текста) Интерлиньяж ‑ 1.2 (от pt шрифта)

Сноска Muller Thin 10 ‑ 20pt (0.7 от pt осн. текста) Интерлиньяж ‑ 1.2 (от pt шрифта)

Московский международныйсалон образования

Московский международный салон образо-вания (ММСО) – крупнейшее мероприятие в сфере образования России: открытый форум и самая масштабная в стране выставка.

8 (911) [email protected]

//mmco.ru

Page 14: ММСО Guideline · ПАТТЕРН Паттерн строится по квадратной сетке, 3 на 3 квадрата в модуле паттерна. Из него

Guideline 18

ПАТТЕРН

Паттерн строится по квадратной сетке, 3 на 3 квадрата в модуле паттерна. Из него можно вытаскивать полосы (вертикальные, горизонтальные), отдельные квадраты.

Диагонали в паттерне 45 градусов. Поэтому группы фигур из паттерна можно поворачивать только на 45, 90, 180 и пр. градусов. По ситуации можно перекрашивать элементы в другие фирменные цвета. Дополнять узор.

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

Нежелательно использовать все элементы паттерна разом, а модулями.Тень для объектов применяется редко/выборочно.

Page 15: ММСО Guideline · ПАТТЕРН Паттерн строится по квадратной сетке, 3 на 3 квадрата в модуле паттерна. Из него

Guideline 19

ЭЛЕМЕНТЫ ПАТТЕРНА

Можно успешно использовать как подложку для текста. (как с белым кругом так и без)

Удобный минималистичный модуль. Имеет более строгий деловой тон.

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

Пример модуля для вставки в угол макета.

Page 16: ММСО Guideline · ПАТТЕРН Паттерн строится по квадратной сетке, 3 на 3 квадрата в модуле паттерна. Из него

Guideline 20

НЕПРАВИЛЬНОЕ ИСПОЛЬЗОВАНИЕ

Использовать сразу все элементы паттерна

Искажать и деформировать Использовать цвета не из фирменной палитры

Использовать паттерн как фон

Page 17: ММСО Guideline · ПАТТЕРН Паттерн строится по квадратной сетке, 3 на 3 квадрата в модуле паттерна. Из него

Guideline 27

Разработано Vershinin.studio — Международное креативное агенство

+7 (995) 599-6220 [email protected] www.ru.vershinin.studio