🎮 Референсы не работают, если вы просто складируете красивые картинки

Полная Figma скриншотов еще не делает дизайн лучше. Можно часами собирать чужие экраны, но так и не понять, что именно оттуда брать в свой проект. Самая частая ошибка тут простая: смотреть на референсы как на вдохновение вообще, а не как на инструмент под конкретную задачу. Катя из Digital Oxygen предлагает понятную рамку: делить референсы на функциональные и стилистические. Первые нужны, чтобы разобрать логику, структуру, прогрессию интерфейса и привычные паттерны жанра. Вторые помогают собрать настроение, визуальный язык и направление стиля. Плюс она показывает, как на этом этапе можно быстро подключать нейросети, чтобы снять страх белого листа и накидать первые концепты. Внутри: – Почему сохраненные картинки сами по себе почти не помогают в работе; – Как делить референсы на функциональные и стилистические; – Зачем в игровых проектах сначала разбирать логику, а не визуал; – Почему важно смотреть не только на первый экран, но и на прогрессию интерфейса; – Как удобно сортировать референсы по экранам и сценариям прямо в Figma; – Почему стилистический поиск лучше расширять за пределы прямых аналогов; – Как называть найденные визуальные направления, чтобы команда говорила на одном языке; – Где нейросети реально полезны, когда нужно быстро нащупать общее настроение проекта. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

#дляобщегоразвития

Есть ощущение, что последние годы интерфейсы всё время пытались стать незаметнее. Сначала кнопки уехали в жесты, потом часть сценариев ушла в голос, потом ИИ начал забирать на себя поиск, тексты, картинки и прочую работу. А теперь следующий уровень: продукты хотят понимать не только что человек делает, но и в каком он состоянии. На днях TechCrunch написал про стартап Neurable. Они делают неинвазивный нейроинтерфейс, то есть без чипов в голове и всей этой киберпанк-жести. Технология работает через ЭЭГ-сенсоры, обработку сигналов и ИИ. По сути, устройство считывает активность мозга и может давать данные о когнитивном состоянии человека. И вот теперь Neurable хочет лицензировать эту технологию производителям обычных потребительских устройств: наушников, очков, кепок, повязок и других носимых штук. У них уже была коллаба с HyperX от HP, где делали гарнитуру для геймеров, чтобы отслеживать фокус и производительность. Ещё они работали с iMotions, которая занимается исследованиями поведения людей. Следующий интерфейс может начаться не с клика, а с усталости в голове Вот это уже очень интересный сдвиг. Потому что раньше продукт реагировал на действие. Нажал кнопку, написал запрос, открыл экран, выбрал пункт меню. Всё понятно. А тут продукт потенциально начинает реагировать на состояние: устал, сфокусирован, перегружен, потерял внимание, выпал из задачи. С одной стороны, звучит очень полезно. Представьте наушники, которые понимают, что вы уже час сидите в глубоком фокусе и дальше начнёте тупить. Или рабочий софт, который видит перегруз и не пихает вам ещё 15 уведомлений. Или игра, которая адаптирует сложность не только по действиям, но и по состоянию игрока. С другой стороны, тут сразу хочется поставить ноут на паузу и немного подумать. Данные о пульсе уже стали нормой. Шаги, сон, калории, стресс - всё это мы как-то приняли. Но данные о мозговой активности ощущаются гораздо интимнее. Это уже не просто тело. Это ближе к тому, как человек думает, устаёт, концентрируется и реагирует на мир. Neurable говорит, что данные защищаются, анонимизируются, шифруются, а для обучения ИИ используются только с согласием пользователя. Это важно. Но сам факт всё равно показательный: рынок уже смотрит на мозг как на следующий слой интерфейса. И тут для дизайнеров и продуктовых команд будет очень непростая зона. Если продукт знает, что человек устал, он должен помогать или монетизировать эту усталость? Если сервис понимает, что внимание просело, он должен дать паузу или подсунуть стимул посильнее? Если игра видит фокус, она должна сделать опыт лучше или удерживать дольше? В обычных интерфейсах мы хотя бы видим кнопку, попап или пуш. С нейроинтерфейсами часть логики может стать совсем невидимой. Устройство что-то считало, ИИ что-то решил, продукт чуть поменял поведение, а пользователь даже не понял почему. Поэтому история с Neurable не только про крутые наушники будущего. Это про новый тип ответственности. Когда интерфейс начинает работать не с экраном, а с состоянием человека, ошибаться становится намного опаснее. ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

