Обновить
4K+
60
Роман Камушкен@kamushken

20 лет в интерфейсах. Строю, изучаю, упрощаю UI/UX

Отправить сообщение

Почему AI-generated UI стоит изучать как источник визуальных мутаций

Уровень сложностиПростой
Время на прочтение9 мин
Охват и читатели9.8K

Когда обсуждают AI-generated UI, разговор обычно быстро уходит в одну из двух крайностей.

Первая крайность звучит так: можно ли это сразу нести в продакшен?

Вторая так: насколько результат похож на дизайн-языки, от Apple до Material Design.

Проблема в том, что мы слишком рано начинаем оценивать AI-картинку как почти готовый интерфейс. Хотя во многих случаях она полезна совсем по другой причине. Не потому, что экран уже получился зрелым, воспроизводимым и пригодным для продуктовой среды. А потому, что он принёс редкую визуальную комбинацию, до которой человек вручную шёл бы заметно дольше, либо вообще не полез бы в эту сторону с первой попытки.

Главная польза AI-generated UI часто лежит не в скорости производства экранов, а в поставке визуальных мутаций.

Но и это, как мне кажется, ещё не самый интересный слой темы.

Есть перспектива глубже. AI полезен не только тем, что выбрасывает необычные визуальные сочетания. Он постепенно меняет саму точку входа в процесс. Раньше сильный визуальный ход обычно должен был родиться внутри головы дизайнера. Теперь он всё чаще может возникнуть снаружи, в виде машины, которая массово производит промежуточные формы. После этого дизайнер уже не столько изобретает первый образ, сколько отбирает, фильтрует, нормализует и превращает удачное отклонение в систему.

Именно этот сдвиг, по-моему, и заслуживает более внимательного разговора.

Читать далее

Единый сток для селлера на маркетплейсах или как мы на FBS и связках SKU шишки набивали

Уровень сложностиСредний
Время на прочтение8 мин
Охват и читатели5.2K

Когда мы начинали делать модуль «Единый сток» внутри нашей WMS МПФИТ, задача звучала почти детски: есть поставщик, есть магазин, давайте синхронизируем остатки.

Первые внедрения быстро отрезвили. «Единый сток» у селлера редко про один магазин. Обычно это 2–3 витрины на маркетплейсах, плюс FBS, плюс сезонные всплески, плюс ассортимент в 500–3000 SKU, где часть товаров в вариантах (размер, цвет), а часть продается наборами.

И вот тут простая синхронизация перестает быть решением. Она становится источником сюрпризов.

Я расскажу про три шишки, которые мы набили при разработке и запуске «Единого стока». Каждая шишка сначала кажется мелочью, пока не превращается в отмены, ручные правки и раздражение команды.

Разбираемся с единым стоком

Тестирую Nano Banana на реальной UX-задаче → создать workspace и пригласить коллегу (B2B SaaS)

Уровень сложностиПростой
Время на прочтение52 мин
Охват и читатели15K

За 2025 год генеративные инструменты выросли не только по качеству, а по ощущениям в работе дизайнера (и не только для генерации КДПВ на Хабре). Я много времени провожу в AI-UI экспериментах и вижу, что решать прикладные UX задачи стало заметно проще.

Уже сейчас внятный lo-fi прототип можно получить быстрее, а дальше уже выбирать, как жить: отдавать фронтендеру, прогонять через Lovable, Cursor или v0, или же доводить руками до идеала.

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

Не пугайтесь 50 минутам прочтения: в статье много промптов, ИИ-ответов, всё аккуратно убрано под спойлеры → наверху только суть, остальное можно разворачивать и углубляться в детали.

Вперёд к эксперименту и выводам

На самом деле вам не нужна дизайн-система

Уровень сложностиПростой
Время на прочтение5 мин
Охват и читатели9.5K

Дизайн-система (далее - ДС) стала признаком взрослого продукта. Ее хотят сразу: токены, компоненты, документация, идеальная консистентность и вот это всё.

Даже начинается одинаково: “Надо срочно навести порядок, у нас все разъехалось, давайте дизайн-систему”. Через пару недель появляются названия компонентов, правила, обсуждения, новые договоренности.

