Дизайн на 100 миллионов: как мы пересобирали главную страницу Госуслуг
<img src="https://habrastorage.org/getpro/habr/upload_files/f12/2e6/f04/f122e6f0421107dc9be7305168ac6b73.jpg" /><p>О чём дизайн сегодня? Про украшение? Про управление вниманием или про помощь и заботу? Разберём чем мы занимались когда я работал в Лабсе, а именно главной страницей Госуслуг. Хоть со стороны и не заметно что изменения внушительны, когда ты находишься внутри этой структуры становится понятно что всё совсем не так.</p> <a href="https://habr.com/ru/articles/1022358/?utm_campaign=1022358&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Подробнее</a>

Перестаньте мешать пользователям: гайд по дружелюбным модальным окнам
<img src="https://habrastorage.org/getpro/habr/upload_files/fe1/e1a/35f/fe1e1a35fe38dc610af93f00a117d147.jpg" /><p>Модальные окна — пожалуй, самый спорный элемент любого интерфейса. Они врываются в процесс, требуют внимания и вынуждают принимать решение прямо сейчас. Поэтому хорошая&nbsp;«модалка»&nbsp;— это не про красивый внешний вид, а про уместность. Про то, чтобы вмешаться в нужный момент и не навредить.</p><p>Но чтобы понять, где эта грань, стоит сначала разобраться: а что вообще происходит, когда модальное окно появляется на экране?</p> <a href="https://habr.com/ru/articles/1022004/?utm_campaign=1022004&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Больше о &laquo;модалках&raquo;</a>

Красавица и чудовище: наш опыт с HMI, или как мы убирали «красоту» с мнемосхем
<img src="https://habrastorage.org/getpro/habr/upload_files/4ae/3d7/d98/4ae3d7d9861816e26e882f314c83bbc5.jpg" /><p>В этом посте поговорим о дизайне мнемосхем: когда "лучшее — враг хорошего", почему не всё нужно отражать на мнемосхемах детально, а скучные цвета — это хорошо.</p> <a href="https://habr.com/ru/articles/1021618/?utm_campaign=1021618&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Как доводить сложные задачи до конца, когда всё меняется на ходу — переосмысление международных платежей в OTП Бизнес
<img src="https://habrastorage.org/getpro/habr/upload_files/c8d/f81/44e/c8df8144e7cd41184802cd0c990b33b0.png" /><p>Привет, Хабр! Меня зовут Влада Ларионова, я продуктовый дизайнер в ОТП Бизнес, работаю в трайбе Corporate &amp; SME и отвечаю за продукты для клиентов, ведущих внешнеэкономическую деятельность. В этой статье я расскажу, как мы переосмыслили отображение статусов международных платежей, чтобы пользователям стало понятно, что с их деньгами. Статья будет в особенности полезна всем работающим в В2В - это кейс про ясность и контроль в сложноструктурированных сценариях.</p> <a href="https://habr.com/ru/articles/1021876/?utm_campaign=1021876&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

«Свайп вправо» — построй свою стратегию дизайна
<img src="https://habrastorage.org/getpro/habr/upload_files/050/faf/597/050faf59735ccae0b2b607d176f4bc79.jpg" /><p>Привет, я Таня&nbsp;— работаю ведущим продуктовым дизайнером опыта покупателя в Ozon. Среди моих продуктов «Избранное», «Вишлисты»,&nbsp;мини-апп&nbsp;«Доставки посылок», а в прошлом я дизайнила «Карточку товара». Год назад я ротировалась&nbsp;в команду «Корзины», потому что хотела для себя новых вызовов. <br><br>На примере редизайна «Корзины», я хочу показать, как сегодня меняется роль дизайнера в продукте, чем дизайн-стратегия отличается от просто красивого концепта, почему такие изменения невозможно делать в одиночку.</p> <a href="https://habr.com/ru/articles/1020990/?utm_campaign=1020990&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

