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

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

Покажите, как ваш дизайн влияет на бизнес — участвуйте в премии Dprofile Foresight Award

Красивый интерфейс, сильная айдентика или продуманная концепция — не всегда показатель эффективного дизайна. Его настоящая ценность проявляется, когда с решением сталкиваются реальные пользователи. Поэтому в Dprofile Foresight Award жюри будет уделять внимание на реализацию, масштаб и метрики — где важно показать не только качество исполнения, но и результат: как изменилось поведение пользователей, удалось ли решить исходную задачу и повлиял ли дизайн на ключевые бизнес-показатели. Метрики помогают доказать, что невозможно оценить по одному макету: работает ли решение в реальном мире и приносит ли пользу бизнесу. При подаче проекта, обязательно рассказывайте не только о том, что вы сделали, но и о том, к чему это привело. Это добавит дополнительные баллы к оценке и увеличит ваши шансы на победу. Смотреть регламент для участников Подать проект на Dprofile Foresight Award Докажите, что ваш дизайн может стать не только красивой упаковкой, но и решить реальные задачи потребителя и клиента! А если вы хотите получить бесплатную консультацию по подачам своих проектов в премию — пишите продюсеру проекта Давиду. Дедлайн подач — 9 октября.

Минутка UI:

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

Для полиграфии Мураками Ëситэру создал и обновляет скрипт CMYKto100GCRConverter, который оптимизирует состав CMYK на векторных объектах.

