Дизайн

За годы работы в продуктовой команде я убедился, что самые частые ошибки и потери качества возникают на стыке дизайна и разработки. Процесс превращается в повторяющиеся вопросы, решения «по ходу», а итоговая реализация порой значительно отличается от задуманного.

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

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

В конце делюсь самим чек-листом — его можно забрать и адаптировать под свою команду.

Как сделать так, чтобы продукт или фича работала для пользователя? Ответ в этой статье.

Привет, на связи Саша Солдатов, CEO REB8T! Сегодня расскажу про четыре инструмента, которые наша команда использует в работе на каждом проекте: JTBD, ICE-приоритизацию, User Flow и UX-гипотезы.

Огромное спасибо нашему Lead UX/UI Вере Ксенофонтовой, которая собрала этот материал и разложила всё по полочкам для вас и нашей команды!

А теперь, начнём!

Все мы знаем этот рабочий любовный треугольник: клиент — дизайнер — разработчик.

Клиент: «А давайте при движении мышки у нас из частиц соберётся грузовик, а потом ещё и датчик слежения за ним?»

Дизайнер: «Я нарисовал. Примера анимации нет, но я тебе сейчас всё объясню на словах…»

Разработчик: «А можно хотя бы референс, механику движения и понимание, что должно происходить?»

Знакомо? Особенно когда клиент хочет «как у Apple», дизайнер придумал красоту, а фронтендеру нужно понять, как это реализовать и сколько времени закладывать. 

Проблема
Как тоновые растяжки решают проблему
Тоновые растяжки в Primitives (три уровня переменных)
Некорректные методы сборки 
Корректные методы сборки
Лайфхаки
Выводы

Привет, Хабр! На связи Андрей, продуктовый дизайнер Garage Eight. Апрель выдался максимально насыщенным: ИИ продолжает лезть в дизайн, большие компании релизят продукты один за другим, а брендинг и типографика все так же радуют глаз.

Сегодня в выпуске:
1. Claude Design
2. Gemini for Mac
3. Новые иконки Google
4. Олимпиада в Лос-Анжелесе
5. ChatGPT Images 2.0
6. GPT-5.5
7. Amazonia
8. Literatura
9. Cosmos
10. Aesthetics of AI

Nano Banana 2 (она же Gemini 3 Flash Image) — это диффузионная модель нового поколения, которая в отличие от Stable Diffusion или Midjourney работает на базе трансформеров с глубоким пониманием физических взаимодействий. Например, классические нейронки до сих пор «просто придумывают» освещение, а Nano Banana вычисляет его на основе свойств материалов.

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

За 3 500 проектов по оформлению интерьеров мы прошли путь от малярной сетки до цифрового рабочего процесса.

Рассказываю, что реально работает, что оказалось пустышкой — и какие технологии изменят эту индустрию в ближайшие 5 лет.

Недавно ходили в нашу филармонию на прекрасный концерт молодёжного оркестра. Я смотрел на орган и видел не просто музыкальный инструмент, а грандиозный, исторический аналоговый интерфейс. И уровень его сложности прям впечатляет!

Или как дизайнеру продукта решать проблемы бизнеса и причём тут заводы с конвейерами.

Представь, к тебе пришли с задачей: в приложении низкие показатели активации пробной подписки. Пользователи скачивают приложение, но мало кто начинает триал. Тебя просят сделать что-то с онбордингом, ведь именно там последняя возможность донести ценность.

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

Привет я продуктовый дизайнер в Альфа-Инвестициях, хочу поделиться знаниями о фундаментальной вещи, которая лежит в основе продуктового дизайна и гораздо важнее навыков UI, ведь кто будет пользоваться вашей красотой, если пользователь не видит ценности всего продукта в целом? Обо всём по порядку.

В 2026 году выбор шрифта для сайта в России — это уже не только вопрос дизайна. На практике нужно одновременно учитывать три фактора: законность использования, качество кириллицы и устойчивость канала доступа к самой гарнитуре. Ошибки обычно возникают не из-за названия шрифта, а из-за способа его применения: без лицензии, вне условий лицензии, через незаконный self-hosting или через зависимость от поставщика, с которым для российских компаний возможны ограничения на покупку и сопровождение.

Для веб-проектов поэтому важно разделять три группы: безопасные шрифты, шрифты с лицензионными рисками и шрифты с санкционно-операционными рисками для России. Ниже — практический разбор именно в этой логике.

Зачем стартапу бренд до MVP?

Любой продакт на этом месте говорит: «Запусти MVP, проверь гипотезу, бренд потом». Логично. Проблема в том, что без бренд-платформы каждый следующий артефакт — лендинг, баннер, push, карточка в соцсети — генерируется заново с нуля. 20 артефактов по 5 минут — это 20 лотерей. 8 часов один раз — это система, из которой всё выводится. Показываю на кейсе, как собрать constraint-файл на одну страницу и перестать бросать кости