UX-интервью: почему пользователи не становятся респондентами?
<img src="https://habrastorage.org/getpro/habr/upload_files/c42/8e0/625/c428e062581054c8c88179c7c37b97dd.png" /><p>Привет! Мы — команда <a href="http://hh.ru">hh.ru</a>: Андрей Панкратов, исследователь пользовательского опыта, Регина Насибулина и Лиза Спицына, специалисты по рекруту респондентов. Мы на регулярной основе проводим интервью с пользователями, чтобы лучше понимать их опыт и быть на связи с соискателями и работодателями. Важный момент: в этих беседах мы ищем не новых сотрудников в компанию, а именно тех людей, которые готовы поделиться опытом использования нашего сервиса.</p><p>Рекрут респондентов в <a href="http://hh.ru">hh.ru</a> ведётся двумя способами: через опросы на сервисе и с помощью целевого обзвона аудитории. По итогам 2025 года из 10 согласившихся поучаствовать до интервью доходят только 7.&nbsp; Остальные отказываются прямо перед встречей или просто перестают выходить на связь. Мы проанализировали причины отказов участвовать, чтобы найти точки роста и повысить мотивацию пользователей.</p> <a href="https://habr.com/ru/articles/1020828/?utm_campaign=1020828&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Как дизайн‑токены ускорили дизайн‑код в VK Tech
<img src="https://habrastorage.org/getpro/habr/upload_files/f5e/bcf/9d1/f5ebcf9d11d50538fa76fcd06c2ddff5.jpg" /><p>В нашу жизнь уже достаточно давно ворвался тренд на дизайн-системы. Пройдя через все стадии принятия, почти все, наверное, уже поняли, что нет того самого идеально-единого-гибкого решения, которое устранит все проблемы, ускорит процесс разработки и исключит изобретение велосипеда (если у кого-то получилось идеально, дайте знать).</p><p>Меня зовут Катя Бурлакина, я старший продуктовый дизайнер в VK Tech и занимаюсь развитием дизайн-системы. В этой статье я не буду рассказывать про весь наш путь, а расскажу про его часть — систему дизайн-токенов. Спойлер: при помощи нее у нас получилось устранить некоторые проблемы, ускорить процесс разработки и даже исключить изобретение велосипеда.&nbsp;</p> <a href="https://habr.com/ru/articles/1020010/?utm_campaign=1020010&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Что нам стоит UX настроить? Или как мы искали способы проверки интерфейсов Smart TV без разработки
<img src="https://habrastorage.org/getpro/habr/upload_files/fdc/15f/a4a/fdc15fa4a64e0ca581180e643b82bcb4.jpg" /><p>Привет! На связи Мурат — некогда руководитель поддержки, а теперь разнорабочий и Ян — арт-директор продукта. Совсем недавно мы начали разработку нового продукта под кодовым названием&nbsp;«viju tv». Это приложение, которое меняет привычный паттерн поиска и просмотра контента, объединяя в себе лучшие механики прошлого века и завтрашних технологий (надеюсь, это звучит не очень пафосно)</p> <a href="https://habr.com/ru/articles/1020672/?utm_campaign=1020672&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Рецензия на книгу «Искусство визуализации в бизнесе. Как представить сложную информацию простыми способами»
<img src="https://habrastorage.org/getpro/habr/upload_files/2f7/a3d/212/2f7a3d212f178c5db243834fcb663a8a.jpeg" /><p>Книга «Искусство визуализации в бизнесе» — это второе издание известного практического руководства по визуализации данных, в свою очередь выросшего из авторского проекта <a href="http://FlowingData.com">FlowingData.com</a>. В отличие от академических книг по статистике данных (с наводящими зубную боль сложными графиками) или дизайнерских альбомов с красивыми иллюстрациями, здесь акцент сделан на рабочем процессе, от поиска данных до готовой визуализации, пригодной для бизнес-отчета, презентации перед инвесторами или аналитической записки руководителю.</p><p>Это не столько книга про то, «как построить график», — скорее системный гайд для аналитика, дизайнера или маркетолога по превращению данных в картину, понятную для бизнес-пользователей. Автор последовательно проводит читателя через весь цикл — сбор данных, очистку, анализ, выбор формы визуализации и финальный дизайн.</p> <a href="https://habr.com/ru/articles/1018680/?utm_campaign=1018680&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Как более 100 000 специалистов оказались на рынке труда всего за один месяц
<img src="https://habrastorage.org/getpro/habr/upload_files/811/00d/f1b/81100df1bfa9bc77b7f5de707b4d7958.png" /><p>Март 2026 года. Не просто временный кризис, а трансформация всей ИТ-индустрии. Конец эпохи количественного найма и переход к стратегии экстремальной плотности талантов.</p><p>Люди внезапно стали слишком дорогим и медленным интерфейсом по сравнению с алгоритмами. Корпорации активно соревнуются в том, кто быстрее избавится от человеческого фактора в пользу вычислительных мощностей. Март и начало апреля 2026 года стали настоящей черной полосой для сотрудников среднего звена.</p><p>Для Бигтеха это был месяц «великого перехода»: вместо того чтобы платить людям зарплаты, они перенаправили эти миллиарды на закупку чипов и строительство дата-центров. Март 2026-го войдет в историю как момент, когда корпорации окончательно перестали стесняться увольнять сотрудников.</p> <a href="https://habr.com/ru/articles/1020666/?utm_campaign=1020666&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Как сделать онлайн-шопинг удобнее: 50 UX-приемов от лучших интернет-магазинов одежды
<img src="https://habrastorage.org/getpro/habr/upload_files/ed5/0ab/8a5/ed50ab8a577d697865347ac27c3601cc.jpg" /><p>В новой статье собрал десятку онлайн-магазинов, которые продают одежду, обувь и аксессуары — и при этом задают планку по удобству интерфейсов. Разобрал, какие приемы дизайна, навигации и взаимодействия с пользователем делают их сайты особенно комфортными и понятными.</p><p>Эта подборка поможет увидеть актуальные UX-тренды и найти вдохновение для развития собственного e-commerce-проекта.</p> <a href="https://habr.com/ru/articles/1020478/?utm_campaign=1020478&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Как мы обновили экран «Вы записаны» и выросли по ключевым метрикам
<img src="https://habrastorage.org/getpro/habr/upload_files/aad/3ab/da5/aad3abda5489998c9dd0712ce3d14a37.png" /><p>Привет, Хабр. Меня зовут Глеб Бобыльков. Я ведущий дизайнер команды записи и цифровых продуктов в СберЗдоровье — MedTech-компании <a href="https://smartranking.ru/ru/analytics/medicinskie-tehnologii/rossijskij-medtech-v-iii-kvartale-2025-goda-uvelichil-rost-na-121/">№1</a> в России. В этой статье покажу, как мы переделали финальный экран после записи к врачу на очный приём и превратили его из страницы подтверждения в сценарий «что дальше», набор гибких кросс-офферов и универсальный компонент для дизайн-команды.</p><p>Этот кейс про баланс: как добавить бизнес‑ценность и не разрушить доверие на одном из самых чувствительных шагов пользовательского пути — сразу после записи к врачу.&nbsp;&nbsp;</p> <a href="https://habr.com/ru/articles/1019088/?utm_campaign=1019088&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать кейс</a>

