Как войти в поток и сделать айдентику за неделю

Привет-привет! На связи Илюша из студии ньюпёрпл. В этой статье рассказываю, как мы создавали визуальный стиль — с чего начали, на что опирались, какие этапы прошли.

Это не первая серия нашей Санта-Барбары. Ранее мы уже писали, как выбрали название. Кратко: «purple people» — про открытость, сочетание бизнес-навыков и IT, а также свободу во всех смыслах. И очень про нашу пятёрку.

У нашей айдентики не менее интересная история разработки. Тут нельзя не упомянуть вот эту нетленку от Рустама, которую он нарисовал в честь нового названия. Но она оказалась слишком идеальной для неидеальных нас, поэтому мы двинулись дальше.

Тот самый чистый порыв души Рустама Рустам Челаби

Шаг 1. Начать с фундамента

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

Мы сформулировали ценности команды: горизонтальность, свобода, эмпатия и смелость. Они и стали нашим фундаментом. Каждая нашла отражение в визуальной коммуникации.

Шаг 2. Оттолкнуться от названия

У всех нас было желание использовать кириллицу наравне с латиницей, а к новому имени в комплекте шла буква «ё».Чтобы «зарифмовать» обе версии, я предложил использовать точки и в латинице над «u» (их ещё называют умляутами).

Так получилось название, которое содержит стилистический ход уже в буквах. В таких ситуациях важно не перемудрить с дополнительными приёмами, чтобы «пранк» не вышел из-под контроля.

Я интуитивно набрал «newpürple» black-начертанием Graphik, подкрутил кернинг и стал думать, что с ним делать дальше. Почему этот шрифт? Он универсальный, геометричный, уверенный, не теряющий вайб «сегодняшнего дня» уже который год. Стиль предполагался ярким — Graphik должен был его уравновесить.

Было: «скушно»

Общая нейтральность — точно не про нашу банду. Нужно было добавить «дури», но сделать это ненавязчиво. За всех пришлось отдуваться букве «w». Готово!

Стало: веселее. Основная версия логотипа

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

Дополнительная версия логотипа и кириллица, которая снится мне по ночам

Шаг 3. Довериться потоку

Между дизайн-процессом и танцем много общего: в какой-то момент нужно отпустить контроль и довериться потоку.

Если вы называетесь «ньюпёрпл», выбирать фирменным цветом фиолетовый как минимум скучно. После часового коллективного набега на каталог Pantone всё решила брошенная на диване сумка-шоппер Рустама с неоновой надписью «Коррупция и любовь». Вот оно!

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

Так оформляем инстаграм. Я с кружкой — дембельнулся после разработки айдентики

Ещё нам нужен был знак, который мы могли бы запульнуть на аватарки в соцсетях. Долго перебирал варианты, чтобы в итоге увидеть то, что и так было перед глазами. «u» — это перевёрнутая «n», нужно только добавить точки.

Вот он — наш глазастенький

Шаг 4. Определиться с приёмами

Главный мотив нашего стиля — «люфт» двух миров: старого и нового. Это проявляется в наборе и графике: тексты под заголовками набираются со смещением, а геометрия отражает сопутствующие сюжеты: наложения одного на другое, пересечения и наслоения. Наш базовый примитив — круг. Он является отправной точкой для формы многих знаков в Graphik, на нём основаны пиктограммы и маски для фотографий.

Первые пробы лэйаутов — от «болда» в заголовках затем отказались. На фото — наша Ксюша

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

Есть в этом немножко плёночного настроения

Полигоном для проверки выступил наш главный носитель — сайт. Многие ходы не выдержали испытание реальностью, но появились новые. Например, дикий трекинг строчных букв как метафора свободы. Нарушение всех канонов типографики — всегда хотел это сделать!

Наш сайт — делали на тильде. Попали в подборку лучших проектов и очень обрадовались

Шаг 5. Создать нужную атмосферу

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

Энтузиазм из зе ньюпёрпл.

0
36 комментариев
Написать комментарий...
Evil Pechenka

Почитал ваши статьи, посмотрел сайт — вроде нормальные ребята, но ни одна статья не заходит, и не зайдёт, потому, что это лютый п****ц.

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

Ответить
Развернуть ветку
Rustam Chelabi

если бы вы вместо лютый п****ц попробовали объяснить, что с ними не так, был бы очень полезный и нетоксичный комментарий 💚

