Продуктовая колористика: основы работы с цветом

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

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

Пока вы спорите о скруглении углов в новой дизайн-системе и попиваете лавандовый раф, где-то в Челябинске ослепленный бликами от раскаленной стали оператор пытается разглядеть ваш элегантный серый шрифт на мониторе 2012 года выпуска. Спойлер: у него не получается.
Дизайнеры, приходящие из разных сфер в Heavy Digital, совершают одни и те же ошибки. Они становятся очевидными только тогда, когда ты снимаешь белые кроссовки, надеваешь каску, проходишь инструктаж по технике безопасности и заходишь в реальный цех.
С 2020 года я набила достаточно шишек, пытаясь подружить стерильную эстетику Figma с суровой реальностью ГОСТов и промышленных мониторов.
Добро пожаловать в цех! Разберем по полочкам, как не провалить проект на этапе компонентов.

Нейросети для создания фото и картинок — это больше «не игрушка для социальных сетей», а олицетворение сегментированного рынка продуктов, каждый из которых имеет как свои сильные стороны, так и слабости. Сложность в выборе также создают понятные неудобства, обусловленные наличием коммерческих лицензий и способами оплаты. Впрочем, в Сети достаточно информации, как обходить ограничения, а для вашего удобства мы составили рейтинг лучших нейросетей для фото и картинок 2026 года, в котором есть и универсальные решения!
Для объективности мы прогнали всех участников рейтинга, создав простой и незамысловатый промпт, чтобы также оценить простоту работы с нейросетями с «колокольни» начинающих пользователей.

Представьте, что вы дизайнер. Вам предлагают сделать концепт авто и показывают фотографии BMW, но вы ужасно рисуете автомобили и вообще учились не для этого. Но таск уже закреплен за вами, что же делать? Пора тестировать нейросети, а конкретно FLUX.2.
Я сгенерировал более 1000 авто в различных тестах, по которым мы и пройдемся в этом посте, а в конце придумаем менее уродливую семерку BMW.

Привет, меня зовут Александр Попов, я работал в «Цифре» старшим продуктовым дизайнером в линейке продуктов «Цифровой индустриальной платформы».
Представьте, что вы заходите на кухню за утренним кофе и чувствуете... этот запах. Запах тлена и легкой безысходности. Заглядываете в холодильник, а там, в самом дальнем углу, притаился йогурт. Судя по дате годности, он старше, чем ваша первая любовь, и видел Ленина. Знакомая ситуация? Точно то же самое происходит с UX, особенно в суровом мире B2B-платформ, где интерфейсы могут не меняться десятилетиями. Этот «просроченный» UX не просто дурно пахнет — он активно пытается испортить вам жизнь, карьеру и веру в человечество.

Кому будет полезно: дизайнерам, готовящимся к whiteboard, особенно тем, кто сталкивается с этим форматом впервые.
Что внутри: личный опыт прохождения whiteboard в Т-Банке и инсайды от лида, который проводит десятки таких собеседований.
Главный вывод: whiteboard проверяет не решение, а ваше мышление, умение задавать вопросы и работать в диалоге.
Я Андрей - продуктовый дизайнер в Т-Банке, до этого был в Госуслугах.
Мой первый whiteboard был на собеседовании именно сюда.До этого у меня всегда были либо тестовое задание, либо разбор кейсов. Все проходило довольно привычно. Здесь же рекрутер сам предложил пообщаться, о смене работы я не думал.
Дальше была стандартная цепочка: скрининг, техсобеседование, портфолио. А потом HR сказал: "Договоримся о дате whiteboard". Для меня это было в новинку.
Конец квартала, праздники, переносы. До запланированной даты оставалось довольно много времени.
Я понял, что просто прийти и как-нибудь решить не получится. Начал читать все подряд: статьи, треды, чужие истории. Сначала в голове была каша — слишком много подходов и советов. Потом постепенно стало понятно, как вообще работает формат. И главное — стало ясно, что одной теории недостаточно. Нужно тренироваться.

Привет, Хабр! Меня зовут Ксения Ершова. Я работаю UX-проектировщиком облачных баз данных в Selectel. В этой статье я подробнее расскажу, почему минималистичный подход в инженерных продуктах ошибочен и покажу на своем кейсе, почему важнее всего — прозрачность. Заглядывайте под кат!

Привет, Хабр! На связи Андрей, продуктовый дизайнер Garage Eight. И хотя год только-только успел разогнаться, я уже насчитал 9 новостей и находок из мира дизайна, достойных внимания:
1. Виртуальный музей ЮНЕСКО с украденными произведениями искусства.
2. Статистика Shopify за 2025 год в формате интерактивного сайта.
3. Сайт Voltpile — победитель DesignRush как лучший сайт января.
4. Брендинг DTFA от студии Zamora.
5. Новое приложение бренда MONOCHROME для iOS.
6. Новая айдентика для радио NRG от Студии Лебедева.
7. MTV Rewind — сайт-память об ушедшем канале.
8. Сборник классных микро-UI взаимодействий Detail.
9. Подборка инфографики за 2025 год от Тани Мисютиной.

Всем привет! Меня зовут Саша, и последние 12 лет моя жизнь — это дизайн. Сегодня я руковожу дизайн-командой в KISLOROD, а в прошлом — помогал крупным брендам и миллионным сервисам обрести их уникальный голос и форму.
Сегодня публикую материал из внутренней базы знаний — обо всём, что касается правильной работы с листингами. Вы узнаете, почему важно уделить внимание листингам товара с точки зрения UX, что обязательно должно быть в превью карточек товаров, почему стоит избегать функционала «Быстрый просмотр» и чем его заменить.

Сегодня поговорим об одной из тех коварных проблем, которую не увидишь невооруженным глазом, но которая способна тихо и методично «убивать» вашу печатную плату уже после производства. Речь пойдет о кислотных ловушках (acid traps). Это не брак оборудования, а прямое следствие некоторых решений на этапе проектирования. Давайте разберемся, что это, почему возникает и как этого легко избежать.

На связи Ульяна Айкович, UX-исследователь и адепт статистики из БКС Мир Инвестиций. Сегодня я расскажу, в каких случаях применять статистические тесты, как легко реализовать их в гугл-таблицах, а также, как интерпретировать результат этих тестов. Не бойтесь, будет много практики и совсем немного важной теории.
В статье детально расскажем, как и когда применять биноминальный и χ²-тесты на наших кейсах.

Привет! Меня зовут Светлана Моторкина, я Head of Design в компании Friflex. Тренды в интерфейсах появляются регулярно, но, увы, большинство из них не проходит проверку продом. В этой статье я рассмотрю интерфейс не как набор визуальных приемов, а как систему: от цвета и формы до доступности, анимации и новых сценариев с AI.
Критерий простой: помогает ли прием пользователю быстрее, точнее и спокойнее решать задачу. И выдерживает ли он длительную работу с продуктом.

Мы уже рассказали, как заставить таблицы работать, а теперь предлагаем сосредоточиться на мелочах. Разберем три варианта UI на реальном примере: почему цифровой индикатор и раскрывающийся список оказались эффективнее показа вложений прямо в строке.
В корпоративных системах проблемы часто создают именно детали. Казалось бы, что может пойти не так от простой функции «прикрепить файл к строке таблицы»? Но именно такие «мелочи» ломают удобство использования, превращая отлаженный отчет в визуальный хаос, где невозможно быстро работать.
В этом дизайн-тренажере разберем реальную задачу: как отобразить прикрепленные документы в отчетной таблице, чтобы пользователь мог мгновенно оценить их наличие, понять контекст и при необходимости открыть — без ущерба для главной функции таблицы: быстрого сравнения и анализа данных.
Таблицы в отчетах — это обычно строгие строки, столбцы, цифры, статусы. Их сила в структуре и предсказуемости. Но как только появляются вложения (PDF, сканы, договоры), возникает дилемма:

Всем привет, я Лена, исследовательница в команде Облака Mail. Изучаю опыт пользователей и помогаю командам делать наши сервисы удобнее и понятнее. Управляю проектом UX-мониторинга core-сценариев продуктов Mail.
В этой статье хочу рассказать о том, как мы переосмыслили место исследователя в продуктовой команде и как нам удалось пересмотреть UX-долг*, также о том, как этот подход помог нам стать источником для формирования продуктового бэклога на примере нашей небольшой команды.