Тысячеликий кошмар: как создавали спецэффекты в «Нечто» Джона Карпентера
<img src="https://habrastorage.org/getpro/habr/upload_files/a7c/9cf/286/a7c9cf286d0b30a4be4c51d154924210.png" /><p>Группа полярников отрезана от Большой земли суровой зимой. К ним на станцию пробирается пришелец, замерзший когда-то в антарктических льдах и разбуженный неосторожными исследователями. Кто доживет до весны, а кто станет жертвой инопланетянина?</p><p>Впервые этот <a href="https://ru.wikipedia.org/wiki/%D0%9A%D1%82%D0%BE_%D0%B8%D0%B4%D1%91%D1%82%3F">рассказ</a> экранизировали в 1951 году. Но, конечно, на слуху у всех ремейк, снятый Джоном Карпентером («Хэллоуин», «Побег из Нью-Йорка») в 1982 году. Карпентер с детства любил оригинальный фильм и хотел его модернизировать, чтобы как следует напугать искушенную аудиторию.</p><p>Для этого режиссер собрал команду специалистов в самых разных сферах эффектов, и вместе они создали шедевр. Давайте разбираться, как создавали для большого экрана идеальное воплощение паранойи: инопланетное нечто, способное принять любую форму.&nbsp;&nbsp;</p><p><em>Дисклеймер: «Нечто» — фильм ужасов, поэтому в нем полным-полно весьма отвратительных эффектов, крови и жестокости. Самые визуально неприятные моменты в статье под спойлерами, открывайте на свое усмотрение.</em></p> <a href="https://habr.com/ru/articles/1016104/?utm_campaign=1016104&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Кто идет?</a>

Почему AI-generated UI стоит изучать как источник визуальных мутаций
<img src="https://habrastorage.org/getpro/habr/upload_files/887/50e/bfa/88750ebfa3c6ca9d829d5185e889b8ea.webp" /><p>Когда обсуждают <a href="https://app.setproduct.com/" rel="noopener noreferrer nofollow">AI-generated UI</a>, разговор обычно быстро уходит в одну из двух крайностей.</p><p>Первая крайность звучит так: <em>можно ли это сразу нести в продакшен?</em></p><p>Вторая так: насколько результат похож на дизайн-языки, от Apple до Material Design.</p><p>Проблема в том, что мы слишком рано начинаем оценивать AI-картинку как почти готовый интерфейс. Хотя во многих случаях она полезна совсем по другой причине. Не потому, что экран уже получился зрелым, воспроизводимым и пригодным для продуктовой среды. А потому, что он принёс редкую визуальную комбинацию, до которой человек вручную шёл бы заметно дольше, либо вообще не полез бы в эту сторону с первой попытки.</p><p><strong>Главная польза AI-generated UI часто лежит не в скорости производства экранов, а в поставке визуальных мутаций.</strong></p><p>Но и это, как мне кажется, ещё не самый интересный слой темы.</p><p>Есть перспектива глубже. AI полезен не только тем, что выбрасывает необычные визуальные сочетания. Он постепенно меняет саму точку входа в процесс. Раньше сильный визуальный ход обычно должен был родиться внутри головы дизайнера. Теперь он всё чаще может возникнуть снаружи, в виде машины, которая массово производит промежуточные формы. После этого дизайнер уже не столько изобретает первый образ, сколько отбирает, фильтрует, нормализует и превращает удачное отклонение в систему.</p><p>Именно этот сдвиг, по-моему, и заслуживает более внимательного разговора.</p> <a href="https://habr.com/ru/articles/1018654/?utm_campaign=1018654&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Гайд для малышей: как перегнать дизайн из Figma в код
<img src="https://habrastorage.org/getpro/habr/upload_files/aef/591/a32/aef591a32a080b35e335a2df9d56c106.png" /><p>Стартовый гайд, для тех, кто хочет на простом примере научиться генерировать из Figma как минимум веб-страницу, которая: сделана по дизайну, адаптивна под разные размеры экрана, учитывает retina и non-retina дисплеи, поддерживает локализацию с динамическим переключением языков и позволяет реализовать другие свои хотелки</p> <a href="https://habr.com/ru/articles/1018064/?utm_campaign=1018064&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать гайд</a>

