Как работать с референсами при создании визуальной концепции

Референсов обычно много: сохраняем сайты, интерфейсы, картинки — а потом открываем пустой макет и не очень понимаем, как превратить эту папку «красивое» в собственное решение. В этом эфире поговорили с Олегом Бухтияром — продуктовым дизайнером, ex дизайн-лидом hh.ru и основателем Screen Gallery, сервиса с реальными мобильными интерфейсами и пользовательскими сценариями. Разобрались: — как смотреть на референсы не только через «нравится / не нравится»; — как замечать конкретные приёмы: композицию, типографику, цвет, ритм, плотность, иерархию; — чем полезен разбор не отдельного экрана, а целого пользовательского сценария; — как отделять принцип, который можно применить в своей работе, от внешней оболочки конкретного продукта; — как не скатиться в копирование и собрать на основе референса собственный интерфейс; — как хранить и искать референсы, чтобы они работали в нужный момент; — как AI и MCP могут ускорить поиск, сравнение и первичный разбор интерфейсных решений; — как Олег развивает SCRN как самостоятельный продукт: от идеи и первых гипотез до монетизации и новых инструментов. В практической части взяли референс известного дизайнера и попробовали пройти путь: увидеть принцип → разобрать его → применить по-своему. Если после просмотра захочется не просто собирать красивые картинки, а точнее видеть, почему интерфейс работает, — эфир точно пригодится. Кроме того, Олег дал домашку по рисованию визуального концепта — перерисовать экран в стиле дизайнера. Результатами можно делиться тут в комментариях! t.me/o_bukhtiyar t.me/scrn_gallery 🎞 Смотреть на Youtube 🎞 Смотреть в VK Видео #эфир 🍑Явно.Дизайн

Figma MCP: 5 ситуаций, когда ИИ-автоматизация дизайн-системы сбережёт часы и даже дни работы

Перенос готового стиля на пачку вайрфреймов, автозаполнение макетов реальным контентом, сборка однотипных таблиц из компонентов, светлая тема из тёмной за пару минут. Разобрали в Relate с примерами под каждый сценарий Читать на дизайнерс | #AI

Создаём маскота для бренда с помощью нейросетей, без иллюстратора и 3D-моушн-дизайнера

Бренд-дизайнер студии Relate показала весь путь — от первого скетча до готовой презентации клиенту, целиком в нейросетях, с промптами на каждом шаге Читать на дизайнерс | #AI

сентябрьская прокачка ❤️

1. «Ща сделаем!» с Владимиром Аносовым❤️ о создании букв, каллиграфии и поиске собственного подхода к леттерингу, в рамках буквочелленджа от Dprofile ❤️доступен в записи по подписке❤️ 2. «Визуальное исследование» с Владимиров Аюевым ❤️ двухдневный интенсив о практике, которая помогает дизайнеру расширять кругозор, находить неожиданные решения и формировать собственный подход ❤️1-я часть доступна в записи по подписке 2-я будет 20-го, приходите❤️ 3. «3D или AI: как выбрать и как с этим жить?» с Илаем и Владиславом ❤️ открытый коворк и разговор о том, где сегодня реально нужен классический 3D-пайплайн, а какие задачи проще отдать AI ❤️запись будет доступна по подписке❤️ 4. «Подножный креатив» by Лёша Устьянцев и артём реф³ ❤️ интенсив о том, как найти вдохновение в повседневности необычным способом🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩 [регистрация скоро откроется] ❤️запись будет доступна по подписке❤️ ❤️ Щёлочь любит тебя ❤️
сентябрьская прокачка ❤️
1. «Ща сделаем!» с Владимиром Аносовым❤️ о создании букв, каллиграфии и поиске собственного подхода к леттерингу, в рамках буквочелленджа от Dprofile ❤️доступен в записи по подписке❤️ 2. «Визуальное исследование» с Владимиров Аюевым ❤️ двухдневный интенсив о практике, которая помогает дизайнеру расширять кругозор, находить неожиданные решения и формировать собственный подход ❤️1-я часть доступна в записи по подписке 2-я будет 20-го, приходите❤️ 3. «3D или AI: как выбрать и как с этим жить?» с Илаем и Владиславом ❤️ открытый коворк и разговор о том, где сегодня реально нужен классический 3D-пайплайн, а какие задачи проще отдать AI ❤️запись будет доступна по подписке❤️ 4. «Подножный креатив» by Лёша Устьянцев и артём реф³ ❤️ интенсив о том, как найти вдохновение в повседневности необычным способом🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩 [регистрация скоро откроется] ❤️запись будет доступна по подписке❤️ ❤️ Щёлочь любит тебя ❤️
Работает ли AI в продакшене?
Кейс Николая Алексеева, основателя студии Fluid: клиентский сайт переехал с конструктора на собственный код, и переносил его AI-агент 🙌 Три языка, больше двадцати страниц, блог, бронирование, формы заявок. Агент снимал страницу за страницей и собирал заново один в один, а позиции в поиске остались на месте. Весь процесс Николай описал в гайде: по нему можно с нуля развернуть у себя такую же среду и работать с агентами на своих проектах. Внутри: • как настроить среду и подготовить скиллы • как правка, сказанная один раз, становится правилом и больше не повторяется • Claude Code или Codex: что выбрать под задачу • чем усилить агента, чтобы он не выдавал слоп 🙂 16 сентября в 18:00 мск Николай проведет эфир: соберет с агентами клиентский сайт по настоящему ТЗ, от дизайна до CMS. ➡ Забирайте бесплатный гайд и ссылку на эфир в боте
🌳 На рендерах: роскошный двор и пышный сад. В реальности: деревья не прижились, стилобаты не выдерживают нагрузки, возникают непредвиденные расходы на озеленение.
Все эти проблемы способна решить технология Air Pot. На вебинаре разберем реальный кейс - первый в России бутик-питомник растений в эйрпот. Темы встречи: • Инновационный подход к выращиванию крупномеров без выкопки • Возможность круглогодичной посадки без рисков для проекта • Идеальное решение для озеленения конструкций с ограничением по весу Дата: 17 сентября Время: 14:00 по Мск Участие бесплатное, нужно только зарегистрироваться по ссылке. Каждый месяц - новый вебинар. Чтобы не пропустить анонс, подпишитесь на канал Экоплант - девелоперам.
3D или AI: как выбрать и как с этим жить? ❤️
16 сентября в 19:00, открытый коворк и разговор ❤️ нейросети уже умеют слишком много, чтобы делать вид, что их нет. но и хоронить 3D пока рано. вместе разберёмся, где сегодня реально нужен классический 3D-пайплайн, какие задачи проще отдать AI и почему лучший вариант часто находится где-то между ними спикеры: ❤️ Илай — преподаватель курса «Основы Трехмерной Графики» в студии-школе «Щёлочь», 3D generalist. работал со «Спортмастером», HARAT’S Irish Pub, Яндексом и кондитерской фабрикой «Победа». Владислав — CG generalist, мультидисциплинарный дизайнер, художник, преподаватель курса «Основы Трехмерной Графики» и «Метакурса» в студии-школе «Щёлочь». работал с LIL KEED, Егором Кридом, Элджеем и Slava Marlow. что будем делать: ❤️ • смотреть, как спикеры используют 3D и нейросети в реальных задачах • разбирать инструменты, пайплайны и разные подходы к работе • обсуждать, что AI уже умеет хорошо, а где классический 3D всё ещё выигрывает • отвечать на ваши вопросы и разбирать рабочие ситуации и собственно коворкать вместе) как подготовиться: ❤️ можно заранее подготовить вопросы про 3D-сферу: про вход в профессию, пайплайн, инструменты, развитие, портфолио или конкретные рабочие задачи. Илай и Владислав ответят на них во время встречи. специальный уровень подготовки не нужен. по итогам станет понятнее, когда открывать Blender, когда нейросеть, а когда использовать оба инструмента сразу. ❤️ регистрация ❤️
Перенести клиентский сайт с конструктора с помощью AI 👀
Одна страница ещё ладно. Но здесь три языка, больше двадцати страниц, блог, бронирование и формы заявок. Всё это надо перенести, сохранить внешний вид и проверить, что после переезда заявки продолжают приходить. Коля Алексеев, основатель студии Fluid, описал такой кейс. AI-агент проходил сайт страницу за страницей и собирал его заново на собственном коде. Ему удалось сохранить и внешний вид, и позиции в поиске. На основе этой работы он написал бесплатный гайд по настройке среды для AI-агентов. Можно пройти по шагам и собрать у себя всё, что нужно для работы над своими проектами. 📌 Что внутри: • Как настроить среду и подготовить скиллы; • Как сохранять правки в правилах, чтобы каждый раз не объяснять одно и то же; • Claude Code или Codex: что выбрать под задачу; • Какие инструкции и инструменты дать агенту, чтобы меньше переделывать за ним. 🙂 А 16 сентября в 18:00 мск Коля проведёт эфир и соберёт с агентами клиентский сайт по настоящему ТЗ, от дизайна до CMS. Можно будет посмотреть, как он ставит задачи и доводит сайт до рабочего состояния. 🔠 Забрать бесплатный гайд
П!
1 арт-директор, 4 шрифтовых дизайнера, 2 менеджера по продажам, главный редактор и эсэмэмщица выбрали 3 лучшие буквы П в Буквальном Челлендже по версии Паратайпа! И вот их авторы (сами работы смотрите под постом): 1 место: Бюро Практика К вам поедет наша настолка «Поиграйте со шрифтами» 2 место — Май (очень понимаем про шавасану, сами бы в ней лежали) Для вас — фирменная футболка Паратайпа (в ней будет удобно в шавасане) 3 место — Кать, напиши Кате дарим каталог шрифтов студии на крутой бумаге Все подарки нежно соберёт и упакует Коля @Nikoljanych. Скоро он с вами свяжется! А вот ещё авторы, чьи работы мы считаем важным отметить: @sonya_risyet_tut @hidden_moscow @kruzhok71 @leri_lerimard @nowwhiskeydesign @Little_Yuppie_AI @design_layout_creative @ElizasDesign @alyonasssdesigner @patriotbelyaevo @vse_pustoe Вам — 🐶 (а если вам нужна скидка на шрифты… вы знаете, кому написать) Отдельное место в посте и в сердце эсэмэщицы заняла буква П от маша шашамама ша. Все буквы Маши — реальные собаки из приютов, которым нужна помощь и особенно нужна семья. Кажется, именно так и должен работать интернет. Если вам нужен хвостатый друг — загляните на страницу Маши!
Ребята, поддержите юного блогера, который только начинает свой путь в мире ИИ-креаторства ⬇️
В общем, взял один из своих аккаунтов и переименовал его в Утопию (utopy.ai). И полетела первая ласточка. Такие видосы буду регулярно выкладывать. ➡️ Поддержать рилс по ссылке ➡️ Поддержать рилс по ссылке Теперь буду публиковать там качественный ИИ-контент. Делаю его с командой кураторов. С меня сценарии и озвучка, с ребят — генерации и монтаж. Могу делиться с вами статистикой рилсов. Ставьте 🔥, если интересно. ⚡️И важно! Завтра закончится беспрецедентная акция. Все курсы, которые входят в пакет «AI-Designer Ultimate», всего за: — 65 000 ₽ для наших студентов (от 3542 руб./мес в рассрочку) — 79 000 ₽ для тех, кто еще не присоединился к школе (от 4125 руб./мес в рассрочку) Экономия до 79%, по отдельности эти программы стоят 311 600 руб. Список курсов: 🟣Веб-сайты 🟣Веб-приложение 🟣Графический дизайн (Плакаты + Инфографика + Креативная айдентика) 🟣AI-видео (рекламный ролик, музыкальный сниппет) 🟣AI 3D-графика 🟣AI-иллюстрации 🟣Анимации интерфейсов Если хочешь стать AI-мультистаночником — тогда тебе нужно идти к нам. Гоу-гоу-гоу. ➡️ Забронировать обучение со скидкой или проконсультироваться можно у моих коллег в @uprock_hello
Новый отделочный материал из лигнина, цветовой прогноз Dulux, девайс для мониторинга здоровья семьи и тамагочи на пальце: рассказываем, что интересного произошло в дизайне.
🔶 Благоустройство как система сценариев от студии Артемия Лебедева. В новой концепции благоустройства для квартала «Арт» в Екатеринбурге объединили детские и спортивные площадки, тихие зоны, озеленение и маршруты, а часть функций перенесли на эксплуатируемую кровлю. Для вывесок предусмотрели разные правила в городской среде и интерьерах: более свободные — снаружи, более строгие и согласованные с навигацией — внутри. 🔶 Dulux назвал цвет 2027 года. Им стал Soulful Sage — приглушённый зелёный оттенок, который бренд связывает с природой, спокойствием и стремлением к более «лёгким» пространствам на фоне информационной перегрузки. В палитре интерьеров такой цвет можно рассматривать не как акцентный тренд, а как базу для тактильных, неброских сочетаний с тёплым деревом, молочными оттенками, металлом и сложными земляными тонами. 🔶 Лигнин превратили в отделочный материал. Финская компания Elementic представила материал для облицовки MO6 — лёгкие толстые плитки почти чёрного цвета с грубой фактурой. Его производят из лигнина — побочного продукта лесной и деревообрабатывающей промышленности, который часто сжигают для получения энергии. MO6 пока предлагают для сухих интерьеров, в первую очередь гостиниц и ресторанов, но компания стремится к расширению его возможностей. 🔶 AI cleanup становится отдельной востребованной услугой. Компании всё чаще привлекают фрилансеров не для генерации, а для исправления нейросетевого контента: графики, видео и текстов. На Freelancer.com число вакансий с запросами на исправление ошибок ИИ с августа 2025 года по июнь 2026-го выросло на 87%. Чаще всего работа связана с графическим дизайном. Для специалистов важно фиксировать в смете, что «доработать генерацию» может означать полноценную пересборку композиции, типографики, анатомии объектов или бренд-системы и не равно быстрой правке. 🔶 Шуховская башня: профессиональное сообщество просит о научной реставрации. Архитекторы, инженеры, реставраторы и исследователи опубликовали обращение о сохранении подлинности Шуховской радиобашни на Шаболовке. Авторы выступают против масштабной замены исторического металла в проекте реконструкции и предлагают вернуть оригинальные металлические конструкции, заклёпочные соединения и технологические особенности в предмет охраны. Свою подпись можно оставить по ссылке. 🔶 Компания Fitbit разработала гаджет для мониторинга здоровья всей семьи. Основатели Fitbit, бренда носимой электроники для фитнеса и здоровья, представили Luffu Link — браслет без экрана, который объединяет данные нескольких членов семьи в приложении. Элегантное устройство отслеживает активность, сон, пульс, дыхание и геолокацию, а одна голосовая кнопка позволяет фиксировать симптомы, приём лекарств, настроение и другие повседневные заметки. Интересен сам сдвиг в продуктовой логике: гаджет проектируют не как индивидуальный трекер, а как часть общей семейной системы коммуникации и заботы. 🔶 Мануфактура «Ракета» и театр «Современник» выпустили совместную модель часов. Коллекция из 100 экземпляров посвящена 70-летию театра и 65-летию фабрики. Нестандартный циферблат рассказывает историю «Современника» в словах и цифрах. Тем самым подчеркивается сила слова - первостепенная установка театра. Слова «один», «девять», «пять» и «шесть» отмечают 1956 год основания театра, а выделенные цифры 7 и 0 — его юбилей. Семёрка также отсылает к традиционному времени начала спектакля. «Ракета» отвечает за предметную часть: фирменные треугольные стрелки и механизм с автоподзаводом. 🔶 Тамагочи стал кольцом. Японская компания Bandai выпустил Tamagotchi Ring — миниатюрный носимый гаджет к 30-летию культовой игры. Устройство почти вдвое меньше оригинального Tamagotchi 1996 года, оснащено цветным экраном и доступно в золотом, серебряном и перламутрово-розовом вариантах. [Фабрика Дизайна]
Фишки обучения, что сами по себе окупают его😎
Мы выстроили систему, где продумали каждый шаг ученика до результата: 1️⃣ Практика с проверкой Почти каждый урок — с заданием и обратной связью от менторов или лично от меня 2️⃣ Поддержка на каждом шаге Регулярные созвоны, разборы, фидбэк — вы будете не одни 3️⃣ Платформа с умной навигацией 300+ часов контента, но вы не тонете в материалах, а смотрите только необходимое, разный уровень подготовки – разные уроки 4️⃣ Передаём реальных клиентов 5-10 проектов за поток уходят лучшим ученикам – отдаем проекты за активность и релевантный опыт 5️⃣ 50% времени занимаемся клиентами и продажами Разбираем собеседования, портфолио, резюме, коммуникации, продажи, возражения, способы поиска клиентов и т.д. 6️⃣ Всё о дизайне и даже больше Юр.упаковка и налоги, делегирование, нейросети, вайбкодинг, работа с разработчиками, смежные программы (Ae, Ps, Ai), а если чего-то не найдете – оперативно дополняем 7️⃣ Лицензия Минобразования По итогу получаете официальный сертификат, налоговый вычет, а также имеете возможность оплаты мат.капиталом 8️⃣ Notion-библиотека Шаблоны, скрипты, таблицы — всё собрано в одном месте. И постоянно обновляется постоянно 9️⃣ Комьюнити и общие чаты Общий чат работает всегда – мы на связи с 1 потока, где помогаю не только я, а мои студенты или, правильнее сказать, «коллеги» Эта система заменит несколько месяцев поисков и разных курсов — это ваши инвестиции с понятной точкой возврата в виде результатов💡 Узнать подробнее об обучении и присоединиться к нам ↓ 🔗 ССЫЛКА НА АНКЕТУ ПРЕДЗАПИСИ (пока действуют специальные условия) 🔗 ССЫЛКА НА МОЙ САЙТ (все подробности про обучение) #обучение
Как перенести осетинский ковёр в веб: сайт для всесезонного курорта Мамисон от Кавказ.РФ
Студия дизайна и геймификации REB8T разработала сайт для курорта Мамисон в Северной Осетии — единое цифровое пространство со своим Pinterest, AI-гидом на базе Yandex GPT и интерактивными картами горнолыжных трасс Читать на дизайнерс | #кейс
Сегодня последний день скидки 35% на наши флагманские курсы по нейросетям.
Сегодня можно еще приобрести: Один курс — со скидкой 20% Два курса — со скидкой 35% https://salekavaschool.netlify.app">https://salekavaschool.netlify.app Немного об обучение: ▪️ Лаборатория нейросетей — здесь мы разбираем весь процесс создания контента с AI: тексты, посты, сценарии, идеи, нейрогенерации, нейрофото, генерация видео, визуалы для соцсетей. 📍Плюс учимся выстраивать систему, чтобы быстрее создавать контент для Instagram и других площадок. ▪️ AI-автоматизация — здесь вы учитесь делегировать ИИ часть своей работы. Создание и оформление контента, сторис, посты-карусели, монтаж видео, сайты и другие задачи можно передавать Claude Code и AI-агентам, чтобы они выполняли их по вашим правилам и с минимальным участием с вашей стороны. 📌Вместе это полноценный комплекс, после которого у вас не останется ощущения, что вы знаете отдельные сервисы, но не понимаете, как собрать всё в одну рабочую систему. 📍Также у нас есть 2 варианта удобной рассрочки: ▪️Беспроцентная, до 12 месяцев от банка для многих стран ▪️От нас на 2-3 платежа https://t.me/kavaira_helper_bot Старт обучения — 14 сентября https://salekavaschool.netlify.app">https://salekavaschool.netlify.app
На заводе Limkorm Petfood студия Akademia превратила конференц-зал в интерактивную цифровую среду, которая реагирует на голос, жесты и движения посетителей. CG-графика, real-time технологии, AI-помощник LIMA и цифровые маскоты объединены здесь в единый сценарий знакомства с производством.
У меня есть стойкое чувство, что роль дизайнера за последний год стала намного больше пересекаться с ролью аналитика / ресечера / продакта. Пересечения были и раньше, но сейчас из-за AI это все масштабировалось и ускорилось
Сейчас ребята из DevCrowd снова проводят своё ежегодное исследование дизайнеров (4-й раз!). Наверняка вы видели опрос в других каналах, поэтому считайте это напоминанием В этом году фокус как раз на том, что я подметил выше: - реальное проникновение AI в работу - смещение роли дизайнера относительно других ролей Пройти опрос можно тут: https://survey.devcrowd.ru/pd-2026 Займет 10–15 минут, сам прохожу каждый год — считаю это небольшим вкладом в дизайн-комьюнити Публичные результаты обещают в октябре — обязательно притащу оттуда в канал что-то интересное
Мы подготовили для вас бесплатный гайд как убрать из Claude Code шаблонный «AI-дизайн» 🔥
Taste Skill — бесплатный набор skills, который задаёт Claude правила работы с композицией, типографикой, цветом и иерархией. Вместо одинаковых карточек и градиентов — продуманный интерфейс под конкретную задачу. 🖇️ Внутри: какие skills бывают, как установить и готовые промпты под сайт и редизайн. Забирайте ❤️
Почему через год дизайнеры будут работать без Figma
Figma перестаёт быть центром работы. Ценность смещается туда, где ещё нет макета: разбор проблемы, исследования и работа с контекстом в Claude. Сборка экрана становится последним — и иногда необязательным — шагом. Читать на дизайнерс | #AI
Как сделать портфолио (ч.2)
Пост большой, сорри На этих и прошлых выхах плотненько посидел над контентом для своего сайта В этот раз обещал рассказать про смыслы, структуру и тексты, поехали 🚨 1 / Смыслы Сначала надо понять самому: а зачем вообще делать портфолио? У каждого свои цели — кто-то ищет работу, кто-то проекты на фрилансе, а кто-то просто тешит себя тем, что у него есть сайт Проще всего начать так: пойти в ai-чат и сказать «Брат, хочу сделать портфолио. Задай мне глубокие вопросы о целях и задачах, которые я перед ним ставлю». В ответ получите список из 10–20 вопросов о вас, вашем опыте, текущем состоянии и т.д. Старый промпт «задай мне вопросы» до сих пор работает отлично — так проще собрать контекст. Не ленитесь его давать! Сам я занялся этим ещё несколько недель назад и стал вести Life-OS — большой проект про мою жизнь и фокус, что-то вроде второго мозга. Просто делегировал часть «думания» ии-шке. Про результаты напишу через несколько месяцев, пока рано 2 / Структура Когда есть смыслы, можно идти в структуру Но сначала ответьте: насколько большим вы видите свой сайт? Частые варианты: многостраничник с кейсами и кучей инфы о себе, one-page или что-то среднее (классика — «обо мне» + пара кейсов). И не забывайте: структура есть как у сайта целиком, так и у каждой страницы Этот этап — создание «позвоночника», на котором всё будет держаться. Если на прошлом шаге вы дали достаточно контекста — всё само соберётся в единый вижн Я решил начать с one-pager-а, а кейсы написать потом. Структуру запланировал такой: Hero, My own products, Track record, Selected work, Contact. Дальше буду декомпозировать каждый кусочек отдельно 3 / Тексты Это база, на которой строится портфолио продуктового или UX/UI дизайнера. Вы описываете свою работу СЛОВАМИ. Умение писать лаконично — это круто: так вы не растянете кейсы. Я советую подходить к тексту с вопросом «а что я хочу этим сказать?» Пишите текст с ИИ, но переписывайте его Пока что ИИ-шные тексты в большинстве своём дерьмо. На английском ещё куда ни шло, а на русском всё печально. Чтобы получалось относительно нормально, приходится использовать всякие приблуды-хьюманайзеры В интернетах есть несколько готовых штук для русского (например, такая). Ещё можно скормить ии-шке свои тексты как реф (но мне не прям нравится, что выходит) С наскока написать нормальный текст получается редко. У меня уже выработался паттерн: • наговариваю текст через superwhisper / войс в тг / войс-мод в Claude • отдаю ии-шке, прошу написать нормально и отредачить • переписываю уже своими словами Часто ваще сношу текст после ИИ и пишу с нуля Итоговая последовательность: → Какая цель у моего портфолио → Из каких частей сайта сложится эта цель → Как я расскажу про каждую из частей Через недельку напишу про визуал и разработку