Ко мне часто обращаются с вопросом: «У нас высокочастотная плата, помогите выбрать материал!» А начинаешь разбираться — и оказывается, что плата-то не высокочастотная, а высокоскоростная. Путаница в этих терминах — частая история, но она может дорого обойтись: заказать плату из дорогущего радиочастотного материала для цифрового интерфейса — это как отправиться в магазин за хлебом на спортивном Ferrari.
Давайте на пальцах разберем, в чем принципиальная разница и почему это важно для вашего проекта, кошелька и нервов.

Всем привет! Меня зовут Саша, и последние 12 лет моя жизнь — это дизайн. Сегодня я руковожу дизайн-командой в KISLOROD, а в прошлом — помогал крупным брендам и миллионным сервисам обрести их уникальный голос и форму.
Эффективность конверсионной воронки сайта во многом зависит от того, насколько хорошо реализован интерфейс и функционал разных этапов воронки с точки зрения удобства для пользователя.
В этой статье перечислим основные элементы, которые позволяют нам повышать качество поиска в клиентских проектах.

Привет! Я Даня Платонов - руководитель группы UX-исследований в «БКС Мир инвестиций». Это первая статья нашей команды, мы начинаем делиться интересным и познавательным из нашей работы. И начать я хочу с самых начал. А именно — с вопроса «кто я?», который каждому продуктовому исследователю не лишне себе иногда задавать.
Одна из психологических сложностей работы исследователя в том, что каждый раз, выходя на общение с респондентом в рамках качественных методов, мы строим коммуникацию с нуля. Вы можете установить правильный контакт с продуктовой командой, с бизнесом, с любыми коллегами. И этот правильный контакт будет работать на вас годами. Но с респондентами так не получится — они всегда новые и с каждым из них нужно устанавливать контакт с нуля. У вас получится это сделать, только если вы четко понимаете, кто вы и что делаете.
Почему это вообще важно? В статье подробнее расскажем про метасообщения и то, как исследователю показывать и презентовать себя.

Привет, меня зовут Григорий, я Senior UX Researcher в Атоме и занимаюсь основным интерфейсом автомобиля и разработкой прототипа для тестирований.
Наша сфера меняется очень быстро и просто быть в курсе – недостаточно. Если специалист уже «встал на крыло» и сформировал свой мыслительный шаблон, ему становится сложно воспринимать и применять новые подходы, а это тормозит дальнейший рост в профессии.
Мне такое не подходит. Чтобы не ржаветь и регулярно выглядывать за пределы привычного, ищу разную/профессиональную литературу, которая подбрасывает новые идеи.
Расскажу, что из последнего меня особенно зацепило.

Привет, Хабр! Я Кирилл, занимаюсь дизайном и цифровой иллюстрацией, часто работаю с генеративной графикой. За последнее время успел перепробовать кучу разных платформ — от бесплатных Web UI до платных сервисов вроде Midjourney. Но, как это обычно бывает, идеальный инструмент так и не нашелся. Одни оказываются слишком дорогими — пока дойдешь до десятой итерации картинки, уже выжжешь весь лимит токенов. Другие же страдают от неудобного интерфейса и абсолютно непредсказуемого результата.
И вот недавно я решил создать серию артов в разных стилях, чтобы положить в портфолио. Примерно понимал, что хочу видеть, и не хотелось тратить время на миллион попыток, чтобы получить нужный результат. Именно поэтому пришлось искать новый инструмент, с которым не нужно долго разбираться и при этом можно полностью контролировать процесс генерации. Решил рассказать, как я пришел к ComfyUI, и написать небольшую инструкцию по его запуску. Заранее прошу прощения, если вы уже видели эту публикацию в ленте — перезалил потому что по невнимательности ткнул английский в языке публикации, заодно приложил более свежие арты.

Всем привет! Я – аналитик 1С, и, благодаря своей работе, часто сталкиваюсь с разработкой пользовательского интерфейса. За годы практики у меня сформировалось собственное видение идеального интерфейса, которым хочется поделиться. Предупреждаю: статья начнётся издалека, но потом мы перейдём непосредственно к когнитивной нагрузке.