Насмотренность — ловушка. Что на самом деле развивает продуктового дизайнера
<img src="https://habrastorage.org/getpro/habr/upload_files/02d/84d/3e6/02d84d3e63a840ad103e1c6ce804b718.png" /><p>У продуктовых дизайнеров есть странная ловушка: индустрия производит огромное количество контента про рост в профессии, но сам рост от этого почти не происходит. Можно годами смотреть референсы, читать разборы и ходить по курсам — а потом все равно теряться в работе с живым продуктом, где есть ограничения, метрики, конфликты и цена ошибки.&nbsp;</p><p>Я это видел много раз — и в студии, и в больших командах. Поэтому ниже не советы в духе «потрать 10 000 часов», а разбор того, что реально ускоряет рост и почему стандартные пути часто тормозят и не помогают.</p> <a href="https://habr.com/ru/articles/1018080/?utm_campaign=1018080&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать-страдать</a>

Вайбкодинг для дизайнера: выбор сервиса для создания прототипов лендинга
<img src="https://habrastorage.org/getpro/habr/upload_files/fea/23b/69b/fea23b69b40094b23f4a4d2803e5217e.jpg" /><p>Прилетела как-то ко мне задача: нужно оперативно сделать 4 посадочные страницы для разных чат-ботов, чтобы показать продукты внутри одной компании, то есть, заходя на сайт бренда, можно перейти на промостраницу каждого из них. Сразу поясню – заказчик крупный, мы делаем для него пул задач кастомной разработки. В этот раз он хотел подготовить отдельные промо на каждый вид продукта.</p><p>Подобные задачи я делаю на Тильде, которая подходит для небольших проектов. Иногда и сам клиент просит сделать сайт именно на этой платформе, так что опыт работы с ней у меня накопился приличный.</p><p>Оценила сроки и выдала: «За 2 недели будет готово». Но у заказчика был конкретный запрос — попробовать собрать лендинги с помощью ИИ и уложиться в более сжатые сроки.</p><p>Попробовала прикинуть, как ускориться — например, собрать макеты с помощью AI, перевести в Figma, и можно уложиться в полторы недели. Но и это не совсем подходило. Тогда гендиректор мне подсказал: «А попробуй вайбкодинг». Ну давайте пробовать, что уж там!</p> <a href="https://habr.com/ru/articles/1017784/?utm_campaign=1017784&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Особенности трассировки на внешних и внутренних слоях печатной платы
<img src="https://habrastorage.org/getpro/habr/upload_files/8c7/685/f06/8c7685f06ce8760b5467989cb3b8faa3.JPG" /><p>Когда разработчик открывает CAD-пакет и начинает разводку многослойной печатной платы, он реализует не только электрическую схему, но и технологическую судьбу изделия. От того, на каких слоях будут проложены сигналы, размещены полигоны питания и «земли», зависит не только помехоустойчивость, но и то, насколько легко плату будет изготовить, проконтролировать и, если потребуется, отремонтировать после пайки.</p><p>На нашем производстве мы регулярно сталкиваемся с проектами, где внешние и внутренние слои используются неоптимально. Например, силовые цепи пытаются спрятать внутрь, забывая про теплоотвод, или, наоборот, критичные высокочастотные линии выводят наружу, получая недопустимые наводки. Разберём принципиальные различия между внешними и внутренними слоями — с точки зрения технологии, электрики и эксплуатации.</p><p><strong>Внешние слои. Верх и низ (Top и Bottom)</strong></p><p>Верхний и нижний слои — это «лицо» печатной платы. Как правило, они покрыты паяльной маской, имеют контактные площадки для компонентов и непосредственно взаимодействуют с окружающей средой. Их трассировка имеет ряд характерных черт.</p><p><strong>Технология изготовления</strong></p> <a href="https://habr.com/ru/articles/1017766/?utm_campaign=1017766&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Дуализм стилей реализации интерпретатора
<img src="https://habrastorage.org/getpro/habr/upload_files/5dc/46d/218/5dc46d2185979484c79faf3d6d382193.png" /><p><strong>1.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Преамбула</strong></p><p>Напомню, что в серии статей на Хабре я описываю вольную реализации демонстратора системы взаимодействующих движков Forth в рамках парадигмы обработки данных в потоке. Последняя статья <a href="https://habr.com/ru/articles/1002748/" rel="noopener noreferrer nofollow">https://habr.com/ru/articles/1002748/</a> из этой серии была посвящена реализации прототипов взаимодействующих движков Forth класса тактовых генераторов.</p><p>Сегодня моя цель - обсудить две возможные схемы реализации интерпретатора, показанные на заставке.</p><p><strong>2.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Исходная точка вопроса </strong></p><p>Ход разработки демонстратора системы идет в стиле «два шага вперед, шаг назад». Последний шаг назад, повлекший капитальную модернизацию работающего интерпретатора Forth, был сделан на этой неделе.</p><p>Дело в том, что я обратил внимание, что в литературе принципиальные схемы так называемой REPL, мягко выражаясь, не совпадают с действительными соотношениями вещей.</p><p><strong>Справка из Википедии</strong>: "REPL — форма организации простой интерактивной среды программирования в рамках средств интерфейса командной строки."</p><p>Я не стал копировать из Интернета иллюстрации REPL интерпретатора, а для единообразия подготовил свою, соответствующую интерпретатору Forth:</p> <a href="https://habr.com/ru/articles/1017678/?utm_campaign=1017678&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Информационный мусор в интерфейсах
<img src="https://habrastorage.org/getpro/habr/upload_files/372/91b/20d/37291b20d869cf57b4512bc137020827.png" /><p>Я изучаю информационный мусор, как явление в дизайне, уже более 10 лет — в дизайне интерфейсов он представляет собой избыточный, нерелевантный или конкурирующий визуальный и текстовый контент, который нарушает когнитивные процессы восприятия и затрудняет эффективное взаимодействие пользователя с системой, поскольку человеческое внимание, обладая ограниченной пропускной способностью, не способно одновременно обрабатывать большое количество равнозначных стимулов без потери качества интерпретации этих стимулов.</p><p>Информационный мусор может содержаться: в тексте, в навигационных структурах, в колористике, в формах и в избыточности визуальных метафор (иконок) внутри интерфейса.</p> <a href="https://habr.com/ru/articles/1017602/?utm_campaign=1017602&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Дальше &mdash; больше</a>

