Обновить

Дизайн

Сначала показывать
Порог рейтинга
Уровень сложности

Как подобрать цвета в проекте: от теории до промптов

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

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

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

Читать далее

Новости

Строительный UX-кейс: создаем сервис для пользователей, которые не любят нажимать на кнопки

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

Привет! Меня зовут Лена Мезина, я UX-дизайнер в группе компаний «Синтека». Проектирую интерфейсы в сервисе «Фейскит», который помогает вести учет инструментов и рабочего времени на стройке. Часто я наблюдаю, как привычные подходы к дизайну сталкиваются с реальностью на объектах. Сегодня покажу несколько таких кейсов: как «некрасивые» кнопки оказались лучше современного UI, зачем усложнять сценарии и как негативная обратная связь помогает расти. Статья будет полезна тем, кто создает продукты для пользователей с минимальной мотивацией и небольшим опытом работы в мобильных сервисах. 

Читать далее

Как прошёл KUB | Kontur UX Base 2026

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

3 июля состоялась седьмая ежегодная конференция от UX-исследователей Контура — KUB | Kontur UX Base. Рассказываем, как это было, и делимся записями докладов ✨

Читать далее

Как сделать портрет с помощью ИИ — чтобы действительно было похоже

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

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

Короче, я потратил около $200 на эксперименты и вроде как нащупал адекватный способ.

Читать далее

Как попасть в IT без знания кода? Разбираемся в профессии no‑code разработчика

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

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

Читать далее

Особенности регистрации описательных обозначений в качестве товарных знаков

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

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

Читать далее

Разработка возвращает макет: базовая гигиена Figma‑макетов

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

Грязный макет — грязный код. Чистый макет — адекватный код и отсутствие вопросов «что тут имелось в виду»: разработка получает то, с чем можно работать.

Элементарщина, про которую забывают/не успевают, ведь это просто, примитивно, но страдают все… В СВОЙ Тех решили написать спецификацию по тому, в каком виде желательно отдавать макеты в разработку. Разработка получила аргументацию для возвращения макета. Потому в «сесть и сделать сразу хорошо» заинтересованы все — но это время, и его надо закладывать в процессы. Внутри — правила, советы, рекомендации и чек‑лист для краш‑теста, которые помогают собраться и сделать хорошо сразу.

Из элементарного строится бо́льшее...

Читать далее

Автоматизация в отделе дизайна: опыт перестройки процессов

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

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

Расскажу, что мы перепробовали, какие задачи отдали машине и почему начинали совершенно не с нейросетей.

Сразу скажу: это не история успешного успеха. Где-то мы правда сократили время в разы, где-то только учимся, а где-то честно признали, что человек пока справляется лучше.

Читать далее

Человекоцентричный B2B-экран. Снижение нагрузки на техподдержку и ускорение поиска ошибок

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

Улучшаем UX экрана проверки товарных фидов в Яндекс Директе. Ускоряем считывание статусной информации и структурируем технические данные так, чтобы они были одинаково понятны и маркетологам, и разработчикам.

Читать далее

Как собрать «живую луну» из 500 000 точек в TouchDesigner

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

TouchDesigner позволяет собирать сложные генеративные эффекты из небольшой сети операторов. В этом туториале создадим «живую луну» из 500 000 точек, поверхность которой непрерывно деформируется процедурным шумом.

Основной эффект строится на связке Point Generator POP, Feedback POP, Noise POP и Math POP. Шум смещает частицы, а нормализация каждый кадр возвращает их на поверхность сферы. Благодаря обратной связи деформация превращается в непрерывное движение.

После настройки POP-системы подготовим рендер через Geometry COMP, добавим шлейф с помощью Feedback TOP и завершим изображение свечением через Bloom TOP. В статье приведены схема сети, параметры операторов, скриншоты всех основных этапов и варианты дальнейшего развития эффекта — от аудиореактивности до управления через MIDI.

Читать далее

Слоёный пирог против F‑паттерна: как подзаголовки решают, дочитают вас или нет

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

