📖 Вышел Журналус № 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
Очень подробны кит, с замашкой на дизайн систему. Каждый элемент расписан и описан. Кит тут
Изображение поста
Чек-лист дизайнера: система маленьких шагов, которые сделают из тебя профи
Статья о том, как избавиться от хаоса и эффективно планировать время в дизайне. Как начать путь в профессии и не потеряться в информационном потоке Читать на дизайнерс | #статья
Изображение поста
Завершаю неделю зеленого финтеха
стопкой контента от коллег за последнее время, к части которого и мы приложили руку. Это аудио, видео и статьи, которые показывают, чем живут наши команды и какую экспертизу они транслируют. Подобные активности будем регулярно разгонять в канале SberDesign ✈️ подписывайтесь, если интересно следить за тем, как звучит дизайн Сбера внутри и снаружи. У нас слишком много интересных людей и кайфовых дизайн-кейсов, чтобы про них не знали. Посмотреть 👀 • Лидерство и личный бренд внутри дизайн-команды. Иван Прохоров и Владимир Кузин • Эмоциональный дизайн (и как донести его до прода). Дан Светличный • Креативность в Зелёном банке: Как воплотить идеи и не стать руками. Кирилл Зацепин • Дизайн, который понимают: B2B без мифов. Саша Тихомирова • Дизайн в банковском секторе: секреты и сложности. Катя Панова • Сомнения и страхи при смене работы. Митя Осадчук • Почему профессия UI/UX и продуктового дизайна исчезнет. Дмитрий Прозоров • Процессы и метрики: опыт лидов Сбера. Дмитрий Толмачев и Юрий Четвериков • В поисках счастья: как дизайнеры из бигтеха строят комьюнити и развивают карьеру. Аня Журавлева и Лиза Языкова • Как создать эффективный дизайн-отдел. Иван Прохоров • Как выстроить процесс совместной работы между студией и клиентом. Саша Львов • Pixso и другие импортозаменители. Костя Дрокин • Кафедра Дизайна: АI в дизайне. Иоанн Айнао и Митя Осадчук • NOVA — дизайн-система зеленого банка. Миша Волков и команда Послушать 👾 • Дизайн и поддержка больших дизайн-систем. Михаил Волков • Дизайн продуктов для инженеров. Костя Дрокин • Роль метрик и монетизации в создании цифровых продуктов. Владимир Кузин Почитать ✈️ • Факап продуктового дизайнера из СбераКарьерный путь Lead продуктового Карьерный путь арт-директора в Сбере @nice2mitya_chuk
Никита Домашенко,
UX/UI-дизайнер Привет! Меня зовут Никита, я UX/UI-дизайнер с опытом в EdTech стартапе и PropTech. Работал над miniapp программой лояльности для крупного московского застройщика, редизайном edtech-приложения, личными кабинетами. Уверенно владею Figma, проектирую сложные пользовательские сценарии, работаю с дизайн-системами и контролирую реализацию. Люблю системный подход, внимание к деталям и задачи «на подумать». Ищу сильную команду, где смогу быть полезен, делать значимые проекты и быстро расти как специалист. Готов много учиться, прокачивать навыки и работать над крутыми и важными продуктами. → Портфолио Контакт для связи: @domashenko_dsgn #портфолио #BBE_alumni
Изображение поста
Редизайн СберKids
проект который вы не видели, а кря зря 🦆 Возможно ли финтех-приложение в котором кнопка «скинуть денег» (да да с маленькой буквы) будет заложена в дизайн-систему? Можно ли сделать чистый универсальный дизайн для разных поколений детей, чтобы было интуитивно понятно и прикольно для младших, а ещё не по-детски круто для старших? Команда Льва и Дана сделала смелый для корпорации редизайн детского приложения, подробности в хорошем качестве на vimeo 📹, ещё немного сторителлинга в кейсе на конкурсе креативных индустрий G8 4️⃣, а тизер в видео к посту. А зачем это всё нужно и как донести эмоциональный дизайн до прода Дан рассказал в Рефодушке Дизайн-комьюнити 📺 Неделя зелёных историй на канале @nice2mitya_chuk
Consta news
🔹NEW Pixso Мы опубликовали несколько библиотек дизайн-системы Consta в Pixso (Beta): На цветовых переменных: – Consta UI-Kit – Consta Table – Consta Graphics На старых цветовых стилях: – Consta Charts – Consta Drill Elements Для обратной совместимости: – Consta Default, Dark, Display Colors – Consta Default Typography – Consta Spaces ⚠️ Почему Beta? Некоторые компоненты могут работать с ошибками. Мы уже знаем о части из них, а про другие можем узнать только от вас :) Будем благодарны за обратную связь. В ближайшие недели постараемся довести библиотеки до максимального сходства с Figma. Ссылка на библиотеки в Pixso Что дальше: Готовим публикацию оставшихся библиотек и параллельно переезжаем на Variables (шрифты, отступы). Еще кое-что для Pixso: Мы сделали плагин Consta Props Styler — он строит таблицу свойств для компонент-сета в один клик (по аналогии с Propstar в Figma). Забрать можно здесь. 🔹NEW Figma – Перевели Consta UI-Kit на цветовые переменные. Теперь в библиотеке нет отдельных версий под каждую тему — переключение делается прямо в настройке Appearance → Variable Mode. – Навигация в менеджере ассетов стала проще. Что дальше: Переезд шрифтов и отступов на Variables. Обновление UI-Kit выйдет в ближайшие пару недель, затем подтянем и остальные библиотеки. 🔹Компоненты в UI-Kit – NEW Banner — статусная плашка с кнопками для закрепленных сообщений. – NEW File Icon — новая иконка формата файла: много предзаготовок + возможность собрать свою. – Tag — иконка теперь настраивается через Boolean-свойство, поправили размеры для S и XS. – Badge — выбор иконки вынесен в список свойств. – Groups — компоненты, у которых есть Group-версия, сделали отдельными от групп, как на портале: – AvatarGroup (добавили настройку View для всей группы разом) – SwitchGroup – BadgeGroup – CheckboxGroup – CollapseGroup 🔹Еще кое-что для Figma Сделали плагин Consta Style Replacer. Он помогает заменить цветовые стили на переменные по совпадению имен. Если библиотека опубликована в вашей команде — заведите у себя переменные и замените стили за пару кликов. В следующей версии добавим возможность работы с переменными из удаленных библиотек. Смотреть в Figma community Стэй тунед!
Middle+/Senior UX/UI designer в Spans Agency
Мы — Spans Agency, рассказываем истории брендов по-своему: создаём крутые сайты, брендинг и удобный UX. Задачи: — разрабатывать и презентовать дизайн-концепции — проводить аналитику — создавать прототипы — разрабатывать дизайн — адаптировать под разные устройства — взаимодействовать с разработчиками и проводить дизайн-ревью Ожидания: — самостоятельно ведешь дизайн-проекты от начала и до конца — умеешь разрабатывать концепции и создавать визуальные решения для брендов — системно подходишь к работе, обладаешь логическим мышлением и придерживаешься принципа pixel perfect — работаешь с визуальным дизайном на высоком уровне, включая композицию, форму, цвет и типографику — уверенно владеешь инструментами Adobe и Figma на продвинутом уровне, используешь Properties, Variables и Styles — ты составляешь консистентные дизайн-системы и UI KIT Условия: — удаленный формат работы с 10 до 19 по Мск или офис в Москве — оформление как самозанятый или по договору с ИП — зарплата обсуждается по итогам собеседования → Подробнее Контакт для отклика: @Lena_Nag #дизайн
Изображение поста
🤖 Автоматизация дизайн-систем: советы и инструменты для старта
Джос Памбу рассказал о синхронизации токенов, компонентов и документации, дал практические рекомендации по выбору инструментов, а ещё рассказал как эти процессы можно автоматизировать. Как обновление токена в Фигме автоматически попадает в код и документацию. Без автоматизации команды постоянно сталкиваются с рассинхроном: цвет поменяли в дизайне, но забыли в коде. В статье разбирается весь процесс: от настройки токенов через Token Studio до генерации кода через Supernova. Особенно интересна часть про AI, который помогает с именованием сотен токенов и генерацией документации. Джос предупреждает: не автоматизируйте всё сразу одним скриптом, лучше разбить на маленькие шаги. Внутри: – Какие инструменты синхронизируют токены между дизайном и кодом; – Как настроить экспорт из Фигмы в разные форматы кода; – Почему важно разбивать автоматизацию на маленькие шаги; – Где AI может реально помочь с дизайн-системой; – Какие ошибки чаще всего делают при автоматизации; – Пошаговая инструкция настройки через Supernova. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
⚡️ Шаблоны в дизайне: инструмент для масштабирования и снижения затрат
Разрозненные дизайн-макеты, бесконечный круг правок, несогласованный визуал в презентациях и соцсетях — всё это бьёт не только по имиджу компании, но и по бюджету. В новой статье рассказали, как перейти от неуправляемого «ручного» дизайна к масштабируемой системе через шаблоны и дизайн-системы. 🔸Почему брендбук не обеспечивает единый визуал 🔸Как шаблоны ускоряют вывод маркетинговых материалов в 2–5 раз 🔸Опыт крупных компаний: Airbnb, IBM, Audi, Shopify 🔸Пошаговое внедрение шаблонов для роста эффективности команды 👉🏻Читайте, меняйте, применяйте
Изображение поста
Ключевые проблемы дизайн-менеджмента (2/2)
#Менеджмент Об управлении в дизайне спорят все, кто оказывается на управленческих позициях. Ведь нет идеального руководителя, процесса, компании или продукта. Роль дизайн-менеджера заключается в нащупывании возможностей в рамках текущего контекста. А хороший менеджмент это всегда про решительность, рассудительность и способность идти туда, куда большинство пойти побоятся. — Как превратить проблемы в возможности? Дизайн-менеджмент — это выстраивание рабочих процессов, межличностных коммуникаций и стратегических планов. Чтобы преодолеть ключевые проблемы, нужен системный подход. Рассмотрим шесть пунктов, которые помогут решать эти проблемы комплексно: 1. Дизайн как часть бизнес-стратегии • Включение дизайн-лидеров в стратегические обсуждения развития бизнеса. • Связь UX-метрик (NPS, LTV, Retention) с финансовыми показателями. • Выстраивание производственных процессов, где дизайн участвует в принятии решений с самого начала. 2. Настройка производственных процессов • Организация коротких релизных итераций для быстрой проверки гипотез. • Организация инструментов (Дизайн-системы, базы знаний, пользовательские паттерны) для ускорения работы и обеспечения консистентности. • Роли, функции, зона ответственности в кроссфункциональной команде: (исследователи, разработчики, аналитики, менеджеры, дизайнеры). 3. Коллаборация между командами • Документация, гайды, прототипы, результаты исследований вместо абстрактных ТЗ. • Совместные воркшопы, сессии дизайн-мышления, где все участвуют в генерации идей. • Формат работы и взаимодействия с применением гибких методологий и высокой степенью автономности. 4. Развитие дизайн-команды • Гибкие роли дизайнеров с возможностью переключения между задачами. • Внутреннее обучение и менторинг: курсы по софтскилам (для ведения переговоров и проведения презентаций для бизнеса), курсы по хардскилам (изучение и внедрение новых технических инструментов). • Внешнее обучение: отправка дизайнеров на вебинары, интенсивы и др. типы обучения, согласно персональному плану развития каждого. • Честные KPI: оценка не по количеству нарисованных макетов, а по результативности в принятых решениях и влиянии на продукт. 5. Адаптация к новым технологиям • Регулярный аудит инструментов: что устарело, что пришло этому на смену. Какие AI-инструменты ускоряют реализацию рутинных задач. • Эксперименты с неиспользуемыми цифровыми форматами (AR/VR, голосовые интерфейсы, чат-боты, и т.д.) 6. Доказательство ценности дизайна • Метрики дизайн-эффективности: время на выполнение задач, снижение числа ошибок пользователей. • A/B-тестирование всего: от кнопок до навигации, от логотипов до анимации. • Гипотезы, их подтверждение / опровержение, измерение показателей и фиксация клиентских отзывов после внедрения конкретных дизайнерских решений (новый онбординг, новая панель навигации, новый кей-вижуал). Дизайн-менеджмент — это система Недостаточно просто нанять талантливых дизайнеров. Необходимо выстроить процессы, дать влияние дизайнерам и научиться измерять вклад их работы в общее дело. Дизайн-руководители, которые внедряют эти решения, получают: → Быстрые релизные итерации вместо бесконечных правок дизайна. → Синхронизацию команд вместо конфликтов между дизайнерами и другими специалистами. → Измеримый рост продукта и команды вместо субъективных оценок топ-менеджеров.
Изображение поста
🎉 Вёрстка не поехала: как тестировать интерфейсы без боли
Алевтина Чугунова (владелец продукта дизайн-системы) и Дарья Каткова (QA-инженер) из Сбера рассказали, как они создают и тестируют дизайн-систему для сотен команд. До внедрения системы интерфейсы iOS и Android выглядели как разные приложения, а веб-версия вообще жила своей жизнью. Теперь же скорость разработки выросла на 40%, а количество визуальных багов снизилось на 85%. Команда создала собственные инструменты для тестирования: Debug Overlay показывает границы и отступы всех компонентов прямо поверх интерфейса Android, а Theater автоматически генерирует видео работы интерфейсов из кода за 5 минут вместо часов съёмки. Кайф, что у них есть «Лаборатории», где можно проверить, как шрифты и тени ведут себя в реальных условиях, потому что в макете всё выглядит одним образом, а в приложении совершенно иначе. Внутри: – Почему стартапам можно без дизайн-системы, а большим компаниям нельзя; – Как работает Debug Overlay для Android и что он показывает; – Зачем нужны "Лаборатории" для проверки шрифтов и теней; – Как Theater снимает видео про интерфейсы без оператора; – Почему Safari стал особенной болью для команды; – Какие цифры получились после внедрения системы. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
у пикника есть друзья и мы гордо о них рассказываем! например, нас поддерживают ребята из домклик 🥰
🏡 домклик — продуктово-технологическая компания, а её команда — это большая продуктовая тусовка внутри экосистемы сбера. ребята создают удобные и надёжные цифровые сервисы в сфере недвижимости и делают всё, чтобы путь к дому мечты был не болью, а удовольствием: от поиска вариантов до финальной сделки, включая ипотеку, аренду и лайфстайл-решения вроде клининга а ещё сейчас у ребят открыты вакансии! будущих коллег ждёт классная стартап‑атмосфера с ресурсами крупного игрока 📍 сотрудники оценивают домклик (как работодателя) на 4,71 из 5 📍 93 % человек (по рейтингу habr) рекомендуют компанию своим друзьям 📍 в 2024 году ребята взяли золото в рейтинге лучших работодателей Forbes (уау!) 💬 если хочется узнать больше — у дизайн-команды домклика есть telegram-канал @domclickdesign, где можно подсматривать, как они живут внутри продукта: делятся кейсами, факапами, находками, и будут рады всем (особенно если вы в теме ux/ui, дизайн-систем и креатива)
Изображение поста