ТОП-6 лучших ИИ для генерации семейных фото — промпты для фотосессии пары
<img src="https://habrastorage.org/getpro/habr/upload_files/f87/705/6e1/f877056e1ba20d787d54d792291dcfd7.png" /><p>Сегодня сделать семейное фото онлайн предлагает большое количество сервисов: от ботов в Telegram до мировых лидеров типа GPT Image или Nano Banano (Google). Проблема в том, что большинство реально признанных ИИ недоступны или их через API, что часто сопровождается сбоями в работе и ошибками. Мы собрали лучшие сервисы, с помощью которых Вы сможете сделать совместное фото как по готовым шаблонам (это гораздо проще и часто лучше), так и с помощью промптов в режиме онлайн. В качестве бонуса также предлагаем 15 проверенных промптов, которые хорошо работают в Gemini.&nbsp;</p> <a href="https://habr.com/ru/articles/1017570/?utm_campaign=1017570&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Генерация видео: как создать видеоролик бесплатно (или дешево) видео в эпоху нейросетей
<img src="https://habrastorage.org/getpro/habr/upload_files/989/b47/eb9/989b47eb93e93e485fef71ad74cde270.png" /><p>Сегодня многие пользователи ИИ живут в&nbsp;двух параллельных реальностях: одни получают гранты и «стебут» Голливуд с&nbsp;помощью SeeDance 2.0, а&nbsp;другие не&nbsp;знают, как&nbsp;зарегистрировать аккаунт без <a href="https://habr.com/ru/companies/tehrevizor/articles/1011674/">зарубежной карты</a> и получить охваты в&nbsp;Тик‑Ток, получая шаблонные «пластиковые» видео на&nbsp;выходе, которые уже «надоели» всем алгоритмам во&nbsp;всех существующих социальных сетях. Отсюда простой вывод&nbsp;— для&nbsp;генерации видео нужно понимать свои цели и потолок того или&nbsp;иного AI для&nbsp;масс‑маркета в&nbsp;контексте поставленной задачи. Сегодня мы расскажем, как&nbsp;создавать любительские видео для&nbsp;развлечений и трафика в&nbsp;социальных сетях максимально просто, и на&nbsp;что&nbsp;способны доступные языковые модели&nbsp;— без&nbsp;профильного образования оператора или&nbsp;дизайнера.&nbsp;</p> <a href="https://habr.com/ru/articles/1017496/?utm_campaign=1017496&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Дизайн за 5 минут. Дайджест марта 2026
<img src="https://habrastorage.org/getpro/habr/upload_files/1bc/2b0/6ab/1bc2b06ab9812690d1ef73c8316387be.jpg" /><p>В этом выпуске пробежимся по самым интересным новостям марта, которые точно стоит посмотреть и взять себе на заметку:</p><p>1) Кит — маскот Firefox<br>2) Новинки от Apple<br>3) Слоты в Figma<br>4) Сразу два новых шрифта: Snickers Sans и TikTok Sans<br>5) Апдейт Google Stitch<br>6) Интересный UX-кейс с «читами»<br>7) Дизайн для «Backstage Roasters»<br>8) SVG-иконки и новые эмодзи<br>9) «Агентурная» работа прямо на холсте Figma</p> <a href="https://habr.com/ru/articles/1017398/?utm_campaign=1017398&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Погнали!</a>

