Визуальный атлетизм | AI, айдентика, дизайн
461 subscribers
91 photos
6 videos
7 files
27 links
Канал про дизайн и визуальную культуру от арт-директора Андрея Убейволк.

Про то, как видеть глубже: ИИ, айдентика, типографика, тренды.

Inst:
andreyubeyvolk
Download Telegram
NIMAX. КАК Я ПЕРЕПИСАЛ ВИЗУАЛЬНЫЙ ЯЗЫК.

В 2023-м питерская дизайн-студия Nimax доверили мне освежить их айдентику. Рефреш не производился уже более пяти лет — настало время вдохнуть новый вайб и взгляд на компанию.
Со студией знаком давно — ещё в 2018-м выступал у них на портфолио ревью Design Espresso, позже работал вместе и делал несколько проектов. Так что контекст и ДНК студии понимал изнутри.

К слову, ребята стали триггером к написанию моей легендарной лекции про насмотренность. Они тогда пригласили меня выступить на конференции «Стачка». Именно для этой конференции я написал лекцию, которая в итоге превратилась в видео.


Что было до меня
Тёмная, премиальная, почти чёрная визуальная система. Серьёзная студия, серьёзный дизайн. Но язык технологичных компаний двигается — и стиль должен двигаться вместе с ним.

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

Шрифт поменял с Navigo на TT Hoves — спокойнее, но со своим digital-голосом. Убрал КРИЧАЩИЙ КАПС из типографики — оставил спокойный регистр. Агрессия заголовков ушла, система выдохнула. Графические теги тоже упростил: теперь это просто слова мелким кеглем (ой, мой любимый прием теперь — нафиг пилюли!).

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


Про идею
Новый стиль — про светлое будущее (да-да!)). Про веру в технологии и развитие. Легкость вместо тяжести, открытость вместо давления (…жизнь без ядерки…)). Студия которая смотрит вперёд и помогает бизнесам расти — теперь они выглядит именно так. Спасибо команде Nimax!

Интересно наблюдать, как их новая айдентика последние годы трансформируется (уже без моего надзора) после этого рефреш-импульса!
Показал это в приложенном к посту видео 🔝
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥19❤5🕊3
ИНТЕРЬЕРНОЕ ВДОХНОВЕНИЕ

Вчера был на лекции!
Не секрет, что многие дизайнеры регулярно смотрят в сторону архитектуры и интерьерного дизайна. Там другое мышление: через материал, пространство и время. И уровень внимания к деталям часто выше, чем в графике или диджитале. Поэтому вчера я сходил на лекцию Aurore Bureau. Это московское архитектурно-интерьерное агентство, у которого за плечами несколько культовых питерских пространств. Хотелось расширить кругозор и узнать нюансы мест, которые люблю как посетитель.

Первое пространство — Академия, букинистический магазин и кафе от Подписных изданий. Легендарное место 🖤 Концепция строится на переходе от модерна к модернизму прямо внутри интерьера. Винтажные стулья команда искала по Авито буквально по одному — и реставрировала каждый. Нашли и привезли диван финского дизайнера Yrjö Kukkapuro.

Айдентику, кстати, делал Кирилл Глущенко. Это гуру Soviet modernism в типографике! Если вам нравится визуальный язык Академии — знайте, кто его создатель.


Другой проект — Aster. Два кафе в Петербурге, разные по задачам, но со сквозной логикой материалов и нюансов. Место стало культовым и получило премию — после чего, по словам Марии Качаловой (фаундер Aurore), посыпались запросы «сделайте как Aster».

Со слов Марии: «Вещи как Aster могут быть сделаны только один раз — слишком многое должно идеально срастись».


Среди других проектов бюро — KM20, Peak Store Moscow, Русский музей, Kixbox, коллаба Lime × ГЭС, а также корнеры Гоши Рубчинского для Dover Street Market. Причём в четырёх странах — и каждый вариант адаптирован под локальный контекст.

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

«Чтобы создать образы — мы обращаемся к совершенно сторонним изображениям».


Это и есть настоящее дизайн-исследование. Не только референсы из интернета, а наблюдение за реальностью. Интуитивный поиск иногда находит решения быстрее любой аналитики.

После таких лекций понимаешь: интерьер и архитектура — это отличная школа для дизайнерского мышления. Иногда она учит больше, чем десяток дизайн-референсов.
❤13🔥6🙏2
ДИЗАЙН — ЭТО КОД

Держи религиозно-философскую мысль.

Дизайн — это идея. Дизайн — это текст. Дизайн — это код.


В начале было слово.
Идея всегда первична — это решение проблемы или инновация. Она описывается текстом, излагается голосом. Мы мыслим языком.

И любой дизайн — сайт, баннер, айдентика — можно описать кодом. Цвет, отступы, радиусы, градиенты, композиция — это числа и текст. В Figma можно открыть любой макет в режиме кода: вот тут вся «визуальная магия» заканчивается. Внутри — матрица. Если бы у нас было зрение Нео, мы бы видели: везде код.

Значит, управление дизайном — это управление кодом через помощника. А код позволяет создавать любые миры и любые решения.


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

Поэтому технические скиллы уйдут на второй план. На первый выйдет мышление: насколько глубоко ты мыслишь, насколько системно и одновременно креативно.

Мышление → мысль → текст → код → реальность.


Дизайн всегда начинался с идеи. Просто теперь это становится очевидным.
❤15🔥3🙏2
КОНТРАСТ

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

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

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

Убери контраст — и коммуникация рассыпается. Останется плоское, равноценное, немое пространство. Без истории. Без героев. Без конфликта. Оставим это для дешёвых книг без вёрстки.

Приведу два простейших приёма для контроля контраста в визуальной коммуникации: «Прищурься» и «Убери насыщенность».


[1] Прищурься: глядя на макет, прищурь глаза. Всё сольётся в кашу, и ты увидишь, где самая тёмная тень, а где самый яркий свет. Это инструмент выявления светотеневого разделения. Прямиком с уроков художки. Ты увидишь, как неконтрастные детали сольются, а контрастные — выйдут на передний план.

[2] Снизь насыщенность. Сделай скрин или экспорт макета в JPEG/PNG, затем снизь насыщенность изображения до нуля. Когда исчезают цвета, становится видно, что наиболее контрастно по яркости.

Еще одна фишка: в цвете есть определённые правила — стандарт веб-доступности WCAG. Можно онлайн проверить цветовой контраст, а не рассуждать об этом как о вкусовщине. Некоторые вещи в дизайне всё-таки измеримы!)

Зафиналю так: хороший дизайн всегда рассказывает историю, так как это коммуникационный инструмент. Контраст — это один из инструментов, которым она написана.
❤21🔥5🙏1
AI-DIY: СДЕЛАЛ ИИ-ДИКТОФОН

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

Записывать в заметки — запарно. Надиктовывать в телефон — неудобно когда долго. Наушники? Не хочу затыкать уши.

Есть готовое решение — AI-диктофоны а-ля Plaud. Повесил на шею и всё структурируется. Стоит 20-40к рублей. Все модные ИИ-интузиасты-стартаперы юзают. Но если функционала записи/транскрибации/структурирования вам достаточно, то можно и угареть завайбкодить самому. Тем более это опыт на грани AI/Reality.

Такой эксперимент сделал:
Купил китайский диктофон на OZON за 2000 рублей и завайбкодил в Claude Code свою систему. Потому что AI-диктофон — это по сути harness: программная обвязка/инфраструктура вокруг языковой модели, которая соединяет инструменты между собой. А harness можно ж собрать самому. Как и купить майк. Почему бы не попробовать?