Ответить
Развернуть ветку
Александр Львов

Лично у меня с первой секунды плохое отношение к статье из-за формулировки «на связи Илюша». После неё даже читать не хочется. Открыл историю, а там еще есть статьи от Алёши. Это должно быть прикольно? 

А если без снобизма, то посмотрел сайт — ребята и правда крутые, удачи вам :)

Ответить
Развернуть ветку
Вадим Божинов

"на связи Илюша" отдаёт чем-то бандитским или детсадовским. 

Ответить
Развернуть ветку
Ilya Bodrov

Александр, большое спасибо 💚

Ответить
Развернуть ветку
Rustam Chelabi

Илья, надо было писать «Сашенька»

Ответить
Развернуть ветку
Виктор Петров

Небинарно как-то. Надо уважать традиции:
"Мама-тюрьма, дай погоняло!"

Ответить
Развернуть ветку
Evil Pechenka

Пишите в личку — дам Телеграм, готов рассказать.

Ответить
Развернуть ветку
Khabib96
соберите вокруг себя единомышленников, в которых верите и которые верят в вас

а потом поймите, что ваш "продукт" никому не всрался

Ответить
Развернуть ветку
Ilya Bodrov

Andrew, в любом случае, спасибо, что дочитали/доскролили до конца и провели эти несколько минут на нашей радиоволне  💚

Ответить
Развернуть ветку
Khabib96

скипаю сразу до каментав

Ответить
Развернуть ветку
Марина Hellectra

Очень креативный дизайн, и тексты соответствующие, но на любителя))).
Мне вот слишком много зелёного, хотя смотрится прикольно. 🙃👍

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

Ответить
Развернуть ветку
Ilya Bodrov

большое спасибо за теплые слова 💚

Ответить
Развернуть ветку
Бабка в засаде

Иц эй найс артикл оверолл, донноу иф ай рили диг зэ нэйм ньюпёрпл зоу 

Ответить
Развернуть ветку
badResistor

май опеньён эбаут зэ атикл из вери дификлт ту андерстенд ин рашиан леттерс энглиш проносейшн то транслэйт ин май майн лангвидж

Ответить
Развернуть ветку
Ilya Bodrov

лет ми спик фром май харт, бро — фенкью соу мач фо дис кайнд вордс!

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Rustam Chelabi

дайте почту — пришлем тексты отдельно — без зеленого цвета)

Ответить
Развернуть ветку
Game Topia

Лебедизм! Нью дирекшен...

Ответить
Развернуть ветку
Ilya Bodrov

чтим традиции, не забываем классиков

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Ilya Bodrov

спасибо 💚

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Rustam Chelabi

пока лучшая наша
по просмотрам и переходам во всякий наш телеграм и на сайт)
а дизайн — оx*енный

Ответить
Развернуть ветку
Ilya Miller

Не совсем понятно как читать версию на латинице из-за ü: Ньюпёрпл, Ньюпурпл, или Ньюпьюрпл. Да и логотип локализовали, а пропорции не соблюли: Почему-то вымученная W в латинице тоньше чем Ю в кириллице. 

Ответить
Развернуть ветку
Ilya Bodrov

Илья, спасибо за наблюдательность!

без шуток, видеть детали — очень ценный навык.
думаю, к следующему апдейту подружим обе версии еще ближе :)

Ответить
Развернуть ветку
Ilya Miller

и овал в O тогда тоже захватите, по вертикали съехал :)

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Кирилл

Какие молодцы, а теперь пойдите и выпейте смузи

Ответить
Развернуть ветку
Ilya Bodrov

пока писали эту статью — осушили весь кулер!

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Alex Moren

Spotify style

Ответить
Развернуть ветку
Ilya Bodrov

у Spotify классная айдентика.
если мы чем-то схожи — думаю, это скорее плюс :)

Ответить
Развернуть ветку
badResistor
айдентику

Прямо глаз и слух режет...

Ответить
Развернуть ветку
Бабка в засаде

В ньюпёрпл тебя не смутил? ))))

Ответить
Развернуть ветку
badResistor

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

Ответить
Развернуть ветку
Кирилл

За такие претензии нужно по голове бить.

Ответить
Развернуть ветку
Ilya Bodrov

исправимся!
к работе над следующими материалами уже привлечён специалист по русскому языку и литературе

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Jerry W Stinsons

Ora amai valo hote dilo na

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку
33 комментария
Раскрывать всегда