Как я часами смотрел на голубей в слоумо: мой опыт создания 3D-анимации для веба
<img src="https://habrastorage.org/getpro/habr/upload_files/8c1/46c/1ea/8c146c1ea8b8e14b204d9e928d672d32.png" /><p>Когда ты дизайн-директор и берёшься за то, чего раньше не делал, тебя ждёт много интересного: нейросеть выдаёт голубя с переломанными лапами, модель здания не влезает в браузер, а Spline отказывается фиксировать частоту кадров.&nbsp;</p><p>Привет! Меня зовут Алексей Нибо, я дизайн-директор в Атвинте. Это история о том, как я собирал интерактивные 3D-модели для сайта архитектурного бюро.</p> <a href="https://habr.com/ru/articles/1016224/?utm_campaign=1016224&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Как сделать инфографику в ИИ: 8 сценариев, где визуал работает лучше текста
<img src="https://habrastorage.org/getpro/habr/upload_files/d6a/030/8d3/d6a0308d34909efaf96af36ea9d3f94f.png" /><p>Несмотря на&nbsp;наличие таких художников как&nbsp;Midjourney, инфографика по‑прежнему играет важную роль, ведь воспринимается в 60 000+ раз&nbsp;быстрее, чем текст. А&nbsp;сегодня как&nbsp;раз время коротких вертикальных видео:</p><p>ЦИФРЫ:</p><p>94%&nbsp;— больше просмотров, чем у&nbsp;публикаций без&nbsp;визуала;</p><p>6×&nbsp;— визуальная информация запоминается лучше, чем текст;</p><p>3×&nbsp;— выше вовлечённость: лайки, репосты, сохранения;</p><p>Рассмотрим 8&nbsp;сценариев, когда инфографика полезнее текста.</p> <a href="https://habr.com/ru/articles/1015868/?utm_campaign=1015868&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Топ-10 лучших промптов для ИИфотосессии в Gemini, которые придумал Claud
<img src="https://habrastorage.org/getpro/habr/upload_files/e17/ea9/431/e17ea94318da963f0983a0b2b56a7b19.png" /><p>В сети тысячи промптов для фотосессий, но почти все они выглядят примерно одинаково. «Гиперреалистичный портрет, 8K, кинематографический свет, красивая девушка, f/1.8.» Копируешь. Вставляешь. Получаешь пластиковое лицо которое выглядит так, будто его сгенерировал кто-то, кто никогда не смотрел на фотографию, которую любит. Это явно не тот максимум, который сегодня может выдать Gemini, ведь модель научилась отлично держать лицо. Пойдем за экспериментами.&nbsp;</p><p>Мы прошли через всё что есть — Pinterest, TikTok, YouTube и ботов со своими коллекциями образов:&nbsp;</p> <a href="https://habr.com/ru/articles/1015838/?utm_campaign=1015838&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

ИИ фотосессия по фото 2026 — ТОП-10 лучших нейронок для генерации картинок онлайн по фотографии
<img src="https://habrastorage.org/getpro/habr/upload_files/552/7a3/d15/5527a3d152645c8866553727d781857a.png" /><p>ИИ фотосессия по&nbsp;фото&nbsp;— это всегда компромисс между «пластиковыми»&nbsp;лицами и фотореализмом: одни нейронки хорошо держат консистентность, но&nbsp;добавляют «мыло», а&nbsp;другие предлагают уникальный художественный стиль, но&nbsp;портят референс. Тем не&nbsp;менее, сегодня есть достаточно много вариантов ИИ для&nbsp;фотосессий, которые предлагают приемлемый результат. Мы собрали лучшие модели, как&nbsp;для&nbsp;нашего рынка, так и зарубежные сервисы для&nbsp;тестирования которых нужно будет постараться чуть больше.&nbsp;</p> <a href="https://habr.com/ru/articles/1015498/?utm_campaign=1015498&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Нейрофотосессия онлайн по фото: как сделать студийную фотосессию в ИИ | Бесплатные промпты 2026 года
<img src="https://habrastorage.org/getpro/habr/upload_files/37f/57e/ed4/37f57eed4e214ed62fa498e30824aa5d.png" /><p>Нейрофотосессия онлайн&nbsp;— это олицетворение сложного термина, но&nbsp;предельно простой задачи для&nbsp;ИИ, с&nbsp;которой сегодня может справиться почти любая популярная нейронка: от&nbsp;GPT Image до&nbsp;Midjourney. Проблема в&nbsp;том, что&nbsp;эти сервисы ориентированы на&nbsp;свою целевую аудиторию, и не&nbsp;доступны у&nbsp;нас на&nbsp;сегодняшний день. Впрочем, это не&nbsp;мешает нам делать студийные фотосессии, ведь у&nbsp;многих мировых движков есть API, которыми пользуются разработчики для&nbsp;создания своих сайтов, ботов, приложений. И их очень много. Однако, не&nbsp;все работают корректно и прозрачно. Собрали для&nbsp;Вас топ нейронок для&nbsp;создания фотосессий и бонус в&nbsp;виде промптов, которые сегодня «вирусятся» в&nbsp;сети.&nbsp;</p> <a href="https://habr.com/ru/articles/1015286/?utm_campaign=1015286&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

«Живой» интерфейс без разработки: как в Mindbox внедрили AI-first прототипирование
<img src="https://habrastorage.org/getpro/habr/upload_files/87d/750/f92/87d750f92d83cfd81eed7ec01ade2869.png" /><p>На связи Антон Черный, лид команды продуктового дизайна. На примере типовой задачи рассказываю, как&nbsp;мы пересобрали UX-процесс и ускорили проверку гипотез с помощью AI-first прототипирования.</p> <a href="https://habr.com/ru/articles/1011150/?utm_campaign=1011150&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Я перестал описывать изображения нейросети — и начал показывать. Что из этого вышло
<img src="https://habrastorage.org/getpro/habr/upload_files/dc5/abe/98f/dc5abe98f90b66ec2503e0b0a5adc724.jpg" /><p>Привет, Хабр! </p><p>У&nbsp;меня&nbsp;была довольно простая идея&nbsp;— сделать несколько принтов с&nbsp;хоккеистами. В&nbsp;итоге всё закончилось тем, что&nbsp;я превратил их в&nbsp;богов и собрал серию <strong>THE HOCKEY GODS SERIES</strong>.</p><p><strong>1.&nbsp;Предисловие</strong></p><p>Сегодня я хотел&nbsp;бы рассказать о&nbsp;небольшом дизайнерском проекте, который я планировал реализовать уже давно, но&nbsp;никак не&nbsp;доходили руки.</p><p>Идея&nbsp;была такова: сделать небольшую коллекцию футболок с&nbsp;эпичными изображениями современных хоккеистов. Идея базировалась на&nbsp;трёх архетипах «Александр Овечкин&nbsp;— Архангел», «Здено Хара&nbsp;— Кибервойн» и «Виктор Хедман&nbsp;— Ледяной страж», но&nbsp;в&nbsp;процессе работы по&nbsp;ряду соображений (узнаваемость бренда у&nbsp;российский аудитории и некоторые сложности с&nbsp;результатами генерации по&nbsp;Здено Харе) я решил исключить всех иностранных хоккеистов или&nbsp;выделить их в&nbsp;отдельный блок. Таким образом, сейчас в&nbsp;коллекцию входят футболки со следующими хоккеистами: Александр Овечкин, Артемий Панарин, Сергей Бобровский, Павел Дацюк, Михаил Сергачёв и Евгений Малкин.</p> <a href="https://habr.com/ru/articles/1014890/?utm_campaign=1014890&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