Whisper транскрибирует аудио в текст — это опенсорсная бесплатная программа от OpenAI которая переводит речь в текст с хорошим качеством. Claude (через дешевую модель Haiku и подключенный через API) структурирует мысли и вытаскивает из сырой надиктовки нормальные идеи. А также проверяет их, ибо иногда слова плохо слышны и могут транскрибироваться криво. Потом Telegram-бот присылает готовое прямо мне в чат.

Весь путь экспорта — двойной клик мыши. Пау! 😎

Минусы тоже есть: провод к компу, долгая транскрибация, надо разобраться с API и положить пару долларов на счёт. Но все это, проводя тебя за руку, помогает сделать Claude Code. И это мои задачи решает — теперь ни одна идея никуда не теряется. Во время длительных разговоров копится база топиков для постов, проектов, экспериментов. И майк висит на шее модным черным кружочком, как брелок.)

Конечно, если идеи короткие — я надиктовываю их на мобилу в Claude, где у меня есть инструкция по структурированию и нумерации сырых быстрых мыслей.


В панке есть культура DIY — Do It Yourself (сделай это сам). AI даёт снова творческий вайб — когда все можно взять и сделать самому, своими руками. One man band, как в блэкметале.

Long live AI-DIY 🍌
Please open Telegram to view this post
VIEW IN TELEGRAM
22❤23🕊5
HISTORY.md
7.8 KB
Лог (от англ. log — журнал, дневник) с путем создания моего ии-диктофона. И еще посмотрите мой рилсик на эту тему — буду признателен вам за поддержку!
4❤22🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
Я ЛУЧШЕ ЗАВАЙБКОЖУ

Весь год парадигма чего угодно в дизайне у меня строится через эту фразу: «я лучше завайбкожу».

Пример: нужна анимация карточек как из Pinterest? Лезть в After Effects и настраивать все изинги и точки долго? Завайбкожу-ка свой HTML-плагин!

Впихиваешь туда всё что необходимо и приходит в голову: скругления углов (вплоть до iOS-ных), тени, расстояния, количество карточек, выбор формата, шум, блики, толщинки... Что угодно!

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

Такие проекты — более продуманные и масштабные — уже есть на рынке и доступны платно. Но чтобы сэкономить бюджет, подобное вполне можно легко создать и самому!


Но тейк не о каком-то мелком плагине.

Тейк о способе мышления — я называю это для себя AI-Creativity. Способность выдумывать как с помощью ИИ упростить себе процессы или создать новые инструменты, которые ранее были недоступны или трудозатратны.
❤20
АЙДЕНТИКА КОНФЫ ОТ CHAT GPT

Только что прошёл OpenAI DevDay 2026. Это конфцеренция от Chat GPT (чтоб понятнее). Что там было — вы и так везде прочтёте. Я хотел поговорить об айдентике конфы и новых агентах DOTS.

⚫️ На мой взгляд классная айдентика: хороший баланс дружелюбности, лаконичности и технологичности.

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

Лайк!

⚫️ Нравится как точки работают в анимации шрифтов — как якорные точки построения букв плюс аутлайн. Лайк!

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

Лайк!

🔴 3D-персонажи DOTS — маскоты внутри ChatGPT, этакая скрепка из Windows (олды здесь?). Беспроигрышное, понятное, безопасное решение для продукта такого масштаба — но с творческой точки зрения такие персонажи мне уже наскучили. Критикуешь — предлагай: мне больше нравится как их реализовали плоскими в основной айдентике конференции. Остались позитивными и современными, но с более стильным adult характером чем мягкая игрушка.

⚫️ Порадовал видос где AI-engineer Pietro Schirano (работал в Anthropic, Uber) разрисовывает стены краскопультом. Правда последний кадр с мешаниной цветов — немного перестарался. Но круто что граффити не позабыли и вписывают в такие крупные компании! Ни одним кодом! Бэк ту реалити! Лайк!

И меня прям зацепила случайная фраза Сэма Альтмана (глава OpenAI):
«Building tools that help other people create» — «Создавая инструменты, которые помогают другим создавать.»


Вот такие мысли о визуальном! 🍌
❤9💯1🍌1