OpenAI выпустила ChatGPT Image 2.0 — и это первый генератор изображений, который начинает заходить на территорию дизайнеров, а не просто делать картинки с помощью искусственного интеллекта. Главный прорыв модели — работа с текстом внутри изображений. Раньше нейросети стабильно ломались на типографике: постерах, баннерах, интерфейсах и презентациях. Теперь ChatGPT умеет генерировать макеты с читаемыми заголовками, кнопками и визуально логичной композицией. Для креативной индустрии это важнее, чем кажется. OpenAI фактически движется в сторону «дизайнера внутри чата»: модель уже умеет собирать рекламные макеты, визуалы для социальных сетей и выдерживать единый стиль в серии изображений. То, на что раньше уходили часы работы младших дизайнеров, теперь создаётся за минуты — и особенно сильно это ударит по рынку простого коммерческого дизайна. Парадоксально, но вместе с этим растёт ценность не технического исполнения, а вкуса и художественного руководства. Потому что проблема больше не в том, как сделать визуал, а в том, как сделать его отличимым от тысяч других изображений, созданных искусственным интеллектом. Именно поэтому дизайнеры всё чаще уходят в странность, хаос и визуальный риск — «слишком идеально» начинает выглядеть как работа нейросети. 📎 Креативити

Изучала Софья Сорокина в своей работе для курса «Анимационный дизайн: от простого к сложному». Узнали, как прошел курс для Софьи: Спасибо большое Костя и Даша за отличный курс! Очень много действительно полезной информации. У меня был просто жуткий страх After Effects, но благодаря обратной связи и доступным объяснениям, я чувствую себя гораздо увереннее и буду развиваться дальше. Спасибо большое за внимание и поддержку! → Чтобы не оставаться с новыми программами один на один, приходите на курс «Анимационный дизайн: от простого к сложному» с 11 мая. За 2,5 месяца овладеете всем функционалом и научитесь создавать анимацию для рекламы, интерфейсов и видео. Всему научим на курсе — опыт в профессии не требуется!

Игра Marathon особенная в плане эстетики и дизайна. Заметно и влияние трендов нейронауки, глитча, но главное заметно влияние стиля британской студии Designers Republic в знаках, типографике и кислотной яркости неоновых цветов. Посмотрите как выглядят ролики шести основных фракций в игре. Сочетание плоскостных, цифровых сложно читаемых систем псевдо-языков и чистых, пластиковых трехмерных объектов. Поиграл пару вечеров с определенными трудностями, но ощущения визуальные необычные. Да, дизайн интерфейсов еще требует тюнинга для более понятного и интуитивного выбора действий. Интересно, что в официальной русификации интерфейса нет одного антиквенного шрифта и общая типографика смотрится более целостно по стилю. Но это субъективно. Дизайн в игре крутой. Вступительный ролик — просто шедевр.

Пару лет назад все спорили, заменит ли AI дизайнеров. Сейчас вопрос другой: что вообще остается ценным, когда визуал, тексты, иллюстрации и прототипы делаются в разы быстрее. Судя по комментариям дизайн-лидов из Ozon, ВТБ, Яндекса, МТС, VK и других, ответ один: мышление, системность и умение связывать дизайн с продуктом, метриками и восприятием. Самый интересный сдвиг в том, что дизайн перестает быть ремеслом и становится управлением продуктом через интерфейс. AI ускоряет производство, но не решает за команду, что именно нужно делать, зачем, как это встроить в сценарий и чем продукт будет отличаться от остальных. Поэтому в 2026 выигрывают не те, кто быстрее всех генерирует экраны, а те, кто умеет строить логику, характер продукта и ощущение от взаимодействия. Внутри: – Как AI стал частью операционной среды, а не просто модной фичей; – Почему скорость производства больше не дает преимущества сама по себе; – Как меняется роль дизайнера, когда фокус уходит от ремесла к решениям; – Почему рынок устал от хайпа и начинает смотреть на AI через экономику и эффект; – Зачем продуктам в 2026 нужна управляемая уникальность, а не копия лидеров; – Как эмоциональный дизайн влияет на доверие, позиционирование и восприятие; – Почему Zero UI становится следующим уровнем конкуренции через поведение, а не через кнопки; – Как живая типографика и адаптивный сторителлинг помогают управлять вниманием и вовлеченностью. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Дизайнер Zsolt Kacso экспериментирует с эффектами интерфейса разрабатывая интерактивную версию прототипа с помощью html-in-canvas и Three.js.

www.figma.com/blog/our-approach-to-designing-ui3/

мой опыт и опыт других дизайнеров/разработчиков 📎 Генерировать UI-концепты и макеты по промпту загружая их напрямую в браузер или в саму Figma 📎 Справляется с созданием адаптивов Хорошо продумывает адаптив, даже если задать ограничения и сценарии 📎 Генерировать дизайн-системы Может собрать дизайн-систему и описать правила (однако полноценные системы требует доработки) 📎 Верстать интерфейсы Подходит для лендингов, MVP и даже сложных интерфейсов, но почти всегда требует ручной доработки и ревью, хорошо обучается на загруженных библиотеках и твоих спецификациях 📎 Делать интерактивные прототипы Может собирать прототипы в браузере/Figma 📎 Помогать с деплоем Может объяснить и сгенерировать шаги для хостинга, домена и настройки проекта 📎 Интеграция с бэкендом и админками Может предложить архитектуру, API-структуру, варианты CMS (пока не тестила работу на бэке, на ютубе видеоа много уроков) 📎 Проводить исследования Это не замена полноценным UX-исследованиям с пользователями, однако с данными на основе реальных пользователей тоже отлично справится → просто чтобы вы понимали на какой функционал можете рассчитывать, а я пока готовлю большую инструкцию установке Claude правильно со всеми необходимыми библиотеками и приложениями😇 #полезное #клод

Netflix потихоньку катит редизайн мобильного приложения, который анонсировали на конец апреля. Главное изменение: вертикальная лента коротких видео, через которую можно будет искать шоу, фильмы и видеоподкасты. Компания объясняет это просто: люди всё чаще смотрят контент с телефона, а видеоподкасты на мобилке живут особенно хорошо. И вот тут у меня немного пригорает. Вертикальная лента стала каким-то интерфейсным обезболом от любой продуктовой боли. Сложно выбрать фильм? Сделаем ленту. Надо показать подкасты? Сделаем ленту. Нужно удержать внимание? Снова лента. В какой-то момент продукты просто перестали спрашивать себя, какой сценарий они проектируют, и начали доставать из ящика один и тот же паттерн. Вертикальная лента уже не интерфейс. Это привычка пользователя, которую продукты научились доить С Netflix ситуация особенно интересная. У них реально огромный каталог, и выбрать фильм на вечер иногда сложнее, чем сам фильм посмотреть. Трейлеры и короткие отрывки могут помочь быстрее понять настроение, жанр, актёров, темп. В этом смысле лента выглядит логично. Не надо открывать 10 карточек подряд, читать описания и смотреть превью. Листнул, зацепился, добавил. Но есть второй слой. Netflix много лет был сервисом, где ты всё-таки выбираешь, что смотреть. Да, рекомендации, да, алгоритмы, да, автоплей. Но базово это был каталог. А вертикальная лента меняет сам жест. Ты уже не выбираешь фильм, ты проваливаешься в поток. Решение принимается не через интерес, а через зацеп за пару секунд. Примерно как в Тиктоке, рилсах и шортсах. Получается, стриминг потихоньку перестаёт конкурировать только с другими стримингами. Он начинает конкурировать с любой бесконечной лентой в телефоне. И тут вопрос не в том, хорошо это или плохо. Вопрос в том, что продуктовая логика становится другой. Netflix уже не просто помогает найти фильм, а пытается встроиться в привычку скроллить. Для дизайнеров это хороший кейс про паттерны. Рабочий паттерн не всегда значит правильный паттерн. Лента правда может помочь с выбором, если она показывает настроение фильма лучше карточки. Но она же может превратить поиск фильма в ещё один маленький слот залипания между перепиской, доставкой еды и соцсетями. И вот это меня больше всего смущает. Мы привыкли думать, что редизайн должен помогать пользователю быстрее решить задачу. А тут задача мутная. То ли помочь человеку найти фильм. То ли сделать так, чтобы он ещё чуть-чуть остался в приложении. И внешне это может выглядеть одним и тем же интерфейсом. Что думаете? ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Часто продукт уже собран нормально: сетка на месте, компоненты аккуратные, логика понятная. Но ощущение все равно какое-то «почти». И вот это «почти» обычно живет в деталях: как переносится текст, как ведут себя цифры, насколько мягко входят и выходят элементы, где иконка стоит математически ровно, но визуально все равно криво. Якуб Крехел собрал очень прикладной список таких мелочей. Не про глобальный редизайн, а про маленькие интерфейсные решения, которые по отдельности кажутся незначительными, а вместе сильно поднимают общее ощущение от продукта. Особенно понравилось, что почти все советы можно быстро проверить прямо в своем интерфейсе без долгой подготовки. Внутри: – Как text-wrap: balance помогает убрать сиротские слова и сделать текст аккуратнее; – Почему вложенные элементы выглядят лучше с концентрическим скруглением; – Как анимировать иконки контекстно, чтобы интерфейс ощущался живее; – Зачем делать текст чуть более crisp на macOS через сглаживание; – Почему для обновляющихся чисел лучше использовать табличные цифры; – Чем interruptible-анимации лучше фиксированных keyframes в интерактивных сценариях; – Почему enter-анимации лучше разбивать на части и слегка стеггерить; – Как сделать exit-анимации мягче и менее навязчивыми; – Почему иногда выравнивать нужно не геометрически, а оптически; – Когда тень работает лучше границы; – Зачем добавлять изображениям тонкий внутренний outline. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