5 старых шрифтов и история их создания
<img src="https://habrastorage.org/getpro/habr/upload_files/f29/541/655/f29541655fac4d90e88665c8623ebb80.png" /><p>Психологи уверены: то, как мы воспринимаем происходящее, — в том числе заслуга шрифтов. Они могут быть холодными и отстраненными, теплыми и яркими. Сегодня поговорим о нескольких старых шрифтах и расскажем, как они были созданы.</p> <a href="https://habr.com/ru/articles/1015170/?utm_campaign=1015170&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

UX-исследование первой сессии и активации в DeFi приложениях
<img src="https://habrastorage.org/getpro/habr/upload_files/604/441/249/604441249962b047ddc4d2af68af4294.jpg" /><p>Пользователи DeFi‑приложений&nbsp;— независимо от&nbsp;опыта&nbsp;— в&nbsp;первой сессии сталкиваются с&nbsp;нагрузкой, где нужно разбираться в&nbsp;ключах, адресах, комиссиях, пулах ликвидности и&nbsp;пр., что становится причиной финансовых ошибок и&nbsp;высокой доли отказов</p><p>Проверил гипотезу влияния выбора модулей приложения в онбординге на устойчивость к ошибкам, понятность и скорость сценариев перевода, обмена и стейкинга</p> <a href="https://habr.com/ru/articles/993780/?utm_campaign=993780&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать исследование</a>

7 промптов для создания вирусных видео в Tik‑Tok и YouTube — бери и адаптируй под Grok, Kling, Veo или Sora
<img src="https://habrastorage.org/getpro/habr/upload_files/4b4/0b8/22f/4b40b822fba6c31aae9d6c396ca8e025.png" /><p>Результат хорошего видео сегодня&nbsp;— это не&nbsp;столько про&nbsp;возможности ИИ, сколько про&nbsp;понимание его работы и логики выполнения поставленных задач. Поверьте, никто лучше самих ассистентов (GPT и Cloud) не&nbsp;понимает «потолок», который можно вытащить из&nbsp;нейронок. И вовсе не&nbsp;обязательно проходить курсы по&nbsp;промпт‑инжинирингу, чтобы научиться создавать или&nbsp;находить хорошие промпты для&nbsp;генерации видео&nbsp;— этому уже посвящены целые сайты, разделы в&nbsp;Pinterest. Мы решили собрать немного интересных идей в&nbsp;одном месте, посвященных видео, которые прямо сегодня «разрывают» Тик Ток и Ютуб.&nbsp;</p><p>Сделать такие видео Вы можете в <a href="https://t.me/fox_ai_videobot?start=habr-tehrevizor_1015066">Fox AI</a>&nbsp;— это бот, который включает разные движки самых популярных ИИ (Kling, VEO, Sora и другие). Работает в&nbsp;Telegram без&nbsp;ВПН;</p> <a href="https://habr.com/ru/articles/1015066/?utm_campaign=1015066&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

5 когнитивных искажений, которые ломают UX
<img src="https://habrastorage.org/getpro/habr/upload_files/9d2/dab/683/9d2dab683089419a0180e8b48defdff0.jpg" /><p>Мы часто думаем, что плохой интерфейс — это про кнопки, цвета или сетку. Но чаще он ломается не из-за пикселей. А из-за того, что дизайнер не учитывает, как на самом деле работает мозг.</p><p>Пользователь — не машина. Он устает. Спешит. Тревожится. Делает выводы на основе первых впечатлений.</p><p>И вот здесь включаются когнитивные искажения. Разберём 5 самых опасных для UX.</p> <a href="https://habr.com/ru/articles/1014772/?utm_campaign=1014772&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Как я сократила время разработки на 50% одним решением
<img src="https://habrastorage.org/getpro/habr/upload_files/5dc/c9a/ac4/5dcc9aac41292ee0e85be792c1c882f9.png" /><p>В статье показан практический подход, который помогает сократить время на вёрстку, убрать лишние вопросы и сделать дизайн понятным без дополнительных объяснений. Если вы сталкивались с ситуациями, когда разработчик «не так понял макет», сроки вёрстки дизайна часто переносятся, коммуникация отделов дизайна и разработки хромает — этот материал для вас.</p> <a href="https://habr.com/ru/articles/1014944/?utm_campaign=1014944&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать</a>

