Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#кейсы</a>

2 <ul><li>20 сен 2021</li>

3 <li>0</li>

4 </ul><h2>Слово силы: как передать эффект движения с помощью типографики</h2>

5 Кейс студии maryco, которая создала динамичную айдентику для видеопродакшена OMA.

6 OMA / дизайн студии maryco

7 Искусствовед и автор. Пишет о дизайне, искусстве, истории компаний и не только. Любит сферу образования, пересечение культур и иностранные языки. Ходит в музеи, чтобы отдохнуть от рутины. Живёт между Москвой и Парижем.

8 ОМА - видеопродакшен полного цикла. Раньше команда снимала только рекламные ролики, но в 2020 году компанию пересобрали под новым брендом. Её позиционирование изменилось - теперь она занимается также телевизионными передачами и кинофильмами.

9 Обновлённому бренду понадобился новый фирменный стиль: логотип с 3D-версией для заставок, цветовая палитра и шрифты. Эту айдентику в OMA собирались использовать в видео, а также для офисной полиграфии и печатных материалов.

10 Фирменный стиль для ОМА создала студия<a>maryco</a>. Её команда и арт-директор Вероника Октябрь подробно рассказали о работе над проектом.

11 Изображение: OMA / дизайн студии marycoУ нас не было жёстких ограничений, только несколько ориентиров:

12 <ul><li>Отразить идеи, заложенные в названии "ОМА". Во-первых, это связь с физическим законом Ома, то есть с силой тока. Во-вторых, есть мантра "Ом", или "Аум", - сакральный звук, который называют словом силы. То есть в названии - широкий спектр ассоциаций от электричества до звуковых волн. В логотипе важно было передать образы чистоты, силы, ясности и движения.</li>

13 <li>Использовать белый, чёрный, синий и зелёный цвета. И никакого жёлтого, красного и оранжевого.</li>

14 <li>Передать характер бренда. Команда ОМА разрабатывает новые идеи под каждый проект, умеет находить небанальные решения, поэтому визуал должен быть живым, в меру минималистичным, но цепляющим.</li>

15 </ul>Наш подход - отталкиваться от логотипа: так мы продвигаемся от меньшего к большему. К тому же часто именно логотип диктует стиль, как константа. Мы договорились с ОМА, что предложим три варианта логотипа и выберем один, который будем дорабатывать и положим в основу айдентики.

16 Все референсы, которые показал нам клиент, были минималистичными, часто абстрактными, с лёгкими оптическими иллюзиями.

17 Один из референсов клиента. Изображение: рекламное агентство GSP / SeagateОттолкнувшись от референсов, мы выделили две ключевые идеи:

18 <ul><li>Использовать в качестве логотипа три буквы названия ― создать яркий образ и подчеркнуть характер бренда за счёт шрифта.</li>

19 <li>Передать темы тока, звука и видео через пластику и ритмы, создать эффект движения.</li>

20 </ul>Референсы, которые подобрали мы. Изображение: студия marycoДля трёх концепций мы вручную отрисовали буквы и перевели их в вектор.

21 Изображение: OMA / дизайн студии marycoМы выбрали написание, в котором вертикальные линии словно режут буквы. За счёт этого формы оживают, появляется эффект движения и смещения. Когда смотришь на этот логотип, интуитивно понятно, как будет строиться динамика, как его можно обыгрывать.

22 Клиенту идея понравилась, но не зацепила.

23 Изображение: OMA / дизайн студии marycoЭта версия более лаконичная, тонкая, без графических деформаций. Но эффект движения по-прежнему есть: контрастные штрихи задают ритм и одновременно облегчают формы.

24 Обсуждая это решение с клиентом, мы пришли к выводу, что начертание по характеру получилось слишком мягким и утончённым. В итоге от этого варианта отказались.

25 Изображение: OMA / дизайн студии marycoИзображение: OMA / дизайн студии marycoМы подготовили два начертания. Первое ― базовое. Это гротеск с геометрическими, понятными и читабельными символами. Такой логотип подходит для маленьких форматов, например, для аватарок в соцсетях.

26 Для крупных носителей мы сделали второе начертание ― добавили к базовому эффект глитча. Он делит буквы по горизонтали и создаёт наклон, при этом слово "ОМА" легко считывается.

27 Этот логотип получился более нейтральным - геометричным, простым и сложным одновременно. Клиент утвердил его.

28 Дальше мы создали 3D-вариант логотипа. Подобрали текстуру и сделали модель, которую можно будет использовать как в статичной, так и в динамичной версии.

