Дизайн

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

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

Оценила сроки и выдала: «За 2 недели будет готово». Но у заказчика был конкретный запрос — попробовать собрать лендинги с помощью ИИ и уложиться в более сжатые сроки.

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

Когда разработчик открывает CAD-пакет и начинает разводку многослойной печатной платы, он реализует не только электрическую схему, но и технологическую судьбу изделия. От того, на каких слоях будут проложены сигналы, размещены полигоны питания и «земли», зависит не только помехоустойчивость, но и то, насколько легко плату будет изготовить, проконтролировать и, если потребуется, отремонтировать после пайки.

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

Внешние слои. Верх и низ (Top и Bottom).

Верхний и нижний слои — это «лицо» печатной платы. Как правило, они покрыты паяльной маской, имеют контактные площадки для компонентов и непосредственно взаимодействуют с окружающей средой. Их трассировка имеет ряд характерных черт.

Технология изготовления

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

Информационный мусор может содержаться: в тексте, в навигационных структурах, в колористике, в формах и в избыточности визуальных метафор (иконок) внутри интерфейса.

Представьте, что вам надо настроить камеры для целого города или очень большого завода, где их сотни или тысячи. Как сделать это удобно и не сойти с ума от конфигурирования каждой из этой тысячи?

У нас в конфигураторе Macroscop камеры организованы в виде «дерева».

За последние полтора года мы с вами стали свидетелями десятков «революций» в мире искусственного интеллекта. Каждый месяц кто-то выпускает модель, которая «наконец-то всё меняет». Но в начале февраля 2026 года я понял, что ситуация и правда начала меняться. Появились инструменты, которые позволяют по-другому выстроить само взаимодействие с ИИ. Я говорю об OpenClaw. Эта штука больше других похожа на полноценный автономный искусственный интеллект. Она решает самые разные задачи благодаря набору свойств, которые делают его полезным на практике. Внутри моя архитектура и юзкейсы для разведки и создания цифровых продуктов.

Когда ты дизайн-директор и берёшься за то, чего раньше не делал, тебя ждёт много интересного: нейросеть выдаёт голубя с переломанными лапами, модель здания не влезает в браузер, а Spline отказывается фиксировать частоту кадров. 

Привет! Меня зовут Алексей Нибо, я дизайн-директор в Атвинте. Это история о том, как я собирал интерактивные 3D-модели для сайта архитектурного бюро.

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

На связи Антон Черный, лид команды продуктового дизайна. На примере типовой задачи рассказываю, как мы пересобрали UX-процесс и ускорили проверку гипотез с помощью AI-first прототипирования.

Привет, Хабр!

У меня была довольно простая идея — сделать несколько принтов с хоккеистами. В итоге всё закончилось тем, что я превратил их в богов и собрал серию THE HOCKEY GODS SERIES.

1. Предисловие

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

Идея была такова: сделать небольшую коллекцию футболок с эпичными изображениями современных хоккеистов. Идея базировалась на трёх архетипах «Александр Овечкин — Архангел», «Здено Хара — Кибервойн» и «Виктор Хедман — Ледяной страж», но в процессе работы по ряду соображений (узнаваемость бренда у российский аудитории и некоторые сложности с результатами генерации по Здено Харе) я решил исключить всех иностранных хоккеистов или выделить их в отдельный блок. Таким образом, сейчас в коллекцию входят футболки со следующими хоккеистами: Александр Овечкин, Артемий Панарин, Сергей Бобровский, Павел Дацюк, Михаил Сергачёв и Евгений Малкин.

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

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

Мы часто думаем, что плохой интерфейс — это про кнопки, цвета или сетку. Но чаще он ломается не из-за пикселей. А из-за того, что дизайнер не учитывает, как на самом деле работает мозг.

Пользователь — не машина. Он устает. Спешит. Тревожится. Делает выводы на основе первых впечатлений.

И вот здесь включаются когнитивные искажения. Разберём 5 самых опасных для UX.

В статье показан практический подход, который помогает сократить время на вёрстку, убрать лишние вопросы и сделать дизайн понятным без дополнительных объяснений. Если вы сталкивались с ситуациями, когда разработчик «не так понял макет», сроки вёрстки дизайна часто переносятся, коммуникация отделов дизайна и разработки хромает — этот материал для вас.

Выкатили mcp llm ассистента во fusion360. Я сразу попробовал сделать то, что проектировал уже 60 раз и пытался автоматизировать сам - лестницу(деревянную).
Смотрим какой Vibe-design в 2026

У Figma давно был MCP-сервер. Работал он в режиме read-only, и сценарий выглядел так: дизайнер (или вы сами) рисовали макеты руками, потом разработчик скармливал агенту ссылку на файл в Figma, агент разбирал его по слоям, вытаскивал структуру, цвета, отступы, шрифты, и на выходе генерил код, который более-менее соответствовал тому, что было нарисовано.

Вчера Figma обновила свой MCP-сервер, и теперь она умеет не только читать, но и рисовать дизайн. Причём речь не про "нарисуй мне кнопку" или "сделай один экран". Агент может собрать полноценный лендинг целиком или выстроить UX-флоу на несколько экранов. И самое ценное: он делает это в рамках вашей дизайн-системы. Берёт ваши компоненты, ваши токены, ваши стили и собирает из них макет, который выглядит как часть вашего продукта, а не как что-то из генератора 2015 года.

До этого обновления все попытки генерировать дизайн через AI выглядели так себе. Результат глючил, визуал был устаревший, компоненты не из вашего UI Kit, а откуда-то из дефолтных библиотек. Пользоваться этим в проде было нельзя, максимум для наброска. Сейчас ситуация другая. Вы подключаете свою дизайн-систему (UI Kit), и агент собирает макеты, которые реально пригодны для использования.
Я считаю для быстрых экспериментов и проверки гипотез это гигантский шаг вперёд.

Параллельно обновился Stitch от Google. У них тоже появились новые возможности по генерации интерфейсов, и для стадии брейншторма он вполне подходит: накидать вариантов, посмотреть на разные подходы к экрану, быстро визуализировать идею.

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

В предыдущей части мы разобрали:

Когда звучит фраза «нарисовать картинку нейросетью», под этим обычно подразумевается отправка запроса в какой-нибудь условно-бесплатный сервис вроде Nano Banana или ChatGPT. Еще можно заплатить за подписку на Midjourney и смириться с тем, что твои промпты видит вся дискорд-галерея. Есть, конечно, и еще один путь — поднять открытую модель вроде Stable Diffusion на собственном компьютере, однако для большинства пользователей он всё ещё ощущается как «очень сложно» или «очень дорого». Книга, о которой мы хотим сегодня рассказать, решает как минимум первую проблему.

Привет, Хабр! Меня зовут Эльмира — сегодня я продуктовый дизайнер с грейдом сеньор. Но в моей семье до сих пор не знают, чем я занимаюсь и кто такой продуктовый дизайнер. И сама я в начале пути знала только выражение «Художник — от слова худо», и мечтала работать в Лаборатории Касперского (ЛК), но считала это недосягаемой фантазией. В следующий раз подробно расскажу о рутине продуктового дизайнера на примере одного спринта, а сегодня — история о том, как мне удалось двигаться в неизвестном направлении и изменить сценарий своей жизни.

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

Если в вашем коде и макетах до сих пор живут значения типа #0055FF — вы копите технический долг, ведь если понадобится изменить этот цвет на другой, придется менять и все компоненты, где используется это значение. А про разные темы вообще можете забыть...

В конце статьи будут ссылки на доп. материалы из реальных дизайн-систем, откуда я брал информацию.

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