Дизайн интерфейса: когда изменения оправданы. Часть 2
<p><strong>Продолжаем рассматривать случаи, когда изменения в интерфейсах и сценариях их использования помогают продукту работать эффективнее.</strong></p><p>В <a href="https://habr.com/ru/articles/1012022/" rel="noopener noreferrer nofollow">предыдущей части</a> мы разобрали:</p> <a href="https://habr.com/ru/articles/1014578/?utm_campaign=1014578&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Часы, как аркада. Krayon Anywhere и Pac-Man: гибрид механики и ностальгии
<img src="https://habrastorage.org/getpro/habr/upload_files/438/6a5/9b9/4386a59b90dd6b4859c0ef9c6a8bede5.jpg" /><p>Я люблю часы. Особенно, если это что-то про ретро-игры. Писал про свою коллекцию <a href="https://habr.com/ru/articles/924956/" rel="noopener noreferrer nofollow">здесь</a>. </p><p>Бренд Krayon, который известен тем, что его изделия способны вычислять продолжительность дня и ночи для любой точки Земли, представил часы Anywhere Pac-Man. Игровая механика стала частью расчета астрономических данных.</p><p>Механизм Krayon C030 умеет рассчитывать момент восхода и заката в любой точке Земли на основе геолокации. Индикатором дня/ночи стал Pac-Man. Он совершает полный круг по циферблату, и движется с разной скоростью в зависимости от реальной продолжительности светового дня в выбранном месте.</p> <a href="https://habr.com/ru/articles/1014430/?utm_campaign=1014430&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Мой путь от «обычной работы» в офисе — в продуктовый дизайн
<img src="https://habrastorage.org/getpro/habr/upload_files/317/65f/279/31765f2797f4ffa57d9c5af19a4d6472.png" /><p>Привет, Хабр! Меня зовут Эльмира&nbsp;— сегодня я продуктовый дизайнер с&nbsp;грейдом сеньор. Но&nbsp;в&nbsp;моей семье до&nbsp;сих пор не&nbsp;знают, чем я занимаюсь и кто такой продуктовый дизайнер. И сама я в&nbsp;начале пути знала только выражение «Художник&nbsp;— от&nbsp;слова худо», и мечтала работать в&nbsp;Лаборатории Касперского (ЛК), но&nbsp;считала это недосягаемой фантазией. В&nbsp;следующий раз подробно расскажу о&nbsp;рутине продуктового дизайнера на&nbsp;примере одного спринта, а&nbsp;сегодня&nbsp;— история о&nbsp;том, как&nbsp;мне удалось двигаться в&nbsp;неизвестном направлении и изменить сценарий своей жизни.</p> <a href="https://habr.com/ru/articles/1014066/?utm_campaign=1014066&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Дизайн-токены: полный гайд по архитектуре и неймингу (CTI vs W3C) с примерами и задачками
<img src="https://habrastorage.org/getpro/habr/upload_files/545/023/a5e/545023a5e4457644631f78ddf4125868.png" /><p>Дизайн-токены — это язык, понятный как дизайнерам, так и разработчикам. Без него продукт получается разрозненным и неповоротливым. Токены и правильный нейминг помогают создавать новые разделы быстрее, а дизайнерам больше думать о сценариях и создавать визуал в рамках продукта, а не заниматься рутиной.</p><p>Если в вашем коде и макетах до сих пор живут значения типа&nbsp;<em>#0055FF</em>&nbsp;— вы копите технический долг, ведь если понадобится изменить этот цвет на другой, придется менять и все компоненты, где используется это значение. А про разные темы вообще можете забыть...</p><p>В конце статьи будут ссылки на доп. материалы из реальных дизайн-систем, откуда я брал информацию.</p> <a href="https://habr.com/ru/articles/1012980/?utm_campaign=1012980&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Изучить тему</a>

Как посмотреть! От аналоговой сетки к цифровому пикселю и обратно… к кубику Рубика
<img src="https://habrastorage.org/getpro/habr/upload_files/687/91b/feb/68791bfebf50c6a4eb667958d8ea0b00.png" /><p>Пиксель кажется чистым изобретением компьютерной эры – светящаяся точка на экране, из миллионов которых складываются все наши фото, игры и видео. Мы привыкли думать о нём как о технической единице: квадратной и цифровой.</p><p>Но если посмотреть внимательнее, идея пикселя появилась задолго до первых процессоров. Это не столько технология, сколько способ мышления: разбить сложное изображение на отдельные части и собрать их заново уже в своей голове.</p><p>Художники открыли эту логику первыми, когда наносили на холст сетку, пытались управлять светом через темную комнату – она же камера-обскура, а позднее превратили дискретность в художественный принцип. Затем пришла цифровая революция: пиксель стал матрицей чисел, стандартом тестирования и языком видеоигр. А сегодня пиксель вернулся туда, откуда появился, – в материальный мир, но уже как культурный феномен. Теперь пиксель можно держать в руках: это кубик Рубика или кирпичик LEGO. В этой статье мы пройдём путь от аналоговой сетки к цифровому пикселю и обратно… к кубику Рубика. </p> <a href="https://habr.com/ru/articles/1012710/?utm_campaign=1012710&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Крутим далее</a>