Большая UX-практика, где не учат рисовать кнопки и пользоваться банальным CJM

Вас ждет большая и актуальная программа, более углубленное изучение UX, которое заточенно под новую AI-реальность, с которой столкнулись дизайнеры. 15+ часов лекций и практики. Будем разбирать UX через системное, субъектное, объектное, ресурсное и вариативное мышление, работать с гипотезами, переизобретать решения и отдельно рассматривать сценарии, в которых AI становится участником взаимодействия. Копать будем глубоко: это не про красивые кнопки и банальный CJM, научимся делать отказоустойчивую архитектуру, работать с крайними сценариями, конкурентной средой, экономикой внимания и новыми парадигмы интерфейсов — от AI до Zero UX. Все это — на реальных примерах. Все это без нудных лекций, только прямые эфиры, с практикой и ответами на вопросы. Два типа участия: с обратной связью и зритель. Автор проекта и ведущий — Александр Ковальский, Design director CreativePeople (Moscow), Head of UX at Humbleteam (Prague). Больше десяти лет руководит дизайн-командами разного профиля и выстраивает дизайн-процессы в агентствах и больших компаниях. 👉 Подробная программа и билеты по самой низкой цене: https://workshop.dsgners.ru

Автор рассказывает, как за год перерисовал больше 600 иконок для Cursor. У каждой по две версии размера и стиля, а многие варианты проходили десятки итераций. Даже толщина линии 1,25 пикселя появилась не из расчёта, а после долгого сравнения с текстом и интерфейсом. В работе помогли правила, которые удерживают набор цельным: оптические формы, одинаковые элементы, естественные пропорции и ручные корректировки там, где формальных правил недостаточно. Вокруг иконок собрали полноценную систему с файлами в Фигме, поиском по тегам, документацией, миграцией старых кодов и автоматической публикацией. Внутри: – Почему унаследованный набор иконок начал расходиться по стилю и смыслу; – Зачем нужны отдельные версии для 16 и 24 пикселей; – Как оптические правки делают маленькие иконки аккуратнее; – Какие три файла в Фигме помогают поддерживать единый стиль; – Почему хорошая икон-библиотека требует не только рисунков, но и документации, поиска и автоматизации. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Давно не писал ничего про работу, а новости есть огого!! Недавно мы запустили огромный проект для поставщика строительных материалов. Ссылку пока показать не могу — сначала согласуем детали с заказчиком. Но уже хочется рассказать, что стояло за этим запуском. Мы начали работать вместе в ноябре прошлого года. На старте задача звучала как «обновить интернет-магазин». Довольно быстро выяснилось, что старый магазин работает на платформе с множеством ограничений, поэтому мы предложили сделать новый — начать с MVP на Laravel. А потом стали разбирать, что именно нужно для работы магазина. Оказалось, одним каталогом дело не ограничится: нужны личный кабинет, интгерация с ДаДатой, ЭДО, админка, интеграция с 1С и множество связанных между собой сценариев. Так MVP постепенно вырос в большую систему. Первые полтора месяца мы проектировали сайт: пересобирали архитектуру, разбирали пользовательские сценарии и продумывали, как всё будет работать вместе. По ходу обсуждения появлялись новые задачи, которые тоже нужно было встроить в общую логику. Ещё около двух месяцев занял дизайн. Страниц, состояний интерфейса, модальных окон и прочих деталей оказалось столько, что на старте мы едва ли могли представить весь объём. Затем собрали интерфейс на Vue, разработали бэкенд на Laravel и сделали кастомную админку. Она получилась очень классной и красивой — мы ей правда гордимся. Отдельная история — интеграция с существующей 1С заказчика. Там регулярно всплывали нюансы, которые нельзя было предусмотреть заранее. Разбирались и решали их по мере появления. Нервов 1С потрепала нам немало 🙃 В общей сложности работа заняла около восьми с половиной месяцев. Чтобы представить масштаб: мы делали магазин, который по своим задачам и функциональности стремится в сторону крупных строительных онлайн-магазинов вроде Лемана ПРО. Сейчас сайт работает, а я пока просто перевариваю масштаб того, что мы сделали вместе. Когда согласуем публикацию с заказчиком, обязательно покажу результат и подробнее расскажу о решениях. Кажется, из этого получится большой кейс.

В вертикальном Auto Layout появился Wrap. Если контент не помещается по высоте, элементы переходят в новую колонку, а не выходят за границы фрейма. Механика повторяет поведение CSS Flexbox и подходит для адаптивных списков, карточек и многостолбцовых интерфейсов с меняющимся количеством элементов.

Все шрифты можно условно разделить на несколько групп: serif, sans serif, slab serif, script, display и моноширинные. Serif-шрифты чаще выглядят более классически и подходят для редакционных и брендинговых задач. Sans serif — более нейтральные и универсальные, особенно в интерфейсах. Display-шрифты дают характер и акцент, но быстро утомляют в длинных текстах. Важно понимать не только название категории, но и поведение шрифта: насколько он читаем, насколько плотный, как ведёт себя в заголовке и в мелком кегле. Тип шрифта — это не просто стиль, а инструмент для конкретной задачи. ARTMANAZ

Поэтому, если вдруг вам в команду нужен дизайнер продукта или интерфейсов, или у вас есть предложения по проектам, буду рад пообщаться! Можете писать мне в личку @horshmor и посмотреть портфолио тут tserete.li И надеюсь скоро будет больше поводов опять писать. Так что до встречи!

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

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

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

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

Скрипт по методу 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

▪️ А это пример работы нашей студентки Алёны Шилиной по уроку 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-иллюстраций, технических эскизов и проектов, которые сегодня можно еще и оживлять с помощью ИИ. Вы еще успеваете👇🏻 Узнать подробности и присоединится по ссылке