📱 «Т-Банк» и бесконтактная оплата на iPhone Т-Банк запустил T-Pay для офлайн-оплаты на iPhone (iOS 16+). теперь смартфон можно использовать как платёжный инструмент без физической карты — через BLE-соединение с терминалом. решение встроено в локальную банковскую инфраструктуру и работает в связке с экосистемой платежей, включая партнёрские технологии других банков. ключевой эффект — не новая технология, а объединение уже существующих: iOS-интерфейс, бесконтактная оплата и офлайн-режим с цифровым сертификатом, который обновляется при подозрительной активности. 🚗 Citroën и комфорт для питомцев в дороге Citroën адаптировал автомобильный комфорт под животных, встроив в поездки снижение тревожности питомцев. совместно с BETC Paris бренд разработал Calm Diffuser — устройство, которое выделяет синтетические феромоны, имитирующие сигналы спокойствия, знакомые животным с детства. это продолжение общей логики бренда: от подвески и антиукачивания до заботы о пассажирах-питомцах. автомобиль становится пространством, учитывающим не только людей, но и животных как часть семьи. 🚂 виртуальный «Экспресс Святого Винсента» в австралийском центре ухода за пожилыми людьми создан иммерсивный VR-проект «Экспресс Святого Винсента». участники садятся в стилизованное купе и «путешествуют» по 10 странам через VR-окна с панорамными экранами. поезд сопровождается голосовым ИИ-гидом, а впечатление дополняется билетами, паспортами и дегустацией блюд. для пациентов с деменцией и пожилых людей это становится не просто развлечением, а формой социальной терапии: совместное переживание опыта снижает тревожность и возвращает ощущение участия в жизни. ✨ вывод для бизнеса во всех трёх кейсах технологии уходят от роли отдельных продуктов и становятся частью повседневных контекстов — оплаты, поездки или заботы о здоровье. ценность создаётся не самой инновацией, а тем, насколько незаметно она встраивается в уже существующий опыт человека и расширяет его без необходимости менять привычки. trends.aic.ru

Более 262 элементов пользовательского интерфейса Install