А потом выясняется, что главная боль не в радиусах и не в тенях от кнопки. Главная боль в том, что меняются сценарии, фичи, приоритеты и сама логика продукта, и вместе с этим приходится переписывать все стандарты.

Как отделить зрелую необходимость от красивой прокрастинации, и как построить минимальный UI-каркас так, чтобы он помогал выпускать версии, а не превращал каждую итерацию в бесконечные согласования?

Делюсь своим опытом и рассуждаю, почему сегодня важность ДС переоценена.

Разбираемся, когда ДС нужна, а когда нет

Топ-15 примеров того, как UX-дизайн изменил нашу жизнь

Уровень сложностиПростой
Время на прочтение8 мин
Охват и читатели9.5K

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

Человек по своей природе пытается улучшить то, что его окружает. Это внутреннее стремление вдохновляет и на создание выдающихся пользовательских решений, о которых хочу рассказать.

Главная цель UX-дизайна – создание интуитивно-понятного и удобного интерфейса, который будет способен решать проблемы и производить благоприятное впечатление на пользователей. Впоследствии, лучшие из пользовательских решений становятся эталоном и укореняются в повседневной жизни людей.

Давайте рассмотрим величайшие примеры использования UX-дизайна.

Читать далее

Самые главные ошибки в карьере UX дизайнера и уроки, которые я усвоил

Уровень сложностиСредний
Время на прочтение6 мин
Охват и читатели5.2K

Мой путь UX-дизайнера, разумеется, состоял из взлетов и падений.

Сейчас, спустя время, я нередко вспоминаю о различных проектах, в которых участвовал, и о решениях, которые мне приходилось принимать – успешных, и не очень. Поэтому, на данном этапе своего пути, я хочу подвести некоторые итоги.

И первое, что я хотел бы обсудить – совершение ошибок. Мы все совершаем ошибки и учимся на них. Таков вот способ получения опыта в жизни человека. И, как оказывается впоследствии, негативный опыт ценнее позитивного.

Итак, какую самую серьезную ошибку совершил я? И какой урок я извлек после?

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

Я не единственный дизайнер интерфейсов, который принял такое решение. Многие из нас делятся своими историями, пытаясь найти те самые промахи, с которыми может столкнуться дизайнер. Я изучал и чужой опыт, благо на Reddit'е таких историй уйма.

Оставлю на ваше усмотрение: либо последовать нашим советам, либо самостоятельно строить свой путь.

Итак, классифицировал самые популярные ошибки 👇

Читать далее

Фиаско Фигмы или тёмная сторона последних апдейтов

Уровень сложностиПростой
Время на прочтение4 мин
Охват и читатели20K

Этот пост в оригинале (eng) https://www.setproduct.com/blog/dark-side-of-figmas-updates

Глава 1: В какой‑то момент всё пошло не так

Смотря недавнюю конференцию CONFIG24, я не мог избавиться от неприятного зуда.

Чем сильнее зуд одолевал меня, тем больше приходило осознание – приоритеты Figma сместились с улучшения сервиса на увеличение прибыли.

Я неустанно задавал вопросы:

Что произошло с Figma, которую мы все так горячо любили?
Почему в приоритете деньги, а не список фич от пользователей, которые мы просим?
И если Фигма - ФСЁ, то что это сулит дизайн-инструментам в будущем?

Провал сделки с Adobe, похоже, стал переломным моментом.

Фокус Figma на создании функций с использованием искусственного интеллекта для увеличения количества пользователей - крутой поворот от первоначальной концепции сервиса.

Не подумайте, я не против использования искусственного интеллекта, но больш усилий, похоже, затрачивается  на что-то "модное", но не особо нужное.

Функция автоматического переименования слоев была изюминкой Figma, но ее недостаточно, чтобы компенсировать недостаток внимания к запросам пользователей.

Читать далее

14 свежих и полезных дизайн-ресурсов в Январе

Время на прочтение5 мин
Охват и читатели5.5K

Что в сегодняшнем выпуске: различные генераторы, крутые источники для вдохновения, стильные иконки, топовые продукты из Product Hunt за 2020 год, инструменты для экспорта анимаций и гифок, и многое другое.

Читать далее

Вспоминаем все важные события в UI/UX дизайне за 2020-й

Время на прочтение7 мин
Охват и читатели9.1K

2020-й миновал. Это был нестабильный год и многие выдохлись. Социальная дистанция, локдаун, удаленная работа, а для многих – сокращения: все это стало новой реальностью.

Но несмотря на нестабильность, мировая сцена UI/UX и продуктового дизайна не стояла на месте. Ведь с новыми проблемами появились и новые решения. Компании выпускали новые продукты, а также обновляли существующие.

Читать далее

13 свежих и полезных дизайн-ресурсов уходящей осени

Время на прочтение6 мин
Охват и читатели8.5K

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

Читать далее

6 способов дополнительного дохода для дизайнеров и разработчиков

Время на прочтение8 мин
Охват и читатели12K

Эта статья поможет как начинающим дизайнерам и разработчикам, так и опытным специалистам, мечтающим улучшить свое финансовое положение. Если у вас сейчас есть стабильная и высокооплачиваемая работа - всегда есть риск, что вы можете попасть под сокращение. Пандемия отлично показала, что сейчас очень важно иметь финансовую подушку безопасности и дополнительные источники дохода.

Запуская собственный side project, вы имеете все шансы сделать его основным вашим занятием. Иногда такие проекты даже становятся делом всей жизни...

Читать далее

Десять компаний, которым Figma помогла достичь новых результатов в дизайне и не только

Время на прочтение8 мин
Охват и читатели3.8K


Всем привет! В очередной статье мы представляем вам список из 10 компаний, для которых использование Фигмы стало отправной точкой на пути к новым вершинам.

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

Возможно, вы планируете разработать собственный перспективный проект и думаете над тем, какой инструмент использовать. Или работаете в компании, которая пользуется другими инструментами для дизайна и прототипирования. В любом случае, после прочтения этой статьи — у вас будет еще +10 причин начать использовать Фигму.
Читать дальше →

Обзор 14 свежих плагинов для Фигмы, которые помогут повысить производительность пока мы все #сидимдома

Время на прочтение7 мин
Охват и читатели19K


Сегодня мы поговорим о следующих новых Figma плагинах:

  • AutoGrid — Поддержка сетки для AutoLayout.
  • Tracking – Плагин для создания аннотаций отслеживания.
  • Find and Replace Colors – Организация цветовых стилей в ваших дизайнах
  • Spacing Manager – Плагин для согласованных отступов в компонентах
  • Geometric – Создание математических фигур и кривых
  • Halftones – Плагин, позволяющий накладывать точечный или полутоновый фильтры на картинки
  • Batch Styler – Изменение нескольких стилей текста одновременно
  • Spell Inspector — Поиск и исправление орфографических ошибок
  • Sitemap – Плагин для создания карты вашего сайта
  • Style Organizer — Показывает и упорядочивает все цветовые стили
  • Focus CSS — Более удобное использование CSS в Figma
  • Flipbook – Плагин для анимации ваших дизайнов в Figma
  • SwiftUI Inspector – Плагин для улучшения рабочего процесса разработки для платформ Apple
  • Filter – Фильтрующий плагин для ретуши ваших изображений

Читать дальше →

Как создать UI kit, который продается. Этапы разработки коммерческой дизайн-системы

Время на прочтение8 мин
Охват и читатели24K


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

Я расскажу о поэтапном плане создания коммерческой дизайн-системы. Узнаете как сделать и выпустить на рынок свой продукт. Расскажу что сделать перед началом работы, как подготовиться и составить план. Отдельно рассмотрю этапы разработки дизайн-системы для Figma. В последней части дам советы как продвигать и раскручивать. В статье только личный опыт и наблюдения самоучки.
Читать дальше →

8 простых UI приёмов чтобы сделать дизайн-прототип динамичным, не прибегая к анимации

Время на прочтение6 мин
Охват и читатели32K


Материал этой статьи является следствием моих дизайн-экспериментов и выводов за последний год-полтора непрерывного дизайн гринда. Я неустанно собирал ui kit’ы, экспериментировал с контентом в плейсхолдерах, стилями, тенями текстами и состояниями, чтобы понять влияет ли это на конверсию. Иначе говоря, смогу ли я увеличить продажи дизайн-продуктов для Figma, если добавлю немного визуальной динамики в статичные дизайн-макеты, чтобы сделать темплейты интереснее и функциональнее.
Читать дальше →