«Относитесь к своей карьере как к дизайн-проекту», — такой совет даёт Мария Сташенко, директор АНО «Центр дизайн-мышления», член жюри проекта «Фабрика дизайна 4.0». Делимся несколькими практическими точками опоры от Марии: Сверяйтесь с «болями» — своими и чужими Если ваша работа регулярно закрывает чью-то реальную проблему (клиента, пользователя, команды), а не просто «нравится арт-директору», вы на верном пути. Спросите себя: «Что стало легче/быстрее/понятнее благодаря моему решению за последние полгода?» Если ответ есть, вы растёте как профессионал, а не как исполнитель. Фиксируйте свои ограничения — так же, как у заказчика Честно запишите, что вас тормозит: нехватка навыков, слабый нетворкинг, страх публичных защит, отсутствие обратной связи. А потом превратите это в задачи. Например: «Я боюсь презентаций» → «В следующем месяце я добровольно выступлю на двух внутренних синхронах». Ограничения, которые вы осознали, — это карта, а не приговор. Измеряйте успех не только деньгами и званиями Для себя я использую три метрики: 1⃣ Частота состояний «потока» (когда забываю про время). 2⃣ Количество вопросов, которые я задаю за неделю (чем больше, тем лучше — значит, учусь). 3⃣ Спокойствие перед сложной задачей (если оно растёт — значит, вы нащупали свою методологию). Проверяйте видение через быстрые «прототипы» Не ждите годами, чтобы понять, нравится ли вам промышленный дизайн, интерфейсы или стратегия. Возьмите мини-проект (волонтёрский, учебный, внутренний) и проживите полный цикл за 2–3 недели. После этого ответьте себе на вопрос: «Я хочу повторять это каждый день?» Это честнее любого теста на профориентацию. Раз в квартал пишите себе «резюме встречи» Как фиксируете договорённости с клиентом, так же делайте для себя: 🔸 Что я понял за 3 месяца? 🔸 Какие мои «ограничения» сдвинулись? 🔸 Какие следующие 3 шага, даже если они страшные? Это превращает тревогу «Туда ли я иду?» в рабочий документ, а с документом работать легче, чем с эмоциями. И главное: правильное направление — это не прямая линия. Это траектория, где вы регулярно сверяете компас (свои ценности) с картой (реальными задачами) и не боитесь корректировать курс. Если после каждого крупного этапа вы можете сказать: «Я стал чуть свободнее, чуть осознаннее и чуть полезнее», — значит, всё идёт так, как надо. Удачи в этом бесконечном, но самом интересном проекте — вашей собственной карьере! [Фабрика Дизайна]

Эра полезных эфиров Явно возвращается!!! Референсов обычно много. Сохраняем красивые сайты, интерфейсы, картинки — а потом открываем пустой макет и не очень понимаем, что со всем этим делать. 17 сентября зовём на практический эфир Олега Бухтияра, основателя scrn.gallery, чтобы разобраться, как смотреть на референсы не просто как на «красиво», а видеть конкретные визуальные приёмы и превращать их в собственные решения. На эфире будем много смотреть и разбирать: Олег покажет разные примеры из scrn.gallery, а мы вместе попробуем определить, за счёт чего они работают — композиции, типографики, цвета, ритма и других приёмов. А потом попробуем перейти от насмотренности к практике: возьмём заданный референс известного дизайнера и попробуем на его основе собрать свой интерфейс. Не скопировать картинку, а понять принцип → разобрать → применить по-своему. Кажется, хороший способ немного прокачать ту самую насмотренность, о которой все говорят, но редко объясняют, как именно ей пользоваться. 17 сентября, 19:00 Практический эфир с Олегом Бухтияром Добавляйте событие в календарь #анонс #гость #продукт 🍑 Явно.Дизайн

Кстати, крутая историческая отсылка к первым интерактивно-управляемым интерфейсам в начале ролика, когда мужчина просит нарисовать желтыц круг и появляется надпись 1979. Это был эксперимент, когда человек одновременно говорил и показывал рукой компьютеру, куда поместить объект. То есть, компьютер объединял голос + жест + изображение на экране + контекст. Главное революционное отличие 2026: человек просто говорит, что хочет получить, а Astra GPT сама ходит по программам вашего компьютера, выполняет задачу и отдает результат. Будущее уже точно тут, с нами, в одной комнате.

Taste Skill — бесплатный набор skills, который задаёт Claude правила работы с композицией, типографикой, цветом и иерархией. Вместо одинаковых карточек и градиентов — продуманный интерфейс под конкретную задачу. 🖇️ Внутри: какие skills бывают, как установить и готовые промпты под сайт и редизайн. Забирайте ❤️

Михаил Харитончик из Сбера разбирает, почему мы сами стали API-шлюзом между картами, такси, трекером и календарём. Каждое приложение оптимизирует свою функцию, а реальное намерение пользователя живёт между ними: доехать домой, успеть на тренировку и не выжечь остаток внимания на выбор тарифа. Дальше появляется агент со skills и памятью, но текстовый ответ снова превращает человека в парсера. Нужен GenUI: интерфейс, который собирается под текущее намерение из готовых компонентов, с явным подтверждением опасных действий и без генерации HTML с нуля. Внутри: – Почему набор приложений заставляет пользователя склеивать сценарий вручную; – Чем агент отличается от супераппа и где нужна персонализация по целям; – Как выглядит GenUI как визуальный ответ на намерение; – Зачем модели декларативный протокол вместо генерации интерфейсного кода; – Что останется дизайнеру и продукту, когда экран собирается на лету. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы