Визуальный атлетизм | AI, айдентика, дизайн


Гео и язык канала: Россия, Русский
Категория: Дизайн


Канал про дизайн и визуальную культуру от арт-директора Андрея Убейволк.
Про то, как видеть глубже: ИИ, айдентика, типографика, тренды.
Inst:
andreyubeyvolk

Связанные каналы

Гео и язык канала
Россия, Русский
Категория
Дизайн
Статистика
Фильтр публикаций


АЙДЕНТИКА КОНФЫ ОТ 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» — «Создавая инструменты, которые помогают другим создавать.»


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


Видео недоступно для предпросмотра
Смотреть в Telegram
Я ЛУЧШЕ ЗАВАЙБКОЖУ

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

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

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

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

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


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

Тейк о способе мышления — я называю это для себя AI-Creativity. Способность выдумывать как с помощью ИИ упростить себе процессы или создать новые инструменты, которые ранее были недоступны или трудозатратны.


HISTORY.md
7.8Кб
Лог (от англ. log — журнал, дневник) с путем создания моего ии-диктофона. И еще посмотрите мой рилсик на эту тему — буду признателен вам за поддержку!

882 0 90 11 31

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 🍌

832 0 77 33 50

КОНТРАСТ

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

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

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

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

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


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

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

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

Зафиналю так: хороший дизайн всегда рассказывает историю, так как это коммуникационный инструмент. Контраст — это один из инструментов, которым она написана.


ДИЗАЙН — ЭТО КОД

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

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


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

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

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


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

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

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


Дизайн всегда начинался с идеи. Просто теперь это становится очевидным.


ИНТЕРЬЕРНОЕ ВДОХНОВЕНИЕ

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

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

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


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

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


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

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

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


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

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


NIMAX. КАК Я ПЕРЕПИСАЛ ВИЗУАЛЬНЫЙ ЯЗЫК.

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

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


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

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

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

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


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

Интересно наблюдать, как их новая айдентика последние годы трансформируется (уже без моего надзора) после этого рефреш-импульса!
Показал это в приложенном к посту видео 🔝


ОБЪЕМНЫЕ СТИКЕРЫ, ЗАЛИТЫЕ СМОЛОЙ

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

Это популярная техника для стикерпаков, особенно корпоративных: митапы, оффсайты, подарочные наборы и разные визуальные бонусы. Сам много раз курировал такие пэки!

Суть простая: обычный плоский стикер заливают прозрачной смолой, которая создает объем. Но есть несколько нюансов, которые сильно влияют на результат.

▪️ Геометрия реза
— линия реза должна быть плавной;
— без острых углов и мелких деталей;
— минимальный радиус скругления — 3 мм.

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


▪️Минимальные расстояния
— расстояние между линиями реза соседних стикеров — минимум 3 мм.

▪️Отступ от края листа
— расстояние от края листа до линии реза стикера — минимум 4 мм.

▪️Цвет под смолой
— смола работает как линза;
— печать на виниле и тот же макет со смолой могут выглядеть по-разному.

▪️Согласование результата
— не оценивайте смоляной стикер по фотографии;
— цвет и объем на фото почти всегда искажаются.

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




ПЕРВАЯ КОЛЛЕКЦИЯ ДЕМНЫ ДЛЯ GUCCI

Вчера прошёл показ Gucci под креативным руководством экс-Artistic Director Balenciaga — Демны Гвасалия. Его дебют в новой роли.

Жаль, что не записал, как вечером вслух комментировал этот показ. Вам было бы очень смешно.) Но выскажу пару мыслей здесь — для общего расширения кругозора. Считаю, что важно следить не только, допустим, за графическим дизайном, но и за модой. Я нахожу в этом гигантское вдохновение с детства. Плюс базу заложила моя первая работа графическим дизайнером — именно в fashion-индустрии, в студии Лео Алексеева.

Говоря о Gucci, мне показ не понравился. Больше даже понравился последний фотосет Демны, где он в потертой футболке (ух, особенно ногти со слезающей краской — крутая идея! Надо тоже так сделать!))). Но в данном случае хочется сказать, что я, возможно, просто пока не считываю какой-то культурный код. Я не ставлю под сомнение авторитет и профессионализм Демны. Особенно круто видеть, как глубоко он готовился к показу, изучая историю бренда и культурные особенности (читайте в моей PDF-ке перевод). Такой подход мне суперблизок — глубоко погрузиться в смыслы, в самую сердцевину бренда, в историю. И переработать это по-своему. Глубокий подход к дизайну — это сразу респект.

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

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


Обязательно посмотрите файл ниже с переведённым манифестом Демны для Gucci!
⬇️


Видео недоступно для предпросмотра
Смотреть в Telegram
🖤

Сломалось расширение для сохранения картинок с веб-страниц — завайбкодил своё 😁


Мультидисциплинарность.pdf
1.3Мб
И чуть более развернутые мысли на тему мультидисциплинарности.


МУЛЬТИДИСЦИПЛИНАРНОСТЬ

Вчера был на лекции Кати Сикачевой, креативного директора дизайн-студии Non-Objective. Лекция была про мультидисциплинарность. Я понял её призыв так: круто работать на стыке дисциплин и с разными инструментами. Дизайнер сейчас не только узконаправленный специалист — он одновременно и копирайтер, куратор, исследователь, бренд-стратег, моушн-дизайнер и фотограф. Всё что угодно может быть использовано, если попадает под нужный контекст и цели.

И я с этим полностью согласен, ибо сам себя позиционирую как multidisciplinary designer (ха, хотя, конечно, тут всех поимели ребята из TOGETHER WITH YOU со своим anti-disciplinary designer))).

Но есть одно НО: я вижу, что у каждого человека всё равно есть своя суперспособность. Своё направление, в котором у него круто получается. И я считаю, что нужно развивать свои сильные стороны, а не додрачивать слабые. Лучше знать и фокусироваться на суперсиле, НО реализовывать её с помощью абсолютно разных инструментов — в зависимости от контекста.

Если ты рыцарь — то ты рыцарь. А вот уметь обращаться и с секирой, и с моргенштерном, и с мечом — это мультидисциплинарность!)


Да здравствуют мультидисциплинарные рыцари!
⚔️



Показано 15 последних публикаций.