Динамическая айдентика
Динамическая айдентика — визуальная система, в которой зафиксировано несколько элементов и правил, а всё остальное может меняться: например, расстановка, цвет, форма, движение и поведение элементов. По правилам бренд узнают, а свобода не даёт ему повторяться, приедаться и даёт гибкость в использовании. Ниже показываем, как эти принципы отражаются в айдентике нашей студии. Вы сами сможете попробовать её применить.
Interactive lab showing Wave's dynamic identity. The word "wAve" is built from metaball letters: each letter is a soft, glowing form colored like a thermal image, and letters merge when moved close to each other. Visitors can drag the letters, type their own word with digits and symbols, switch between three palettes (Main, Light, Dark) and switch the cell background off or between dark and light membranes. A science layer with an ultrasound scale, pulse and lightning icons and coordinates stays on top in every state.
Любая айдентика строится на креативной идее, направление поиска которой задаётся на этапе бренд-стратегии.
Наша идея: бренд — живой организм
Наш слоган — Brands With a Pulse, и айдентика понимает его буквально. Буквы ведут себя как живые клетки: притягиваются друг к другу и сливаются при сближении. Цвета построены как тепловая карта — так выглядит живая материя под микроскопом. За ними местами проступает структура клеток.
Wave — студия стратегического брендинга и экспериментального дизайна, и для нас каждый новый разрабатываемый бренд — эксперимент. Поэтому айдентика использует стилистику научного журнала: экран читается как сводка наблюдения. Шкала слева пришла со снимка УЗИ, иконка пульса — с кардиомонитора, молния отмечает момент, когда зарождается энергия жизни.
В основу образа легли УЗИ эмбриона. Метафора эмоциональная, и это сознательно. Для наших клиентов бренд — почти ребёнок: они вкладывают в него душу, это не просто способ заработать. В нашей бренд-платформе наша ролевая модель отношений с клиентами — сообщники. Мы проводим эксперимент вместе с фаундером и, как врачи, которые понимают, как важен будущий ребёнок для родителей, бережно помогаем бренду сформироваться.
Любую динамическую айдентику можно разложить на константы и переменные. Константы повторяются в неизменном виде, по ним бренд узнают с первого взгляда. Переменные меняются от носителя к носителю, за счёт них каждый макет выглядит новым. Дальше — как эти различия наблюдаются в айдентике Wave.
Константы: что не меняется никогда
Свечение и слияние
Главный приём построения основных форм в айдентике — живая субстанция: мягкие края, тепловое свечение, слияние при сближении.
Научный слой
Поверх изображения лежат шкалы, измерения, иконки пульса и энергии, заметки мелким кеглем — как показания лабораторного прибора.
Шрифты
Заметки и подписи набраны Space Grotesk — спокойным техническим гротеском, который вырос из моноширинного Space Mono (распространённый шрифт для написания кода).
Слоган и заголовки — геометрический, сбалансированный и достаточно статусный Outfit. Рядом с живыми буквами оба шрифта выглядят сдержанно, и на этом контрасте построена айдентика.
Живые буквы созданы на основе Bagel Fat One: круглого, очень жирного шрифта с тонкими перемычками. Сам по себе он мультяшный, как граффити для подростков, нам такая стилистика не подходит, и текст им мы не набираем. А вот под свечением его геометрия превращается в ту самую живую материю, так что он для нас идеальное сырьё для «живой типографики».
В статичной айдентике постоянно почти всё: логотип, цвета, сетка макетов, и каждый новый носитель их повторяет. В динамической постоянных элементов немного, а всё остальное отдано переменным.
Переменные: что меняется
Расстановка
Буквы свободно перемещаются по формату. Каждая раскладка новая, а слово по-прежнему читается.
Палитра
Три палитры-тепловые карты из одного набора: Main и Light сейчас используются на страницах сайта, Dark — в сервисе Deep Dive, отдельном продукте студии. Палитры сочетающиеся, но разные, их набор может расширяться по мере роста количества разделов/продуктов, а бренд при этом остаётся одним.
Клеточный фон
Где-то он появляется, где-то исчезает. Мембраны клеток бывают светлыми с тёмной серединой или тёмными со светлой. Фон может быть и в статике, и анимирован.
Слово
Правила не привязаны к буквам W, A, V, E. Впишите в лаборатории выше любое слово, хоть с цифрами и символами, и оно будет вести себя так же.
Переменные не обязательно меняются только от макета к макету. Айдентика может отвечать человеку прямо на экране.
Интерактив
На главной странице анимация взаимодействует с посетителем: буквы движутся, а курсор или палец оставляют тёплые пятна, которые сливаются с ними. Интерактив — тоже часть живой системы, мы используем его для самых акцентных мест. Сейчас это первый экран главной страницы сайта.
Айдентика на носителях
Константы и переменные работают на любом носителе: в соцсетях, на одежде, в городе. Палитра, слово и расстановка меняются, а свечение, научный слой и шрифты остаются.
Другие динамические айдентики в наших проектах
- Driven Center — модульная айдентика из готовых частей, как конструктор, она пересобирается под каждый носитель.
- Polyana IT — круг — софт-скиллы, квадрат — хард-скиллы, и они всё время взаимодействуют в движении.
- Moon — полумесяцы размножаются и рассыпаются по носителям, каждый раз в новой композиции.
- Typomania 2021 — буквы сближаются и расходятся, а логотип меняет форму вместе с расстоянием между ними.
Инструмент для своих носителей
Динамические айдентики мы делаем уже много лет. В связи с техническим прогрессом к ним теперь добавились AI-инструменты для клиентов: в них команда клиента сама делает дизайн носителей по разработанной нами визуальной системе, не привлекая подрядчиков.
В такие инструменты мы закладываем обе части системы. Переменные можно менять: формат, слово, расстановку, палитру. Константы зашиты внутрь, и сломать их нельзя: свечение, научный слой, шрифты. Поэтому любой макет, который соберёт команда, остаётся узнаваемой точкой встречи бренда с его клиентами.
Ниже — один из таких инструментов для самой студии Wave. Выберите формат, впишите слово, расставьте живые буквы, добавьте слоган, иконки и шкалу и скачайте готовый макет.
Перетаскивайте буквы внутри формата. Рядом друг с другом они сливаются.1080 × 1350 px
aaInteractive tool for Wave's dynamic identity. The visitor picks a format (Instagram post 1080x1350, LinkedIn post 1200x627, YouTube thumbnail 1280x720, horizontal header such as LinkedIn cover 1584x396, X header 1500x500 or Facebook cover 1640x624, vertical Stories/Reels 1080x1920 or Pinterest pin 1000x1500, or a free size), types a word, drags the metaball letters inside the format, sets the letter size, chooses the Main, Light or Dark palette and the cell background, toggles the caption, slogan, icons, ultrasound scale and notes, and downloads a PNG in the exact size of the format.
FAQ
Что такое динамическая айдентика?+
Это визуальная система, которую описывают правила, а не готовый набор макетов. Несколько элементов постоянны, по ним бренд узнают. Остальное — например, расстановка, цвет, форма, движение и поведение — меняется от носителя к носителю.
Как динамическая айдентика остаётся узнаваемой?+
За счёт констант. В айдентике Wave их четыре: свечение и слияние живых форм, научный слой поверх, шрифты и типографический приём на основе одного из них. Какой бы ни была раскладка букв или палитра, за счёт констант мы сохраняем узнаваемость.
Чем она отличается от статичной?+
Статичная айдентика — это логотип, цвета и набор макетов, которые повторяет каждый новый носитель. Динамическая даёт правила, по ним можно сделать сколько угодно новых композиций, и каждая останется частью бренда. Это важно, если бренду нужно много контента для экранов: соцсети, сайт, презентации, моушн.
Может ли команда делать носители без дизайнера?+
Да, если к айдентике прилагаются инструменты для внутренней команды. Мы собираем для клиентов AI-инструменты, в которых переменные меняются, а константы зашиты внутрь, поэтому команда сама делает макеты, и все они остаются в стиле бренда. Пример такого инструмента для Wave — на этой странице.
Сколько стоит динамическая айдентика в Wave?+
Любую айдентику мы делаем динамической, так что её цена — это цена обычной айдентики. Мы рассчитываем её исходя из стадии бизнеса и набора носителей.
Здесь можно предварительно рассчитать ваш проект