Дизайн
#статьи

Айдентика в digital: пять принципов

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

Иллюстрация: Полина Честнова для Skillbox Media

Фирменный стиль не существует в вакууме: он неотделим от носителей. Ещё лет двадцать назад логотипы в основном наносили на визитки и буклеты, а теперь бизнес ушёл в онлайн. Это повлияло и на дизайн-процессы, и на визуальные решения, и на свойства элементов брендинга.

Разбираемся, что важно для айдентики, которую пользователи будут в первую очередь видеть в вебе и приложениях.

Айдентика в цифре и в печати: главное различие

Логотип или рекламную карточку на экране нельзя подержать в руках — у зрителя задействован только визуальный канал восприятия. Кроме того, в большинстве случаев дизайн каждого баннера или поста в интернете рассчитан на быстрое взаимодействие: пользователь посмотрел, уловил информацию и пошёл дальше.

Теперь вспомните: возможно, вы сохраняли буклеты или визитки, потому что они интересно складывались или были приятно-бархатными на ощупь? Так дизайн выходил за пределы зрительного канала и задействовал другие чувства.

Айдентика в физическом мире
Изображение: Studio Woork / Io Woo / Behance

Кроме того, с веб-форматами о предпечатной подготовке можно забыть: векторное изображение — это и есть конечный дизайнерский продукт.

Чтобы правильно перенести этот дизайн рекламы на уличные билборды, понадобится произвести не одну цветопробу
Изображение: Digital Light / Behance

Однако отсутствие осязаемых носителей айдентики не только упрощает дизайнерскую жизнь, но и ограничивает. Физические объекты — это простор для реализации идей и способ сделать айдентику более сложной. Например, текстуры бумаги и разные способы нанесения изображений могут быть частью фирменного стиля, который выделяет компанию среди других и делает бренд более привлекательным.

Цвет

Для фирменного стиля на электронных носителях важны чистые цвета и контрасты.

Когда айдентику нельзя «потрогать», важно спроектировать её явно заметной — дизайн должен привлечь внимание, пока пользователь не ушёл со страницы. Используйте яркие и контрастные цвета, чтобы логотип или баннер успешно «конкурировал» с другим контентом в вебе, а также чтобы изображение и текст не сливались друг с другом.

Изображение: Kseniia Ovchinnikova / Behance

Возможности цветопередачи в диджитале позволяют делать цвета какой угодно насыщенности.

В digital базовым элементом айдентики может стать достаточно сложный паттерн или градиент
Изображение: RAGGED EDGE / Luke Woodhouse / Behance

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

Несколько цветовых схем для одного логотипа. Варианты с высокой контрастностью можно использовать на сайте, а с низкой — на физических носителях
Изображение: Anastasia Shchur / Behance

Детализированность

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

Фирменный стиль стоит выстраивать без мелких деталей. В ребрендингах последних лет видно, что крупные компании постепенно отказываются от детализации в логотипах: более простые и цельные изображения воспринимаются с маленьких экранов лучше и выглядят аккуратнее.

В 2023 году студия Брюса Мау провела ребрендинг люксовой марки автомобилей Infiniti. Логотип стал более плоским и «чистым»
Изображение: Bruce Mau Design (BMD) / Jelle Maréchal / Karol Dybalski / Brendan Irving / Barry McLynn / Behance
Скетчи вариантов логотипа, от которых отказались. Детали в маленьком формате визуально смазываются, и картинка может получиться «шумной» или «грязной»
Изображение: Yana Sevostyanova / Uliyana Golub / Evgenii Knyazev / Behance
Закруглённые углы в логоформе
Закруглённые углы в логоформе

Чем яснее видны границы формы, тем лучше воспринимаются элементы айдентики в digital. Это касается не только картинок: именно из-за необходимости делать названия и прочие короткие тексты разборчивыми для фирменных стилей всё чаще выбирают гротески.

Разборчивый гротеск с кастомными g и r в дизайне логотипа и подписи
Изображение: Anastasia Cherepanova / Behance

Форма

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

В VK, Telegram и других каналах коммуникаций пользователи идентифицируют бренд именно по крошечному кружку аватарки
Скриншот: vk.com / Skillbox Media

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

В визуальную систему для бренда PewDiePie входят лого и несколько знаков. Его каналы — YouTube и соцсети, поэтому такие компактные варианты обязательны
Изображение: Paper Crowns / Behance

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

У лого на Ozon есть два формата: квадрат с чёткими углами в списке брендов и закруглённый в карточках товаров
Скриншот: Ozon / Skillbox Media

Вариативность

Айдентика в digital должна быть гибкая, чтобы её можно было быстро и недорого дополнить. Это не прихоть, а инструмент ситуативного маркетинга или обозначения позиции бренда: например, к первому сентября на лого могут появиться колокольчики, а по трагическому поводу — чёрная ленточка.

Вероятно, самый известный бренд, который использует вариативность, это Google. Лого-дудлы меняются по разным поводам: победа испанской женской сборной по футболу в чемпионате мира, день рождения Марии Монтессори
Скриншот: Google / Google / Skillbox Media

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

В начале коронавирусных ограничений в 2020 году бренды вносили изменения в свою айдентику, призывая людей соблюдать дистанцию и оставаться дома
Изображение: Lamoda

Динамика

Анимирование логотипа становится must do. Это эффектно выглядит и помогает привлечь внимание к бренду.

Анимация лого с эффектом размытия каплей воды для бренда минералки
Изображение: Sandrin Design / Behance

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

Моушн-дизайн в паттернах и иллюстрациях
Изображение: Vasilii Oleshko / Anna Zhitkova / Roma Cicada / QB SOUND / Olya Kuzevanova / Maksim Tleubaev / Behance

Поэтому для современных визуальных систем в digital важно, чтобы дизайнер заложил в элементы динамику и предусмотрел возможность анимации.

Цифровой сертификат с бренд-анимацией
Изображение: Lesha Galkin / Olia Marchenko / Behance

Больше интересного про дизайн в нашем телеграм-канале. Подписывайтесь!

Проверьте свой английский. Бесплатно ➞
Нескучные задания: small talk, поиск выдуманных слов — и не только. Подробный фидбэк от преподавателя + персональный план по повышению уровня.
Пройти тест
Понравилась статья?
Да

Пользуясь нашим сайтом, вы соглашаетесь с тем, что мы используем cookies 🍪

Ссылка скопирована