Скрипт по методу GCR через расчёты в цветовой модели LAB приводит цвет заливок и обводок к смеси 1–2 красок CMY + чёрный K. GCR (Gray Component Replacement) — способ цветоделения, заменяющий серую составляющую из красок CMY на чёрную K. Это сохраняет близкий к исходному цвет объекта, но делает сумму красок CMYK ниже 300% и улучшает баланс серого. Так проще получить предсказуемый стабильный цвет в тираже. Настройки в интерфейсе • Saturation boost — подтягивает насыщенность цвета на 10/20/30%. • Adjust CMY/K balance — сдвиг влево уменьшает чёрный канал и компенсирует его за счёт CMY, а сдвиг вправо максимально переносит серый оттенок из смеси CMY в канал K. • K boost — если на слайдере максимальный K+, то переводит тёмные/серые тона в чистый канал K. • Protect light colors — не даёт выжечь CMY для пастельных оттенков. Скачать скрипт #other_author #illustrator #color
😁 ВИАР-клуб СПбГУПТД приглашает студентов на вводную встречу
Вы познакомитесь с проектами клуба, поработаете в Unity и разберетесь, с чего начинается VR-разработка. 🗓 20 сентября в 15:00 📍 Вознесенский проспект, 44-46 | Лаборатория цифровых решений СПбГУПТД 🖇 Необходимо зарегистрироваться Также с 27 сентября стартуют сразу два курса: 👉 Курс «Введение в Unity для VR»: для тех, кто хочет с нуля разобраться в движке. Вы подробно изучите интерфейс Unity, основные функции и возможности, посмотрите, как ИИ может помогать с базовым программированием. Эти знания пригодятся не только для VR — курс станет хорошей базой для разработки игр в целом. А к концу курса в декабре вы соберете собственный VR-проект. 👉 Мини-курс «База по программированию»: вместе с Unity-разработчиком Аристархом Абрамовским за несколько встреч вы изучите базовые механики, которые пригодятся для создания любого VR-проекта. Курс для тех, кто уже был на занятиях клуба. 👻MAX | 📲ВК | 📝Дзен
Ребята, поддержите юного блогера, который только начинает свой путь в мире ИИ-креаторства ⬇️
В общем, взял один из своих аккаунтов и переименовал его в Утопию (utopy.ai). И полетела первая ласточка. Такие видосы буду регулярно выкладывать. ➡️ Поддержать рилс по ссылке ➡️ Поддержать рилс по ссылке Теперь буду публиковать там качественный ИИ-контент. Делаю его с командой кураторов. С меня сценарии и озвучка, с ребят — генерации и монтаж. Могу делиться с вами статистикой рилсов. Ставьте 🔥, если интересно. ⚡️И важно! Завтра закончится беспрецедентная акция. Все курсы, которые входят в пакет «AI-Designer Ultimate», всего за: — 65 000 ₽ для наших студентов (от 3542 руб./мес в рассрочку) — 79 000 ₽ для тех, кто еще не присоединился к школе (от 4125 руб./мес в рассрочку) Экономия до 79%, по отдельности эти программы стоят 311 600 руб. Список курсов: 🟣Веб-сайты 🟣Веб-приложение 🟣Графический дизайн (Плакаты + Инфографика + Креативная айдентика) 🟣AI-видео (рекламный ролик, музыкальный сниппет) 🟣AI 3D-графика 🟣AI-иллюстрации 🟣Анимации интерфейсов Если хочешь стать AI-мультистаночником — тогда тебе нужно идти к нам. Гоу-гоу-гоу. ➡️ Забронировать обучение со скидкой или проконсультироваться можно у моих коллег в @uprock_hello
Сегодня стартовал новый поток курса по Adobe Illustrator 🎉
▪️ А это пример работы нашей студентки Алёны Шилиной по уроку Fashion Illustration. Сначала создаем fashion-иллюстрацию в Illustrator, а если потом добавить немного ИИ и движения, из учебной работы получается уже полноценный эффектный ролик. Мне очень нравится именно эта связка: Illustrator дает контроль и профессиональную базу. ИИ помогает оживить работу и расширить возможности ее подачи. И раз новый поток стартовал, отвечу на один из частых вопросов новичков: Какая техника нужна для Adobe Illustrator? ✦ Mac или Windows? Подойдут оба варианта. Интерфейс немного отличается, но к этому быстро привыкаешь. Если в дальнейшем планируете работать еще и в конструкторских САПР, я бы смотрела в сторону Windows: многие профессиональные программы этой категории на Mac не работают. ✦ Ноутбук или стационарный компьютер? Можно работать и там, и там. Главное не формат устройства, а его характеристики. ✦ Нужен ли графический планшет? Нет. Для курса и полноценной работы в Illustrator достаточно обычной удобной мышки. ✦ Можно ли пройти курс на iPad? Нет. Illustrator для планшета существует, но интерфейс и набор функций отличаются от полноценной компьютерной версии. Для обучения нужен компьютер или ноутбук. ✦ Какой ноутбук выбирать? Для комфортной работы я рекомендую ориентироваться примерно на: 16 ГБ оперативной памяти SSD от 512 ГБ экран 15–16″ Для дизайнера хороший большой экран особенно важен: чем комфортнее вы видите детали, линии и несколько рабочих окон, тем удобнее работать. Мне нравятся Lenovo и Huawei, хорошо подходят и многие игровые ноутбуки, но привязываться к конкретной марке необязательно. Если покупаете компьютер в магазине, можно просто показать консультанту эти характеристики и сказать: «Мне нужен ноутбук для комфортной работы в Adobe Illustrator и Photoshop». 👉🏻И еще раз: вам не нужен суперкомпьютер, дорогой графический планшет или специальное оборудование, чтобы начать. Нужен нормальный компьютер, мышка и желание научиться. А дальше начинается самое интересное: от Illustrator до собственных fashion-иллюстраций, технических эскизов и проектов, которые сегодня можно еще и оживлять с помощью ИИ. Вы еще успеваете👇🏻 Узнать подробности и присоединится по ссылке
Apple представила iPhone Duo — первый складной смартфон компании. Разбираемся, как устроена новая модель, кто отвечал за её промышленный и интерфейсный дизайн и почему Apple вышла в категорию складных устройств почти через восемь лет после первого коммерческого foldable-смартфона.
Такой вопрос, по сути, тот же дизайн-бриф, только на себя самого. Без честного диалога с собой вы рискуете годами делать красивые макеты, но не чувствовать роста.
«Относитесь к своей карьере как к дизайн-проекту», — такой совет даёт Мария Сташенко, директор АНО «Центр дизайн-мышления», член жюри проекта «Фабрика дизайна 4.0». Делимся несколькими практическими точками опоры от Марии: Сверяйтесь с «болями» — своими и чужими Если ваша работа регулярно закрывает чью-то реальную проблему (клиента, пользователя, команды), а не просто «нравится арт-директору», вы на верном пути. Спросите себя: «Что стало легче/быстрее/понятнее благодаря моему решению за последние полгода?» Если ответ есть, вы растёте как профессионал, а не как исполнитель. Фиксируйте свои ограничения — так же, как у заказчика Честно запишите, что вас тормозит: нехватка навыков, слабый нетворкинг, страх публичных защит, отсутствие обратной связи. А потом превратите это в задачи. Например: «Я боюсь презентаций» → «В следующем месяце я добровольно выступлю на двух внутренних синхронах». Ограничения, которые вы осознали, — это карта, а не приговор. Измеряйте успех не только деньгами и званиями Для себя я использую три метрики: 1⃣ Частота состояний «потока» (когда забываю про время). 2⃣ Количество вопросов, которые я задаю за неделю (чем больше, тем лучше — значит, учусь). 3⃣ Спокойствие перед сложной задачей (если оно растёт — значит, вы нащупали свою методологию). Проверяйте видение через быстрые «прототипы» Не ждите годами, чтобы понять, нравится ли вам промышленный дизайн, интерфейсы или стратегия. Возьмите мини-проект (волонтёрский, учебный, внутренний) и проживите полный цикл за 2–3 недели. После этого ответьте себе на вопрос: «Я хочу повторять это каждый день?» Это честнее любого теста на профориентацию. Раз в квартал пишите себе «резюме встречи» Как фиксируете договорённости с клиентом, так же делайте для себя: 🔸 Что я понял за 3 месяца? 🔸 Какие мои «ограничения» сдвинулись? 🔸 Какие следующие 3 шага, даже если они страшные? Это превращает тревогу «Туда ли я иду?» в рабочий документ, а с документом работать легче, чем с эмоциями. И главное: правильное направление — это не прямая линия. Это траектория, где вы регулярно сверяете компас (свои ценности) с картой (реальными задачами) и не боитесь корректировать курс. Если после каждого крупного этапа вы можете сказать: «Я стал чуть свободнее, чуть осознаннее и чуть полезнее», — значит, всё идёт так, как надо. Удачи в этом бесконечном, но самом интересном проекте — вашей собственной карьере! [Фабрика Дизайна]
Как работать с референсами при создании визуальной концепции
Эра полезных эфиров Явно возвращается!!! Референсов обычно много. Сохраняем красивые сайты, интерфейсы, картинки — а потом открываем пустой макет и не очень понимаем, что со всем этим делать. 17 сентября зовём на практический эфир Олега Бухтияра, основателя scrn.gallery, чтобы разобраться, как смотреть на референсы не просто как на «красиво», а видеть конкретные визуальные приёмы и превращать их в собственные решения. На эфире будем много смотреть и разбирать: Олег покажет разные примеры из scrn.gallery, а мы вместе попробуем определить, за счёт чего они работают — композиции, типографики, цвета, ритма и других приёмов. А потом попробуем перейти от насмотренности к практике: возьмём заданный референс известного дизайнера и попробуем на его основе собрать свой интерфейс. Не скопировать картинку, а понять принцип → разобрать → применить по-своему. Кажется, хороший способ немного прокачать ту самую насмотренность, о которой все говорят, но редко объясняют, как именно ей пользоваться. 17 сентября, 19:00 Практический эфир с Олегом Бухтияром Добавляйте событие в календарь #анонс #гость #продукт 🍑 Явно.Дизайн
Ну что, мы готовы рисовать презентации голосом, надиктовывать промпт для создания игры, параллельно заказавая еду? То есть, полностью подключать Chat GPT к своей жизни?
Кстати, крутая историческая отсылка к первым интерактивно-управляемым интерфейсам в начале ролика, когда мужчина просит нарисовать желтыц круг и появляется надпись 1979. Это был эксперимент, когда человек одновременно говорил и показывал рукой компьютеру, куда поместить объект. То есть, компьютер объединял голос + жест + изображение на экране + контекст. Главное революционное отличие 2026: человек просто говорит, что хочет получить, а Astra GPT сама ходит по программам вашего компьютера, выполняет задачу и отдает результат. Будущее уже точно тут, с нами, в одной комнате.
Мы подготовили для вас бесплатный гайд как убрать из Claude Code шаблонный «AI-дизайн» 🔥
Taste Skill — бесплатный набор skills, который задаёт Claude правила работы с композицией, типографикой, цветом и иерархией. Вместо одинаковых карточек и градиентов — продуманный интерфейс под конкретную задачу. 🖇️ Внутри: какие skills бывают, как установить и готовые промпты под сайт и редизайн. Забирайте ❤️
🧩 Когда приложение уходит, а сценарий остаётся
Михаил Харитончик из Сбера разбирает, почему мы сами стали API-шлюзом между картами, такси, трекером и календарём. Каждое приложение оптимизирует свою функцию, а реальное намерение пользователя живёт между ними: доехать домой, успеть на тренировку и не выжечь остаток внимания на выбор тарифа. Дальше появляется агент со skills и памятью, но текстовый ответ снова превращает человека в парсера. Нужен GenUI: интерфейс, который собирается под текущее намерение из готовых компонентов, с явным подтверждением опасных действий и без генерации HTML с нуля. Внутри: – Почему набор приложений заставляет пользователя склеивать сценарий вручную; – Чем агент отличается от супераппа и где нужна персонализация по целям; – Как выглядит GenUI как визуальный ответ на намерение; – Зачем модели декларативный протокол вместо генерации интерфейсного кода; – Что останется дизайнеру и продукту, когда экран собирается на лету. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
До конца 2026 года дизайнеров интерфейсов станет намного меньше
Клиенты почти перестали приходить «за экранами». Бизнес платит за понимание, почему пользователи уходят и где ломается сценарий. Интерфейс становится способом реализовать решение — но уже не главным результатом проекта. Читать на дизайнерс | #UX
Дизайн сайта для киностудии Studio Canal
Нравится, как Олеся связала дизайн с тематикой фильмов. Вместо привычной корпоративной подачи она использовала крупные кадры, много воздуха и вытянутую типографику. И благодаря таким деталям этот дизайн воспринимается как продолжение визуального языка студии, а не как сухая визитка компании. Отзыв Олеси (@auselox): Меня зовут Олеся, и я хочу рассказать про мой проект Studio Canal, который я реализовала в рамках обучения в школе Uprock. Я проходила курс около года назад, уже имея опыт в дизайне, но мои знания были не слишком структурированными и разрозненными за счёт специфики моей работы, где я занималась разными направлениями дизайна, и курс как раз дал мне возможность углубиться в проектирование интерфейсов и выстроить эффективный процесс работы над проектом. За время обучения я успела сделать несколько проектов один из которых -- это корпоративный сайт киностудии Studio Canal. В основу визуальной концепции я хотела поместить сами фильмы и выстроить дизайн таким образом, чтобы он отходил на второй план, позволяя кинокартинам самим становиться главным героем коммуникации за счёт минималистичного подхода, ограниченной цветовой палитры и свободного пространства. На протяжении всего проекта меня сопровождали кураторы школы Алиса и Маргарита, которые помогали мне и с большим вниманием относились к каждому этапу моей работы. 📱 Смотреть кейс на Behancе Проект выполнен в рамках обучения на курсе "Веб-сайты" в школе Uprock #айдентика #нейросети #3d
🔎 Что дизайнеру делать в UX-исследованиях
Илона Саркисова разбирает, какие исследования дизайнер может проводить сам, а где лучше подключать исследователя. Дизайнеру полезно участвовать в Discovery, формулировать гипотезы, составлять сценарии, смотреть тесты и разбирать результаты. Так он видит проблемы пользователей своими глазами, а не узнаёт о них только из отчёта. Исследователь отвечает за качество метода: помогает сформулировать цель, подобрать респондентов, провести интервью и проверить выводы. Особенно важно не подсказывать участникам, не задавать вопросы о предполагаемом будущем поведении и не превращать отдельную реплику в готовое решение для интерфейса. Внутри: – Какие задачи дизайнер может взять на себя в опросах и тестах прототипов; – Где нужны опыт и методическая экспертиза исследователя; – Почему дизайнеру важно присутствовать на сессиях; – Как не искажать результаты подсказками и наводящими вопросами; – Как разделить роли дизайнера, исследователя и продакт-менеджера. ➡️ Смотреть видео ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🏗️ Как проектировать интерфейс для стройки
Лена Мезина из «Синтеки» рассказывает о сервисе «Фейскит», которым пользуются рабочие, прорабы и кладовщики. Люди открывают приложение, чтобы быстро получить инструмент или начать смену. Телефон может быть в перчатках, под дождём или с испачканными руками, поэтому каждый лишний шаг и маленькая кнопка мешают работе. Команда увеличила кнопки, вынесла частые действия на главную и разделила меню по уровням. После редизайна пользователи сначала просили вернуть старый интерфейс, но через три недели начали пользоваться новой навигацией. В другом сценарии добавили дополнительное подтверждение фотографии перед началом смены: шаг стал длиннее, зато ошибок распознавания стало меньше. Внутри: – Почему привычные правила минималистичного интерфейса плохо работают в полевых условиях; – Как размер кнопок, структура главной и меню влияют на скорость работы; – Почему первые негативные отзывы после редизайна не всегда говорят о провале; – Когда дополнительный шаг помогает снизить количество ошибок; – Как статистика по 36 тысячам операций помогает команде спорить о будущем сценария. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🧭 AI в дизайне 2026: от «сгенерируй» к «что я упускаю»
Разговор сместился с иллюстраций к процессу целиком. Nielsen Norman Group пишет: объект дизайна теперь правила и границы системы, а сценарий внутри них часто собирает ИИ. Дизайнер остаётся автором суждения: что можно, что нельзя и что считается хорошим результатом. Параллельно растут временные экраны, агентные интерфейсы с предпросмотром действий и сценарии без явного ввода. Отчёт Figma показывает, что ИИ сильнее всего меняет совместную работу дизайна и разработки, а не скорость одного человека. Инструменты становятся агентными: держат контекст и принимают точечные правки. Дизайнеры всё чаще собирают свои скиллы под повторяющиеся задачи, а не только пользуются чужими сервисами. Внутри: – Чем «ИИ как процесс» отличается от «ИИ как эстетика»; – Как меняются роли, когда дизайн и код живут на одном канвасе; – Почему полезнее диалог «что я упускаю», чем генерация с нуля; – Как дизайнерские скиллы закрывают цикл от исследования до аудита; – Где ИИ ускоряет состояния и текст, а где суждение остаётся за человеком; – Почему точечная правка в контексте важнее более мощной генерации. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Чем занимаетесь на выходных? Я обычно по воскресениям плотно работаю. Сейчас с Лешей (мой тимлид) закончили 2х часовой звонок по планированию новых функций в Утопии. Могу поделиться внутрянкой, что выйдет в течении 1-2х недель:
• Раздел "Создание музыки и звуков" (дальше добавим создание голосов и озвучка) • Стили для фотогенераций (несколько тысяч стилей на любой вкус, аля Миджорней) • Фоторедактор (большое обновление и исправление мелких багов) • Академия (новый дизайн + 2 новых курса по фото и видео) • Холст (как у рекрафта, свободное пространство, где можете генерировать все что угодно) • Загрузка всех типов файлов в Клод и ЧатГПТ (для анализа и создания новых файлов) • Видеоредактор-первая версия (Максим + Алексей) • Добавить новые ИИ (все до чего не доходили руки из-за обновлений утопии, сейчас будем добавлять ) • Мелочовки (перманентно что-то улучшаем в интерфейсе) В видео пробежался по основным новым фичам. Для вас это прекрасная возможность посмотреть, как создаются реальные проекты, которыми уже пользуются тысячи людей и крупные бренды, например, зеленый банк и синяя соц сеть. Вы же не сомневаетесь, что я в итоге захвачу мир?😉
Почти «Ковер-самолет»: CoolFly показала персональный eVTOL, управляемый смещением тела
Китайская компания CoolFly представила Urban — одноместный электрический eVTOL, на котором пилот летит стоя и управляет движением, перенося вес тела. Самое интересное здесь, по мнению нашей редакции, даже не то что «китайцы сделали летающий гироскутер», а новый тип человеко-машинного интерфейса и новый форм-фактор: аппарат спроектирован как продолжение тела, а не как уменьшенная версия самолёта с привычными органами управления. Это делает китайский «ковер-самолет» Urban интересным именно с точки зрения промышленного и интерактивного дизайна, а не только авиационных технологий. Подробнее на designnews.ru