Привет! Меня зовут Алексей Нибо, я дизайн-директор в диджитал-агентстве Атвинта. В вебе я часто берусь за 3D и работаю в нескольких направлениях: архитектурные проекты, живые персонажи и промышленное оборудование. Про первые два уже рассказывал, а вот про оборудование ещё нет, хотя именно с него когда-то начиналась большая часть моей практики в Blender.

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

Привет! Я Оля, лид дизайн‑системы Альфа‑Банка на мобильных платформах и я всерьёз считаю, что знания о вёрстке незаслуженно списали со счетов, особенно в 2026 году, когда дизайнеры всё чаще думают, что ИИ сделает за них всю работу, а вёрстку вообще можно не трогать.

Увы и ах. Вёрстка — это не просто «разложить прямоугольники на макете». Это мост между дизайном и кодом.

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

21 апреля OpenAI выпустила gpt-image-2 - и это не просто новая версия генератора картинок. Модель поддерживает разрешения до 4K, значительно улучшенный рендеринг текста на десятках языков, Thinking Mode с reasoning и веб-поиском, а также мультишаговое редактирование.

Я разобрала, что реально изменилось и сравнила с Nano Banana 2 и Nano Banana Pro от Google - с ценами, скоростью и честным взглядом на то, где каждая модель выигрывает.

Угадаете, какое изобретение кардинально изменило жизнь человечества?

Культура никогда не стоит на месте. Искусство, в частности живопись, графика и скульптура, долгое время были плодом человеческого ума и вдохновения. И внутри него постоянно менялись язык и инструменты, благодаря которым художник мог выразить себя, своё ощущение исторического момента или же показать уровень достатка и интеллекта заказчика. Не будем забывать, что искусство долгое время было развлечением для аристократии (элиты, олигархии, буржуа — подставьте тот вариант, что вам ближе). Но постепенно всё начало меняться. Искусство становилось ближе к народу благодаря одному инструменту, который переломил историю человечества на до и после. И нет, это не искусственный интеллект. Это печатный станок Гутенберга. 

Меня зовут Артур Вартанян, я ведущий контент‑менеджер в компании RUTUBE, арт‑энтузиаст и бывший журналист. В этой статье я вам расскажу, как искусственный интеллект повлиял на нашу культуру и при чем тут изобретение немецкого книгопечатника.

Пользователи почти никогда не рассказывают, как на самом деле работают с продуктом. Не потому, что не хотят, а потому, что не могут: забывают половину действий, упрощают сценарии и автоматически «исправляют» свой опыт так, чтобы он выглядел логичнее.

Мы — Кирилл Улитин, руководитель UX-направления и исследований в департаменте дизайна, и Стася Кабанова, исследователь пользовательского взаимодействия в МойОфис. В компании есть целая экосистема офисных решений на разных платформах, поэтому пользовательские сценарии здесь исследуют регулярно и обычно опираются на привычные методы: глубинные интервью и usability-тестирования.

Но в какой-то момент стало ясно: глубинные интервью дают красивую, связную и при этом сильно отредактированную версию реальности. Тогда мы попробовали другой подход — начали смотреть не на то, что пользователи говорят, а на то, что они действительно делают. И увидели вещи, которые невозможно было бы получить ни из одного интервью. Подробности под катом.

Главный секрет и принцип хорошей генерации – это последовательность.

Чем точнее проработка отдельных деталей, тем качественнее будет результат.

Как-то намедни баловалась и решила сгенерировать красивую картинку в айдентике нашей компании.

Вечный спор дизайнеров и юристов: патент на промышленный образец или авторское право? Когда автору нужно защитить своё творение, вариантов вроде бы два. Но на деле всё сложнее.

Меня зовут Юрий Горбачев. Я руковожу патентным бюро и сегодня разберу в статье, как защищать дизайн, преимущества и недостатки каждого варианта, приведу примеры из практики. 

Мы сделали интерактивный дом-таймлайн про телевидение 90-х и 00-х. Под катом: как команда без разработчиков дошла от JSON-файла на VPS за до корпоративного Kubernetes

Как только дизайн-система разрастается больше, чем на 10-20 кнопок, а брендов у вас становится несколько — JSON-файлы с токенами превращаются в кошмар. Дизайнеры экспортируют токены из Figma, разработчики получают пулл-реквест на 5000 строк измененного кода, и никто в здравом уме не может сказать: "А что именно поменялось и ничего ли мы не сломали?"

А если вместо английской буквы "c" в коде будет русская? А что если токен зациклился сам на себя? А если у одних токенов более 3-х уровней вложенности, то как поведет себя система? А если нужного токена нет в одном из модов? Да и вообще, как узнать, какие токены можно вынести в примитивы, а какие в семантику и отдельные файлы для брендов?

Чтобы решить эти проблемы, я написал веб-интерфейс Tokens Dashboard — ты кидаешь в него JSON (архив, папку, файл, несколько файлов — не важно), а он выдает красивую и понятную аналитику. И сегодня мы разберемся, как это работает.

Программа полностью бесплатная и доступна как для пользователей Mac OS, так и Linux / Windows. Она портативна и не мусорит в системе — вы просто удаляете папку, если она вам больше не нужна.