29 Изображение: OMA / дизайн студии marycoШрифты.Мы выбрали Ambidexter и Manrope, чтобы создать контраст, нарушить строгий порядок и привлечь внимание. Ambidexter хорошо бы выполнял эту задачу в заголовках - как акцент.

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

31 Макет со шрифтами и цветами из первой концепции. Изображение: OMA / дизайн студии marycoМакет со шрифтами и цветами из первой концепции. Изображение: OMA / дизайн студии marycoТакая палитра, особенно сочетание неонового розового и синего, понравилась клиенту. Однако у этого решения был недостаток: когда OMA будет использовать эти цвета в своём Instagram*, лента получится слишком тёмной.

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

33 Цвета.В этот раз в основу палитры легли жёлтый и градации серого. А голубой, зелёный и фиолетовый цвета мы предложили использовать как визуальные акценты.

34 Шрифты.Помимо сочетания Ambidexter и Manrope мы подготовили две новые шрифтовые пары: Akrobat и Le Murmure, Manrope и PT Serif.

35 Макеты второй концепции айдентики. Новые цвета и три варианта шрифтовых сочетаний: Manrope и Ambidexter, Akrobat и Le Murmure, Manrope и PT Serif. Изображение: OMA / дизайн студии marycoМакеты второй концепции айдентики. Новые цвета и три варианта шрифтовых сочетаний: Manrope и Ambidexter, Akrobat и Le Murmure, Manrope и PT Serif. Изображение: OMA / дизайн студии marycoВ результате утвердили такое сочетание шрифтов:

36 <ul><li>Для заголовков используем элегантный Le Murmure в качестве акцента и неогротеск Akrobat. В обоих шрифтах - вытянутые сдержанные символы.</li>

37 <li>Минималистичный и читабельный Manrope оставляем для наборного текста.</li>

38 </ul>Визуализация итоговой дизайн-концепции. В изображениях использованы эффекты сдвига и помятости. Изображение: OMA / дизайн студии marycoМы предложили использовать графические элементы в фирменном стиле в будущем. Изображение: OMA / дизайн студии marycoМы предложили использовать графические элементы в фирменном стиле в будущем. Изображение: OMA / дизайн студии marycoНа основе дизайн-концепции мы сформировали гайдлайн, где закрепили все приёмы, и разработали дизайн носителей.

39 1. Полиграфия: визитки и бланки.

40 Текст на визитках разбросан по углам. Жёлтым мы выделили детали: фамилию, окончание адреса email, должность и код в начале телефонного номера. Изображение: OMA / дизайн студии marycoВ бланках мы сделали лёгкое смещение - текст сдвинут относительно оси логотипа. Изображение: OMA / дизайн студии marycoИзображение: OMA / дизайн студии maryco2. Стиль изображений. Это разработка на будущее, когда ОМА будет вести соцсети. Мы сделали примеры постов с фотографиями.В основе фирменного стиля - контрастное сочетание чёрного, жёлтого и белого, но если в ленте Instagram* использовать только их, это быстро надоест. Поэтому в фотографиях и постах вместе с основной работает дополнительная цветовая палитра.

41 Пример подбора фотографий - с эффектами сдвига и помятости. Изображение: OMA / дизайн студии marycoРазработка графики не входила в нашу задачу. Но когда мы собирали кейс, решили пофантазировать, показать возможности проекта. Мы задумались: если ОМА будет запускать рекламные кампании на разных носителях, то что бы отразило характер бренда?

42 В итоге выбрали дерзкие, неочевидные сочетания, которые динамично наслаиваются друг на друга.

43 Изображение: OMA / дизайн студии marycoИзображение: OMA / дизайн студии marycoИзображение: студия marycoКейс ОМА показал нам, как изначальное ограничение зачастую открывает новые возможности. Именно благодаря жёлтому цвету фирменный стиль получился эффектным и смелым. И его можно развивать, экспериментировать дальше, добавляя новые элементы.

44 Над проектом работали:

45 арт-дирекшн:Вероника Октябрь

46 разработка логотипа и дизайн-концепции:Андрей Тельминов

47 вёрстка гайдлайна и дизайн носителей:Николай Мезин

48 оформление кейса на Behance: Екатерина Примак

49 Читайте также, как дизайнеры разных студий создавали:

50 * Решением суда запрещена "деятельность компании Meta Platforms Inc. по реализации продуктов - социальных сетей Facebook* и Instagram* на территории Российской Федерации по основаниям осуществления экстремистской деятельности".

51 <a>Попробуйте бесплатно 4 топовые профессии в дизайнеПройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>