Пользователи не читают ваши страницы — они их сканируют. Взгляд прыгает по подзаголовкам, как по слоям пирога, и от того, что он там находит, зависит, останется человек или уйдёт. Разбираю паттерн layer-cake, F-паттерн и почему всё решается на этапе вёрстки, а не редизайном.

Читать далее

AI в дизайн-процессе в 2026: что вижу в индустрии — и как это устроено у меня

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

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

Читать далее

Тёмные паттерны: как закон в России впервые прямо запрещает манипулятивный дизайн

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

В 2025–2026 году в России впервые появились законы, которые прямо запрещают тёмные паттерны — предустановленные галочки, подписки-ловушки, склеенные согласия, манипуляции с выдачей на маркетплейсах. Разбираю все четыре закона по датам и штрафам, сравниваю с тем, что уже происходит в ЕС и США.

Читать далее

Ближайшие события

Как мы проектировали идеальный пользовательский опыт для OTP-поля

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

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

Меня зовут Антонина, я дизайнер интерфейсов ЮMoney. Мы изучили десятки исследований — от Baymard Institute до Google web.dev. Единого документа с лучшими практиками не нашлось: источники противоречили друг другу или оказывались слишком общими.

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

Читать далее

Дизайн за 5 минут. Дайджест июля 2026

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

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

На связи Андрей, продуктовый дизайнер Garage Eight.

В июле собрал много интересного: от промышленного дизайна и громких ребрендингов до немного космических новостей от OpenAI.

В этом выпуске:

1. Награда Red Dot для техники Tuvio;

2. Микро-клавиатура для работы с Codex;

3. Возвращение Coca-Cola к истокам;

4. Обновленный Tinder;

5. Превращение Freepik в Magnific;

6. Ребрендинг Stack Overflow;

7. Новые модели GPT 5.6;

8. Библиотека дизайн-студий со всего мира;

9. Неоднозначная айдентика ФК «Родина».

Погнали!

Как мы организовали тест-сессию в продукте: пилот формата

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

Я Лиза, UX-исследователь в Экстерне. Не так давно я организовывала тест-сессию в нашем продукте. В статье расскажу, что мы делали в рамках пилота такого формата исследования, с какими проблемами столкнулись и какие преимущества выделили.

Дизайнеры в Контуре уже пытаются возродить формат тест-сессий для исследований. Поэтому в нашем b2b-продукте мы тоже решили попробовать впервые провести его в этом году.

Опыт получился интересным — мы отловили проблемы интерфейса, как и хотели. Но еще больше поняли про сам формат исследования.

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

Читать далее

Как гуманитарий без опыта в кодинге собрал инди‑игру с AI‑агентом за полтора месяца

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

От концепт-дизайна велосипедного магазина до релизной web-игры на GitHub Pages — и почему документация оказалась важнее промптов.

Читать далее

Как я продумал планировку огорода и воплотил его в жизнь

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

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

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

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

Читать далее

Основы вёрстки для дизайнера. Часть 4. Инструменты разработчика: как заглянуть «под капот» сайта

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

Мы уже разобрали анатомию страницы (HTML) и её визуальное оформление (CSS) (1, 2, 3). Но как увидеть это всё вживую? Как понять, почему кнопка на сайте съехала на два пикселя ниже, чем в вашем макете?

Ответ прост — инструменты разработчика (Developer Tools, или сокращённо DevTools). Это встроенный во все современные браузеры набор утилит, который позволяет в реальном времени просматривать код, стили и структуру любой веб-страницы. Для дизайнера это не просто любопытная игрушка, а незаменимый инструмент для проведения авторского надзора.

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

Читать далее

Декомпозиционный подход организации пространства в Фигме

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

Этот подход плзволяет избавиться от таких проблем, как: неактуальность макетов для разработки, долгий поиск макетов и задач в фигме, протухание информации в макетах, увеличение memory usage и долгая загрузка файлов.

Больше подробностей
1
23 ...