Создание таблиц в дизайн системе Figma и реализация в Storybook (React)

Время на прочтение5 мин
Охват и читатели12K


В предыдущей статье на тему дизайна таблиц в Фигме мы выяснили, что базовый элемент создания любого data grid — это компонент ячейки, внутри которого спрятано все необходимое для того, чтобы оставаться в одном экземпляре и строить таблицы ячейка-за-ячейкой. Теперь поговорим о её структуре: какие элементы вложены, случаи использования, рассмотрим темификацию таблиц через токены-цвета. И напоследок расскажу о передаче спецификаций разработчикам и интеграцию таблиц в React/Angular фреймворки прямиком из Figma дизайн-системы. Пока руками, ибо будущее всё еще где-то рядом.

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

Таблицы в Figma. Дизайн Data Grid одним компонентом

Время на прочтение5 мин
Охват и читатели57K
image

Строительство таблицы из компонентов — задача, которая рано или поздно возникает перед каждым разработчиком дизайн-систем в Figma.

Существует три подхода к дизайну таблиц, чтобы создать data grid с гибкой архитектурой. В каждом из случаев используется либо row-компонент, либо column-компонент, либо cell-компонент. Каждый из случаев подробно рассмотрим ниже.

Читать дальше →

Figma компонент и организация экземпляров на примере Userpic

Время на прочтение4 мин
Охват и читатели15K


Качественная дизайн-система в Фигме всегда учитывает возможные состояния определенных компонентов. Если до появления Global Styles вариант был лишь один — всегда создавать новый компонент для каждого состояния (например текстовое поле может быть default, а может быть focused), то после внедрения стилей многие UI-элементы удалось унифицировать лишь до одного в своей категории, а разнообразие создавать экземплярами, присоединяя лишь новые стили и цвета.
Читать дальше →

Адаптивные шаблоны Figma: как сделать гибкий дизайн-компонент мобильной навигации iOS

Время на прочтение3 мин
Охват и читатели25K


Всякий раз, создавая новый продукт, хочется сделать его лучше предыдущего, подобрать элегантное решение, чтобы создать удобные и гибкие компоненты дизайн-системы в Figma.

При создании набора компонентных iOS-шаблонов для Figma я решил поэкспериментировать с компонентом Tab Bar. Напомню, что в гайдлайнах iOS это нижняя навигация. Мне хотелось, чтобы его содержимое имело логичное и оптимальное поведение при ресайзе. Хотелось сделать его максимально адаптивным для всех iOS-устройств, насколько это позволяет сделать Figma и направляющие (constraints).
Читать дальше →

Как я дизайн монетизировал. 15 инсайтов о создании цифрового продукта, который продается

Время на прочтение8 мин
Охват и читатели8.6K

Итоги года для UI дизайнера, у которого не было ни одного интересного проекта в портфолио и он решил создать свой собственный продукт для популярной теперь дизайн-платформы Figma.

Раньше я всегда относился скептически к таким постам. Но после того как минул ровно год, давший мне опыта и мудрости лет на 10, я все понял: мне просто нечего было сказать.

Я не работал в больших компаниях, не устраивал-дизайн спринты и не сидел бок о бок с крутыми парнями в коворкингах. Я в дизайне уже не менее 16 лет, я самоучка, и однажды у меня не оказалось ни одного интересного проекта в портфолио, который бы круто работал и современно выглядел. Все мои последние годы стабильного фриланса — это клиенты с обычными заказами. Они приходят и уходят. И 80% из них позднее выбрасывают в топку всё ваше творчество. Потому что по законам рынка это число терпит неудачу после запуска проекта.
Читать дальше →

Информация

В рейтинге
7 390-й
Откуда
Москва, Москва и Московская обл., Россия
Дата рождения
Зарегистрирован
Активность

Специализация

Арт директор, AI-дизайнер
Ведущий
От 390 000 ₽
Дизайн продукта
Проектирование взаимодействия
Исследование пользователя
UI/UX дизайн
Разработка интерфейсов
Прототипирование
Исследование рынка
Маркетинговые исследования
Разработка продукта
Решение проблем