😮 Победа DNS над интерфейсным хаосом

Света, дизайнер интерфейсов DNS, рассказала о трансформации внутреннего продукта DNS REDACTOR. На одной странице насчитывалось 6 типов кнопок, каждый дизайнер рисовал страницы по-своему, а разработчики верстали как считали нужным. За 6 месяцев команда создала полноценную дизайн-систему, которая изменила не только интерфейсы, но и процессы работы. Самым сложным компонентом оказался Select, который пришлось переделывать 4 раза. Зато благодаря ему появились подробные гайды использования с описанием всех возможных сценариев. А новый компонент Aside-header освободил пространство сверху экрана, что критично для продукта, где основа интерфейса — таблицы. Внутри: – Почему внутренние продукты — это лицо компании внутри неё; – Как семантические цвета с альфа-каналом решили проблему 50 оттенков серого; – Зачем фильтры переместили в шапку таблицы; – Какие требования к макетам стали обязательными; – Почему визуальное тестирование добавили в процесс QA; – Как система статусов помогает управлять компонентами. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

Material Design 2: от "цифровой бумаги" до готовой дизайн-системы — серия из 6 частей

Начинается серия статей о Material Design 2: философия и глубокие знания основ интерфейсов для создания лучших продуктов Читать на дизайнерс | #статья
Изображение поста

Material Design 2: от "цифровой бумаги" до готовой дизайн-системы — серия из 6 частей

Начинается серия статей о Material Design 2: философия и глубокие знания основ интерфейсов для создания лучших продуктов Читать на дизайнерс | #статья
Изображение поста

НАША ДИЗАЙН-СИСТЕМА CONSTA УЧАСТВУЕТ В ШЕСТОМ СЕЗОН ГЛАВНОЙ КОРПОРАТИВНОЙ ПРОГРАММЫ ПРИЗНАНИЯ «ГАЗПРОМ НЕФТИ» «ЛЮДИ ПРОГРЕССА»

Изображение поста
Прямиком из лаборатории: как разговаривать с ИИ так, чтобы макеты не расползались
Китайские исследователи показали SpecifyUI — система, которая помогает в итеративном проектировании пользовательских интерфейсов с использованием структурированных спецификаций и генеративного искусственного интеллекта. Сердце системы — SPEC — структурированное, параметризованное, иерархическое промежуточное представление, в котором элементы пользовательского интерфейса представлены в виде управляемых параметров. Да, звучит сложно. Но это может помочь с генеративным дизайном в будущем. Так что давайте разбираться. Как устроен генеративный дизайн сейчас (и что с ним не так) – Текстовые подсказки рулят сценарием: большинство инструментов просят «объяснить словами» замысел, а потом пытаются угадать структуру макета и компоненты. Итерации линейные: мелкая правка часто «расползается» по макету. – Болезненная точечная правка: без формальной структуры сложно поменять один блок, не тронув остальные. Нужна адресная правка по узлу и атрибуту, а не перегенерация целой страницы. Это и закрывает SPEC: правки вида <операция, путь, значение> — например, заменить палитру только у шапки или превратить таблицу конкретной секции в карточки. – Нет мостика к коду: обычная генерация выдает «картинку вдохновения». SPEC строит мост до инженерии: RAG по базе примеров, агент кода и отладчик доводят результат до исполнимого состояния. Чем SPEC нам полезен? – Контроль: намерение фиксируется как SPEC — структурная запись про сетку, палитру, «язык форм», сценарий и иерархию Страница → Секции → Компоненты. Правки вносятся адресно по пути в структуре, не ломая остальное. – Сборка из референсов: система режет референсы на регионы, достает из них структуру и стиль, склеивает в единый SPEC. Можно брать сетку из А, палитру из В, компоненты из С. – Повторяемость и передача в разработку: SPEC конвертируется в рабочий интерфейс и код (React + библиотека компонентов + графики); есть цикл «сгенерировать — отловить ошибку — починить». Почему это не пустая болтовня На корпусе из ~2000 экранов: меньше визуальных ошибок, выше семантическое сходство, стабильнее структура. В тесте с 16 дизайнерами участники отметили лучшее чувство контроля по сравнению с Google Stitch Где это реально заходит – Продуктовые экраны, каталоги, дашборды, лендинги с повторяющимися блоками. – Когда важно держать стиль и логику дизайн-системы. – Когда итераций много и их нужно фиксировать правилами, а не папкой картинок. Когда можно пройти мимо – Разовый визуальный эксперимент ради идеи. – Очень маленькие страницы, где быстрее нарисовать, чем описывать. – Когда нет ресурса сформулировать правила — SPEC требует дисциплины. Итог Это начало пути, но направление правильное: итеративный дизайн с ИИ под контролем структуры. Меньше случайностей, больше повторяемости.
Изображение поста
🇦🇪 Дизайн-система для арабского языка
Александр Щеблыкин рассказал, как команда 2ГИС разработала мультиязычную дизайн-систему для рынков Ближнего Востока. Оказалось, что арабский интерфейс — это не просто перевод текста, а полная смена логики: всё читается справа налево, иконки отражаются, а знак вопроса пишется зеркально. Саша обнаружил множество неочевидных нюансов. Например, арабский текст визуально меньше латиницы, поэтому его нужно увеличивать на 10%. Цифры при этом читаются слева направо, даже внутри арабского текста. А слово «Назад» в ОАЭ и Саудовской Аравии пишется по-разному, хотя это один язык. Внутри: – Почему арабский текст нужно увеличивать на 10% для визуальной компенсации; – Какие иконки отражать, а какие оставить как есть; – Как переменные позволяют переключать интерфейс одним кликом; – Почему запятая в арабском повёрнута хвостиком вверх; – Как организовать словарь переводов для всех проектов; – Зачем нужны отдельные коллекции иконок для LTR и RTL. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Виктор Мома,
UX/UI-дизайнер Привет! Меня зовут Витя, я UX/UI-дизайнер с опытом в создании современных сайтов и веб-интерфейсов. Для меня важно, чтобы дизайн был не только красивым, но и понятным, удобным и работающим на задачи бизнеса. Помимо интерфейсов, у меня есть опыт в коммуникационном дизайне в агентстве — разработка визуальных концепций, айдентики и креативных материалов. Это помогает смотреть на проект шире и учитывать, как дизайн будет работать в разных каналах. Я проектирую интерфейсы, продумываю пользовательские сценарии, создаю дизайн-системы и визуальные концепции. В работе опираюсь на исследование потребностей аудитории и стремлюсь, чтобы сайт или продукт приносил результат и пользователю, и компании. Готов присоединиться к команде, чтобы решать задачи по созданию и развитию цифровых продуктов — от лендингов и промо-сайтов до сложных веб-сервисов. → Портфолио Контакт для связи: @viktorvladi #портфолио
Изображение поста
Всем привет! 👋
У нас хорошие новости: мы обновили сайт дизайн-системы Paradigm. И это только начало — впереди ещё много интересного: новые материалы, свежие разделы и апдейты, о которых давно просили. Что нового? ✨ Новый движок Мы наконец-то переехали с Notion на полноценный конструктор сайтов. Теперь обновления выкатываются без участия разработчиков — дизайн и редакция делают всё сами. 🧭 Обновлённая навигация Пришлось пойти на пару компромиссов, но в итоге сделали верхнее меню. Теперь искать нужное стало проще и быстрее. 🌙 Тёмная тема Дизайнеры любят чёрный, а ещё это реально экономит заряд батареи. Часть картинок пока не успели обновить — но работа идёт! ✍️ Редполитика Мы перенесли ее на сайт в первозданном виде. Подчистили неточности, добавили новые пункты и обновили раздел про тексты в доступности. 🎨 Раздел «Бренд» Теперь там есть коды основных цветов не только в HEX, но и в CMYK. Удобно для тех, кто работает с печатью. Спасибо всей команде ❤️. Сайт дизайн-системы для нас — это не только рабочий инструмент, но и небольшой инсайд-проект команды дизайна, редакции и UX продуктов Mail.
Изображение поста
Дизайнерский рынок труда: проблемы (1/2)
#Индустрия Ранее я затеял исследование по теме рынка труда, вакансий, поиска работы и других нюансов, связанных с друдоустройством. И пока я готовлю скрипты для опросов, хочется окинуть общим взглядом происходящее. На основе общего анализа происходящего можно выделить несколько ключевых проблем, с которыми столкнулись и дизайнеры, и работодатели. 1. Жесткая поляризация Рынок разделился на два полюса, а середина постепенно исчезает. Высокий полюс (Сеньоры / Лиды). Острый дефицит сильных senior-специалистов с глубокой экспертизой, стратегическим мышлением, управленческими навыками и знанием бизнес-метрик. Их переманивают за большие деньги, они часто уходят на западные рынки. Низкий полюс (Джуны). Огромное количество начинающих дизайнеров, которые прошли короткие курсы, но не имеют системных знаний, насмотренности и практического опыта. Им крайне сложно найти первую работу. Проблема: Спрос на уверенных мидлов по-прежнему есть, но требования к ним выросли до небес. От них ждут уже не просто рисования интерфейсов, а работы с дизайн-системами, проведения исследований, понимания юнит-экономики и т.д. Многим мидлам не хватает условий для приобретения навыков, чтобы вырасти до сеньора, и они застревают на этом уровне, создавая кадровый затор. 2. Запрос на специалистов с бизнес-скиллами Время операторов фотошопа безвозвратно ушло. Главный запрос рынка — это «дизайнер-универсал с глубокой экспертизой», который понимает бизнес-логику. От дизайнера ждут умения составлять CJM, считать юнит-экономику, проводить A/B-тесты, работать с гипотезами, анализировать метрики. Дизайнер должен доказывать ценность своего решения для бизнеса, а не просто его эстетическую привлекательность. Проблема: Большинство учебных программ и курсов до сих пор делают упор на инструменты (Figma, Photoshop) и теорию дизайна, но не дают критически важных бизнес-навыков. Джуны отрезаны от возможности работать над реальными бизнес-задачами. А к мидлам предъявляются высокие требования. 3. Взрывное влияние ИИ-инструментов ИИ кардинально меняет профессию и создает новые проблемы. Девальвация базовых навыков. Генерация идей, изображений и видео теперь занимают минуты. Работодатель на входе спрашивает: «Во сколько раз вы ускорите работу над базовыми задачами используя ИИ-инструменты?» Смещение фокуса с технической реализации на смыслы. Ценность дизайнера теперь не в умении быстро нарисовать макет, а в способности придумать верную концепцию, продумать логику взаимодействия, проанализировать данные и принять решение, которое улучшит ключевые метрики. ИИ — это инструмент, который усиливает дизайнера, но не заменяет его мышление. Проблема: ИИ еще сильнее усложнил вход в профессию, так как работодатель теперь ждет от новичков визуальные решения в завышенном техническом исполнении, а для эффективного использования AI-инструментов в работе нужно учиться дополнительно, никто не убирает отсюда важность знаний привычных инструментов и методологий.
Изображение поста
Golden Suisse
Новый проект на Dprofile. Редзайн корпоративного сайта для швейцарской компании. В рамках проекта мы создали гибкую и адаптивную дизайн-систему, разработали правила по микроанимациям, а также создали уникальные фирменные фото и видео материалы с помощью ИИ. UI анимации — Марина Талипова @talipovadesign. Видео и фото материалы — Spelllens. Кейс по ссылке: https://dprofile.ru/case/145047/gs-2025 Приятного просмотра!
Изображение поста
📖 Вышел Журналус № 475. Как сбежать из дизайн-тюрьмы за 300 миллисекунд
Вот что мы подготовили на этой неделе: • Цитаты из книги Кристофера Хэдфилда «Руководство астронавта по жизни на Земле. Чему научили меня 4000 часов на орбите» • Как сделать, чтобы на конференциях вас слушали • Когда анимации в интерфейсах действительно полезны • Как подготовиться к собеседованию и успешно его пройти • Неочевидные варианты выравнивания текста • Как дизайн-система может стать бюрократическим адом • Как распознать сгенерированный текст • Редизайн сайта с помощью ИИ • Обзор 55 опенсорсных инструментов для работы с ИИ-агентами • Подкаст с Бенедиктом Эвансом о будущем ИИ • Подробная карта космического пространства «Звёздных войн» • Впечатляющие сюрреалистичные картины Чемы Мендеса
Изображение поста
📖 Вышел Журналус № 475. Как сбежать из дизайн-тюрьмы за 300 миллисекунд
Вот что мы подготовили на этой неделе: • Цитаты из книги Кристофера Хэдфилда «Руководство астронавта по жизни на Земле. Чему научили меня 4000 часов на орбите» • Как сделать, чтобы на конференциях вас слушали • Когда анимации в интерфейсах действительно полезны • Как подготовиться к собеседованию и успешно его пройти • Неочевидные варианты выравнивания текста • Как дизайн-система может стать бюрократическим адом • Как распознать сгенерированный текст • Редизайн сайта с помощью ИИ • Обзор 55 опенсорсных инструментов для работы с ИИ-агентами • Подкаст с Бенедиктом Эвансом о будущем ИИ • Подробная карта космического пространства «Звёздных войн» • Впечатляющие сюрреалистичные картины Чемы Мендеса
Изображение поста
97% опрошенных арт-директоров смотрят в первую очередь на UI в твоем портфолио.
Встречают по UI, а уже провожают по UX. Последние годы вся сфера очень сильно топила за UX и мы действительно сделали мощный рывок, но тем самым практически забили на UX. Интерфейсы стали однообразными, а дизайнеры стали заложниками дизайн-систем, не имея возможности сделать нормальное портфолио для своей следующей работы. Представляем Дизайнерс UI BOOST 2025 — от создателей легендарного UX BOOST. Это новый онлайн-интенсив с уклоном в UI, где участники качают визуал. Большой упор сделан на реальный UI-задачи, а не красивые дриблшоты. Не просто рандомно делаем визуал, а с помощью пяти методик, которым тебя научат. 👉 Ведущие интенсива Александр Ковальский (CreativePeople) и Сергей Красотин (Humbleteam). Они будут прокачивать тебя независимо от твоего уровня — интенсив подойдёт даже начинающим дизайнерам. Присоединяйся, чтобы делать сочно уже через пару дней — uiboost.dsgners.ru
Изображение поста
97% опрошенных арт-директоров смотрят в первую очередь на UI в твоем портфолио.
Встречают по UI, а уже провожают по UX. Последние годы вся сфера очень сильно топила за UX и мы действительно сделали мощный рывок, но тем самым практически забили на UX. Интерфейсы стали однообразными, а дизайнеры стали заложниками дизайн-систем, не имея возможности сделать нормальное портфолио для своей следующей работы. Представляем Дизайнерс UI BOOST 2025 — от создателей легендарного UX BOOST. Это новый онлайн-интенсив с уклоном в UI, где участники качают визуал. Большой упор сделан на реальный UI-задачи, а не красивые дриблшоты. Не просто рандомно делаем визуал, а с помощью пяти методик, которым тебя научат. 👉 Ведущие интенсива Александр Ковальский (CreativePeople) и Сергей Красотин (Humbleteam). Они будут прокачивать тебя независимо от твоего уровня — интенсив подойдёт даже начинающим дизайнерам. Присоединяйся, чтобы делать сочно уже через пару дней — uiboost.dsgners.ru
Изображение поста
🔧 Как сделать Flipper Zero понятнее и дружелюбнее для новичков
Кристина Зима проанализировала интерфейс популярного хакерского устройства Flipper Zero и нашла множество проблем с удобством использования. Главная беда: перегруженные меню с техническими терминами, которые отпугивают новых пользователей и заставляют постоянно лезть в документацию. Она предложила семь конкретных способов упростить освоение устройства без потери функциональности. Особенно интересны идеи с режимами для новичков и профи, геймификацией через ачивки и возможностью восстанавливать случайно удаленные файлы Внутри: – Упрощение главного меню через группировку и понятные названия вместо технических терминов; – Два режима работы для новичков и продвинутых пользователей с разным набором функций; – Использование привычных паттернов дизайна и общепринятых иконок; – Создание единой дизайн-системы для всех экранов устройства; – Возможность восстановления удаленных объектов и быстрая обратная связь; – Настройка отображения пунктов меню под свои потребности; – Геймификация через ачивки и систему прогресса для мотивации изучения. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🔒 Дизайн-система как тюрьма
Автор разбирает парадокс: дизайн-система создаётся для ускорения работы, но часто превращается в барьер. Перекрасить кнопку? Согласование. Новый паттерн? Дизайн-комитет. А/В-тест? Сначала в ДС. Команда учится делать не «лучше», а «правильнее». Развитие продукта замирает, потому что «в системе так не принято». В статье приведены 10 признаков токсичной ДС и 11 корневых причин проблемы. Главная ошибка: вместо «чтобы быстрее и надёжнее» проповедуется «чтобы всё одинаковое». Автор предлагает набор метрик для измерения токсичности: от медианы времени на изменение UI до количества форков и обходных решений. Внутри: – 10 признаков того, что ДС стала тюрьмой; – Почему Design Ops превращается в надзорный орган; – Как измерить токсичность через метрики; – Что такое экспериментальный контур и зачем он нужен; – Почему команды создают подпольные клоны библиотек; – Как превратить систему из надзирателя в помощника. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Илья Сластен,
UX/UI-дизайнер Меня зовут Илья, я Senior UX/UI-дизайнер с 6+ годами опыта в B2B и B2E продуктах. Специализируюсь на сложных enterprise-интерфейсах, дата-ориентированных решениях и масштабируемых дизайн-системах. Ранее работал над продуктами для железнодорожной компании и банка: от интерактивных карт (ГИС-система) и CRM до корпоративной дизайн-системы. Также был Design Chapter Lead — настроил совместную работу дизайнеров и продуктовых команд, стандартизировал UX-процессы: от исследований до тестирования, и участвовал в обучении команды. Сейчас открыт к новым возможностям и предложениям. → Портфолио Контакт для связи: @interfacegeek #портфолио
Изображение поста
Ребята из Спортса" ищут продуктового дизайнера в команду медиа о спорте
🖥 Что это Спортс" – главное спортивное СМИ на русском языке. Они обновляют сайт, растим комьюнити и улучшаем опыт пишущих у нас пользователей. Дизайнеру предстоит редизайн Матч-центра и работа над другими продуктами спортивной статистики ✔️ Что по задачам: – Разрабатывать дизайн-решения для нашего веб-приложения. – Генерировать и проверять гипотезы, предлагая оптимальные решения. – Создавать интерактивные прототипы, проводить коридорные и модерируемые тестирования. – Участвовать в разработке на всех этапах, контролируя качество реализации дизайна. – Работать над дизайн-системой совместно с командой. ✨ Условия: – Гибридный график с посещением офиса в Москве (метро Проспект Мира/Рижская), гибкое начало дня. – ДМС со стоматологией, компенсация спорта, английского и обучения. – Классная команда и корпоративные активности (настолки, киноклуб, спортивные команды) – Практики one-to-one, performance review. Если любишь спорт и хочешь влиять на то, как миллионы людей следят за результатами – будут рады познакомиться с тобой! ➡️ Прямой отклик в Телеграм
Изображение поста
#uikit
Очень подробны кит, с замашкой на дизайн систему. Каждый элемент расписан и описан. Кит тут
Изображение поста
Чек-лист дизайнера: система маленьких шагов, которые сделают из тебя профи
Статья о том, как избавиться от хаоса и эффективно планировать время в дизайне. Как начать путь в профессии и не потеряться в информационном потоке Читать на дизайнерс | #статья
Изображение поста