1. Переработал весь интерфейс и кодовую базу. Переименование и поиск с заменой разделил на две вкладки. 2. В поиск опционально добавил: регулярные выражения (RegEx), точный поиск по регистру строки (Match Case) и отдельных слов (Whole Word). Например, с RegEx шаблоном \scopy.* можно стирать копии из имён слоёв. Логика запуска осталась прежней: • выбраны объекты — переименование объектов или родительских слоёв, • ничего не выбрано — переименование слоёв и артбордов Подробнее о скрипте #illustrator #item

Постепенно выкатывается обновление дизайна иконок приложений Google. Все градиентней, переходы цвета плавнее, острые и прямые углы — скруглили. Такие перемены часто влияют на общие тенденции в дизайне интерфейсов.

Плагин для создания абстрактной графики с простым интерфейсов 🐠 Попробовать плагин 🐠 #plugin

Anthropic выкатили Claude Design. Это инструмент, где можно текстом описать идею, а Claude соберёт визуал: прототип, презентацию, лендинг, one-pager или первый макет интерфейса. На первый взгляд звучит как очередное «ИИ теперь заменит дизайнеров», но мне кажется, тут интереснее другое. Они делают его явно не только для дизайнеров. Он целится в продактов, фаундеров, маркетологов и всех людей в команде, у кого есть идея, но нет навыка быстро превратить её во что-то визуальное. То есть первый черновик интерфейса теперь сможет собрать почти любой человек. И это меняет не саму профессию дизайнера, а точку входа в дизайн. Первый красивый вариант почти никогда не равен хорошему продуктовому решению Раньше дизайнер часто был первым человеком, который переводил мутную мысль в экран. Приходил продакт с «давай сделаем вот такую штуку», а дальше дизайнер распутывал сценарий, структуру, состояния, ограничения, тексты, логику и визуал. Теперь часть этой работы можно будет быстро накидать через ИИ. Но проблема в том, что такой макет может выглядеть нормально и при этом вообще не учитывать реальные сценарии, ошибки, ограничения разработки, поведение пользователей и метрики. Поэтому я бы не драматизировал. ИИ отлично ускоряет момент «давайте хоть что-то посмотрим глазами». Это правда полезно, потому что меньше времени будет уходить на пустой лист, первые наброски и попытки объяснить идею словами. Но ценность дизайнера всё больше будет смещаться из «я умею красиво собрать экран» в «я понимаю, какой экран вообще нужен, зачем он нужен, где он сломается и как доказать, что это решение работает». Плохая новость для тех, кто держался только на визуале. Хорошая новость для тех, кто умеет думать продуктом, задавать неудобные вопросы, работать с ограничениями и доводить идею до живого результата. Мне кажется, дальше таких инструментов будет всё больше, и рынок очень быстро начнёт отделять дизайнеров, которые просто делают макеты, от дизайнеров, которые реально влияют на продукт. Что думаете? Уже юзали дизайн клода?)) Как вам? Похороны отменяются, пока что Это мой первый экспериментальный пост, буду иногда писать мысли про какие-то дизайн инструменты или новости) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

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

Оля из Альфа-Банка очень правильно ставит акцент: вёрстка для дизайнера это не про «стать фронтендером», а про умение передавать свою идею в разработку без потерь. Пока дизайнер думает только картинкой, а не платформой, паттернами навигации, типами элементов и ограничениями технологии, на выходе почти всегда появляется один и тот же вопрос: «Что это вообще такое?» Самое ценное в статье не спор про ответственность, а список конкретных уровней, на которых всё ломается. Разметка экрана, Push и Present навигация, типы элементов, особенности серверной и комбинированной вёрстки. Если это не учитывать в макете, разработчик начинает додумывать за дизайнера, а дизайн-ревью превращается в попытку спасти то, что уже поехало. Внутри: – Почему вёрстка это не только код, но и качество ready-to-dev макета; – Как дизайнер теряет контроль над интерфейсом, если не думает про платформу; – Чем опасно путать паттерны навигации вроде Push и Present; – Почему типы элементов тоже влияют на итоговую вёрстку; – Как технология реализации экрана меняет ограничения для дизайна; – Что даёт команде более внимательное отношение к вёрстке уже на этапе макета; – Какие простые шаги помогают дизайнеру быстрее подтянуть матчасть; – Почему нормальная коммуникация между дизайном и разработкой экономит кучу времени и нервов. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы