🧩 Тематический анализ помогает не принять яркую цитату за паттерн

В Maze написали нормальный прикладной гайд по тематическому анализу в UX-исследованиях. Смысл простой: после интервью, опросов и юзабилити-тестов у команды часто остаётся куча сырого текста, где легко зацепиться за одну сильную фразу и выдать её за общий вывод. Тематический анализ нужен, чтобы пройти по данным системно: прочитать, закодировать повторяющиеся идеи, собрать их в темы, проверить темы на исходных ответах и только потом нести выводы в продуктовые решения. Внутри: – Когда тематический анализ правда полезен: интервью, дневники, открытые ответы, сложные сценарии; – Чем коды отличаются от тем и почему тема должна объяснять смысл, а не просто повторять вопрос из гайда; – Когда идти снизу вверх от данных, а когда проверять уже готовую гипотезу; – Почему темы надо сверять с исходными цитатами, иначе легко натянуть выводы на свои ожидания; – Как ИИ может ускорить расшифровку, группировку и отчёт, но финальную интерпретацию всё равно должен проверять исследователь. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

🔔 Inspiration #193

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – sandbar.com – shuttle.zip/about – k72.ca/en/about – vori.com – headstrongltd.com ——— – join.com – flair.digital – zudo.amsterdam – nudea.com – theupandupgroup.com ——— – durable.com – apple.com/apple-watch-series-11 – acadium.com – hannun.com – searchsystem.co ——— – vecton.ai – 222.place – bevel.health – roydenso.com – automator.design ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Новый дизайн-дайджест 🏆

Привет, ребят! 👋🏼 Принёс вам новую порцию красивого дизайна. Немного затянул с публикацией статьи про лучший сайт мая по версии CSS Design Awards. Но сегодня наконец-то собрался и закончил её. Работы было много в агентстве, поэтому руки до статьи всё никак не доходили. И мы все еще ищем редактора в команду, чтобы такие статьи писать )) Если это ты — пиши мне в личку Как обычно, пересмотрел всех номинантов и собрал свой топ-5. В этот раз есть несколько проектов, которые меня очень впечатлили. Я прям разбирал их поэранно на референсы. Предлагаю сначала почитать статью. Большая просьба, поставьте лайк, чтобы материал попал в рекомендации. ➡️ https://dsgners.ru/ancora/46381-css-designawards-daydjest-sayt-mesyatsa-may-26 Завтра опубликую всех номинантов мая, чтобы вы могли посмотреть, какие проекты в этом месяце боролись за звание сайта месяца. Приятного чтения! Если что-то особенно понравится — обязательно пишите в комментах и делитесь статьёй. Буду признателен. Обнял. Развиваем насмотренность вместе!

Каждая коллекция начинается с чистого листа. С идеи, которая пока существует только в голове.

А потом начинается самое интересное. ✨ Сначала часы поиска. Референсы, мудборды, эскизы. Иногда кажется, что ничего не получается — а потом вдруг появляется тот самый силуэт. Затем ткани. Поиск нужной фактуры, цвета, пластики. Потом лекала. Раскрой. Шитьё. Нитки, булавки, распоротые швы и переделки. Дальше примерки. Каждый миллиметр имеет значение — где-то поднять линию талии, где-то укоротить рукав, где-то полностью переделать конструкцию. Потом снова машина. Снова примерка. Потом фотосессия. Показ. Первые отзывы. Кажется, можно выдохнуть. ➡️ Но дизайнер знает правду: через несколько дней всё начинается сначала. Новая идея. Новая коллекция. Новый сезон. И именно поэтому так важно сохранять результат своей работы. Очень часто дизайнеры и швеи вкладывают в изделие сотни часов, а потом - 📁 несколько фотографий в телефоне 📁 один пост в соцсетях 📁 через полгода уже невозможно найти собственные работы ‼️ А ведь каждая коллекция - это опыт, который должен работать на вас и приводить новых клиентов. Для этого существует портфолио. Не папка с фотографиями. А история вашего профессионального роста. Именно этому посвящён марафон «Портфолио, которое работает» — 27 июля по 2 августа. Будем собирать портфолио, оформлять проекты, учиться снимать изделия и использовать нейросети для описаний и контента. Пусть каждая коллекция приносит не только удовольствие от процесса, но и новых клиентов ❤️ Присоединяйтесь 👉🏻 ССЫЛКА
Юбилейный #архпароход отправляется! Last call для новых партнеров
Когда в 2016 году «Григорий Пирогов» впервые собрал на своем борту цвет российской архитектуры, все мечтали о том, чтобы плавание оказалось столь же судьбоносным, как у океанского лайнера SS Patris II в 1933 году. Тогда Ле Корбюзье и его соратники по пути из Марселя в Афины провели на нем международный конгресс архитекторов и составили знаменитую Афинскую хартию, определившую облик городов по всему миру на годы вперед. Все мечтали, но никто еще не знал, что российский АРХ Пароход, ставший регулярным, действительно окажет сильнейшее влияние на отечественное архитектурное сообщество и градостроительную повестку. Несколько дней путешествия в теснейшем контакте людей друг с другом, с историей и ландшафтами Волги и российских городов объединяют поколения, генерируют идеи и формируют новые ценности. Юбилейный АРХ Пароход — это одновременно рефлексия и постпроектное исследование эффектов; кристаллизация того главного, что удалось за эти годы, и строительство новых планов. «Григорий Пирогов» вновь встретит старых и новых героев, чтобы стать для них платформой для саморазвития и взаимного переопыления. В течение трех дней участники проекта по традиции обсудят все то, что их волнует — и с той глубиной, которая возникает только в пароходных диалогах, не прекращающихся ни днем, ни ночью: от интеграции с новейшими технологиями до поисков новых источников вдохновения. 📺Мы обсудим роль в Творчестве цифровых технологий и белкового автора. 📐Вспомним Волжский манифест Нормальной архитектуры 2016 года и сформулируем, что такое Нормальная архитектура сегодня. 😇Актуализируем дискуссию о русскости в архитектуре и дизайне в связи с новым запросом на национально-ориентированный стиль и попробуем понять, нужна ли ему «колобковость», которую мы выявили вместе 10 лет назад. ☎️ Запишем в реальном режиме «второй сезон» дебатов о реновации и городах будущего — и поразмыслим о том, как перепридумать наши города. 🏖А еще отметим день рождения Тотана Кузембаева, поделимся впечатлениями из последних путешествий и откровениями, как на нашу жизнь и творчество повлиял АРХ Пароход. Каминг-аут номер 1: не будь парохода — главный редактор ПР не стала бы его главным редактором, не было бы премии Проект Россия и скорее всего журнал закрылся бы в 2017 году. Но вышло иначе — и ПР как всегда принимает самое активное участие в программе путешествия — от состава участников и структуры дискуссионной программы до вечерних капустников, квизов и экскурсий на суше. Среди участников этого года — Сергей Скуратов и Никита Явейн, Юрий Аввакумов и Тотан Кузембаев, Елизавета Лихачева и Андрей Чернихов, Борис Левянт и Олег Шапиро, Тимур Башкаев и Юлий Борисов, Наринэ Тютчева и Максим Атаянц, Владимир Кузьмин и Влад Савинкин, Александр Пономарев и Алексей Козырь, ATRIUM и DNK ag, KPLN и T+T, Kleinewelt Architekten и Citizenstudio, megabudka и ГОРА и многие другие. Держим курс на Тверь и будем держать вас в курсе! А у тех компаний, кто тоже хочет стать частью чего-то большего и готов поддержать проект не только словом, но и делом — еще есть последний шанс!
⌨️ Умная строка станет ещё одним слоем интерфейса
В Ozon Tech разбирают, почему ИИ-строка вряд ли заменит окна, кнопки и экраны. История интерфейсов показывает простую вещь: командная строка, графический интерфейс, смартфоны, часы, голос и AR не отменяли друг друга, а забирали те задачи, где они удобнее. Если нужно найти конкретную вещь, задать вопрос или делегировать сложное действие, строка с ИИ часто быстрее. Если нужно сравнить варианты, увидеть состояние системы, управлять процессом или точно указать на объект, экран с нормальным интерфейсом всё ещё сильнее. Внутри: – Почему интерфейс можно оценивать через скорость задачи, доступность и объём информации; – Как командная строка, GUI, смартфоны и носимые устройства делили сценарии между собой; – Где умная строка реально удобнее кнопок и меню; – Почему ИИ-ответам всё равно нужны карточки, таблицы, ссылки и другие визуальные формы; – Почему будущее интерфейсов больше похоже на связку строки, экрана, голоса и контекста. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
♿ Доступность нельзя чинить одним аудитом перед релизом
Миша Просмицкий пишет о доступности как о части инженерного процесса, а не как о пункте в чек-листе. Команды теперь могут генерировать интерфейсы быстрее, чем раньше, но скорость легко маскирует базовые проблемы: кнопка оказывается div с обработчиком клика, фокус не работает, скринридер видит плоский текст, а пользователь не может оплатить заказ. Особенно больно это становится с ИИ-кодом. Модель часто повторяет то, на чём училась: несемантичную разметку, красивые пиксели и минимум ограничений. Поэтому доступность нужно встраивать в систему заранее: правила для ИИ, доступные компоненты в дизайн-системе, проверка в pull request, Definition of Done, тесты в CI, понятная передача фокуса, подписей, состояний и порядка клавиатурной навигации. Аудиты всё ещё нужны, но они не заменяют процесс. Внутри: – Почему аудит доступности быстро устаревает после нескольких релизов; – Как ИИ ускоряет создание интерфейсов и одновременно множит ошибки; – Почему красивый компонент может быть бесполезен для скринридера; – Зачем ограничивать ИИ правилами до генерации кода; – Почему сложные элементы лучше брать из проверенных библиотек, а не писать заново; – Как дизайн-система помогает масштабировать доступность на тысячи экранов; – Какие проверки стоит встроить в ревью, Definition of Done и CI; – Почему тесты с реальными пользователями с инвалидностью всё равно нельзя заменить линтером. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
разбираем
@Secret Riso Club как референс ⠀⠀⠀⠀⠀что цепляет: 1 ) цвет - хорошее сочетание контрастных цветов на фоне с оттенками серого ⠀2 ) типографика + композиция - без лишнего пафоса, смелые выноски: сетка, но с легким сдвигом. асимметрия как приём, а не ошибка ⠀⠀⠀3 ) свобода выражения - дизы не загоняют себя в рамки академической верстки, а делают так, как чувствуют. это про дизайн без комплексов, а не про следование шаблонам ⠀⠀⠀⠀⠀что взять себе: работать с акцентами как основным инструментом, не бояться текстур и ручных вмешательств, строить коммуникацию через среду, а не через громкий слоган - свобода начинается с доверия к своему глазу мотайте на ус! если вас вдохновил пост - скидывайте свои плакатики в комментарии под этот пост ?/ поболтаем #research by wsq dd al’ter
🔥 Ошибка пользователя часто начинается в интерфейсе
Лиза Давыдова из «Лукоморья» разбирает человеческий фактор через два сильных примера: пожар в Нотр-Даме и аварию на АЭС «Три-Майл-Айленд». В обоих случаях система вроде бы передала данные, но человек в конкретной ситуации не смог быстро понять, что происходит и какое действие нужно выполнить. Код датчика, сотня тревожных сигналов, непонятный статус клапана, закрытые бумажками индикаторы, всё это превращает «сам виноват» в плохое объяснение. Для UX здесь полезная оптика: проектировать надо не только успешный сценарий, где пользователь всё понял, но и места, где он может ошибиться. Пропустить шаг, выбрать похожий объект, применить не то правило, не заметить обязательное поле, неверно понять статус системы. Авторы показывают, как для этого использовать HTA и SHERPA: сначала разложить сценарий на действия, потом для каждого шага описать возможные ошибки и уже под них искать решения в интерфейсе. Внутри: – Почему пользовательская ошибка не всегда сводится к невнимательности; – Как Нотр-Дам и «Три-Майл-Айленд» показывают цену плохой обратной связи; – Зачем UX-дизайну методы человеческого фактора и когнитивной эргономики; – Как HTA помогает разложить сложный сценарий на конкретные действия; – Как SHERPA классифицирует ошибки выбора, пропуска, ввода и неверных предположений; – Почему разные типы ошибок требуют разных интерфейсных решений; – Как в «Лукоморье» применили этот подход к сценарию настройки таск-трекера; – Зачем моделировать сбои заранее, а не ждать, пока они всплывут на тестах. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Что должно быть в портфолио дизайнера одежды - полный список по этапам работы⬇️
Портфолио - это не архив. Это демонстрация того, как вы думаете и работаете. Покажите весь цикл - от идеи до финального образа. ✦ Настроенческий борд Откуда пришла идея коллекции. Атмосфера, цвет, эпоха, референсы. Показывает, что вы умеете работать с концепцией, а не просто рисовать вещи. ✦ Художественные эскизы Силуэты, образы, движение. Здесь виден ваш художественный язык — как вы чувствуете форму и стиль. ✦ Технические эскизы в Adobe Illustrator Плоские раскладки спереди и сзади, швы, фурнитура, детали. Обязательный минимум для любого профессионального портфолио. Без этого блока портфолио не читается как рабочий инструмент. ✦ Техническое описание Спецификация хотя бы по одной модели. Материалы, конструктивные узлы, рекомендации по пошиву. Показывает, что вы понимаете производство. ✦ Фотореализм из эскиза Визуализация готового изделия — как оно будет выглядеть в жизни. Сегодня делается через нейросети без фотосессии. ✦ Примерка Изделие на фигуре. Виртуальная или реальная — неважно. Важно, что клиент или работодатель видит посадку и пропорции. ✦ Стилевая съёмка Образ в контексте — студия, натура, атмосфера бренда. Показывает, как вещь живёт за пределами технического задания. ✦ Карточка товара Если работаете с маркетплейсами или собственным брендом — это отдельный блок, который показывает коммерческое мышление. ✦ Стилевой борд Финальная упаковка коллекции как единой истории. Связывает все элементы в одно профессиональное высказывание. Не нужно всё сразу. Начните с того, что есть, и выстройте это как систему. Если хотите собрать своё портфолио по этой логике - именно это мы делаем на марафоне «Портфолио, которое работает». С 27 июля по 2 августа, доступ к материалам бессрочно. Присоединяйтесь 👉🏻 ССЫЛКА А что из этого списка у вас уже есть? Напишите в комментариях.
🔁 Макет не должен созревать в одиночестве
Авторы рассказывают, как команда ушла от процесса, где дизайнеры долго полировали прототипы, а разработчики подключались только после передачи макетов. В старой схеме всё выглядело понятно, но на практике ломалось: дизайн тянулся бесконечно, разработчики теряли контекст, прототипы воспринимались как финальный интерфейс, а важные вопросы всплывали слишком поздно. Итеративный подход помог разделить работу на более короткие циклы. Сначала грубая схема и логика, потом интерактивный прототип, потом крайние случаи, ошибки, состояния и уже после этого финальный визуал. На некоторых проектах пошли ещё дальше: брали одну небольшую user story на спринт, быстро собирали прототип, отдавали в разработку и к концу недели показывали заказчику работающий кусок продукта. Это не всегда комфортно, особенно если привык показывать только вылизанный результат, зато команда раньше видит проблемы и дешевле меняет направление. Внутри: – Почему детальные прототипы часто начинают мешать разработке; – Как раннее подключение разработчиков снижает количество переделок; – Зачем начинать с грубой общей картины, а не с polished-макета; – Чем отличаются большие продуктовые итерации от коротких недельных спринтов; – Почему пользователю и заказчику важно заранее объяснять, что они смотрят не финальный дизайн; – Как Design Decision Records помогают не терять причины старых решений; – Когда стоит остановить прототипирование и перейти дальше; – Почему для перфекциониста итеративность может снижать тревогу, а не усиливать её. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Долгожданный выпуск подкаста про банк PLATA на моем youtube канале!
Как строить бренд финтеха 🦄 с нуля в чужой культуре 🇲🇽, почему в Мексике минимализм читается как бедность, и что реально даёт AI-нейросети в производственной цепочке дизайнера. Я пообщался с Александром Николаевым — бренд-дизайнер банка PLATA в Мехико, он четвёртый год отвечает за бренд, визуал и смыслы 😎. PLATA — цифровой банк для Мексики, построенный командой выходцев из Тинькова. Первые версии продукта делали вчетвером — Александр, Игорь, Катя и Александр Сыров (сейчас — дизайн-директор Платы). — Как строить бренд и весь дизайн банка вчетвером - с чистого листа создали дизайн-систему, бренд, визуальный стиль, приложение и маркетинг параллельно — Почему разделение на «интерфейсных» и «визуальных» дизайнеров — устаревшая идея — Главный инсайт: в Мексике минимализм читается не как премиум, а как «человек не постарался», как бедность — Легендарная история с новогодним мерчом в стиле Покраса Лампаса, который мексиканские коллеги встретили словами «в фавелах маргиналы в таком ходят» — Эволюция оранжевого цвета Платы: от градиентов «всё оранжевое» до метафоры «свет на оранжевой стене в тени» с точечными акцентами. И уход в тёмные оттенки, когда DiDi запустил такси-кредитку тоже оранжевого цвета — Признаки бренда Платы без логотипа: оранжевый, работа с металлом, Tone of Voice, качество графона — «Лайтморфизм» как прогноз следующей волны после неоморфизма и гласморфизма: дизайнеры научатся рисовать не тени, а свет, блики и рефлексы с историей — Как строили бренд Платы: психогеометрия + архетипы Юнга + типы потребителей (лекция Кожанова «Бренд и физиология») — Почему выбрали связку бунтаря и искателя и как «Real Money, Real Cashback» попала в архетип бунтаря на мексиканском рынке — Культура работы в Плате: «не делай плохих вещей», подход из Тинькова, увеличенный в разы. История про иконку «плюс», которую Александр рисовал 5 месяцев — Успешный цифровой банк без сильного дизайна возможен? Нет. Все интерфейсы уже одинаковые, надо цеплять эмоцией — как Duolingo с совой — Как AI-нейросети реально работают в производстве Ставьте лайки 👍, делитесь, подписывайтесь на мой ютуб канал.
🔔 Inspiration #192
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – passbase.com – aneshk.design – 0.xyz – dylanbrouwer.design – cash.app/studios ——— – idlehourmatcha.com – flora.ai – untamedheroinegame.maxmara.com – shadergradient.co – aave.com/app ——— – obsidianos.com – stripe.com – yuga.com – discord.com – en.cahuparis.com ——— – studioprimal.com – letslevitate.com – dilli.house – dulcedo.com – brewitty.com ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Тут много новеньких, поэтому короткой строкой напомню
Кроме моего основного канала есть ещё два: 1. Вакансии для дизайнеров – каждый день кроме выходных 8 вакансий из 40+ источников для графических, ux/ui и продуктовых дизов. 2. Референсы интерфейсов – каждый день по 3 поста самых разных интерейсов: веб, мобилка, дашборды, графика и прочие. Буду рад всех видеть) И рекомендациям тоже ❤️ Спасибо всем, кто меня читает. Я это очень ценю и благодарен каждому лично ❤️
Тут много новеньких, поэтому короткой строкой напомню
Кроме моего канала с вакансиями есть ещё два: 1. Основной канал – каждый день по 1-2 поста про дизайн, полезные статьи, видео, конференции, посты о жизни и путешествиях (иногда). Уже скопилась целая база знаний из 2000+ полезных постов. По поиску можно найти почти любую тему по дизайну. И да, ещё я там пишу про путь своего проекта HireHi (уже 34 части написано) 2. Референсы интерфейсов – каждый день по 3 поста самых разных интерейсов: веб, мобилка, дашборды, графика и прочие. Буду рад всех видеть) И рекомендациям тоже ❤️ Спасибо всем, кто меня читает. Я это очень ценю и благодарен каждому отдельно ❤️
🎄 Как 2ГИС сделал новогодний слой не просто украшением
В 2ГИС каждый декабрь включают зимний слой: меняются цвета карты, появляются праздничные 3D-модели, гирлянды, украшения и анимации. В этот раз команда решила не просто обновить набор объектов, а собрать цельный визуальный стиль: мягкий, тёплый, дружелюбный и достаточно простой, чтобы нормально жить внутри карты с её техническими ограничениями. Раньше дизайнер описывал модель словами, собирал референсы, передавал моделлеру, потом начинались итерации и разночтения. С нейросетями команда смогла быстрее проверять идею: сначала генерировали образ, потом черновую 3D-модель, сразу примеряли её в тестовом приложении и уже после этого отдавали команде почти готовое ТЗ. Ребята всё равно делали финальную модель с нуля, но спорить приходилось меньше, потому что все уже видели, что именно должно получиться. Внутри: – Почему зимний слой карты решили превратить в цельный эмоциональный опыт; – Какие принципы задали для 3D-моделей: простые формы, мягкие цвета и понятный характер; – Почему старый процесс через текстовые описания и референсы давал много разночтений; – Как ИИ помог быстро проверять форму, цвет и масштаб модели прямо на карте; – Зачем черновая GLB-модель стала частью технического задания для моделлеров; – Почему анимации стало проще обсуждать через готовые примеры, а не словами; – Как подход масштабировали на ледовые городки, ёлочные базары, гирлянды и здания; – Какие результаты получили: рост DAU, больше кликов по моделям и новый постоянный процесс в команде. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🗂 Вкладки работают, пока не пытаются заменить всю навигацию
Статья разбирает вкладки как простой, но часто неправильно используемый паттерн. Они хорошо помогают, когда нужно быстро переключаться между несколькими понятными разделами, сэкономить место и не уводить человека на отдельные экраны. Например, внутри страницы, карточки, настроек, дашборда или мобильного приложения, где есть 5–7 близких по смыслу категорий. Проблемы начинаются, когда во вкладки пытаются засунуть слишком много всего. Длинные названия не помещаются, категории начинают конкурировать, вложенные вкладки путают уровни, а важный контент оказывается спрятан. Вкладки не должны становиться складом для всего, что некуда положить. Если пользователю нужно сравнивать данные между разделами, много скроллить по табам или гадать по коротким названиям, лучше выбрать другой способ навигации. Внутри: – Когда вкладки реально упрощают навигацию; – Почему они хорошо работают для небольшого числа понятных категорий; – Зачем использовать вкладки как поднавигацию внутри страницы; – Почему слишком много вкладок быстро ломают интерфейс; – Чем опасны длинные и неочевидные названия; – Когда вложенные вкладки начинают путать пользователя; – Как проектировать вкладки для мобильных экранов и жестов; – Почему активное состояние, доступность и клавиатурная навигация важны не меньше визуала. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🧰 Claude не сделает красивый интерфейс просто по слову «премиально»
Автор разбирает, почему у одних интерфейсы, собранные через Claude, выглядят нормально, а у других сразу пахнут нейросетью. Дело не в секретном промпте. Модель может быстро собрать компонент, анимацию или переход, но вкус, правила и сотня мелких решений всё равно остаются на человеке. Практический смысл простой: сначала нужно дать системе язык. Токены, кривые анимаций, радиусы, тени, состояния, правила для нажатий, раскрытий и доступности. Если просто попросить «сделай гладко», модель начнёт придумывать случайные значения. Если дать точные переменные, запретить одноразовые числа и отдельно настраивать каждую часть, результат становится намного ближе к продуктовой работе, а не к случайному демо. Внутри: – Почему «smooth» и «premium» почти ничего не значат для модели; – Зачем заранее задавать токены, радиусы, длительности и кривые анимаций; – Почему дефолтные easing-кривые быстро выдают сгенерированный интерфейс; – Как тактильность появляется через нажатия, snap-точки и нормальную физику drag-сценариев; – Почему входящие анимации лучше собирать из прозрачности, сдвига и лёгкого blur; – Зачем использовать слоёные тени вместо одного грубого drop-shadow; – Почему компонент нужно проектировать как набор состояний, а не как картинку; – Где заканчивается работа Claude и начинается вкус человека, который понимает, что именно надо докрутить. ➡️ Читать статью (в Х) ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🪁 Дизайн-система начинает работать, когда вокруг неё договорились
Рома из Туту рассказывает, как их дизайн-система Kite выросла из старого UI-кита Order. Раньше компоненты жили отдельно на вебе, iOS и Android, дизайн догонял разработку, общей системы токенов не было, а масштабные визуальные изменения превращались в боль. В какой-то момент стало понятно, что просто иметь набор атомарных компонентов мало. Нужны общие правила, связанные токены, понятный процесс и договорённость между дизайном, разработкой и продуктовыми командами. Хорошо видно, что дизайн-система в большой компании это не библиотека кнопок. Это продукт внутри продукта. Там есть архитектура токенов, сборка под разные платформы, документация, миграции, поддержка команд, white-label сценарии, редизайны и постоянный торг между строгостью и гибкостью. Если всё сделать слишком свободным, каждый снова соберёт свой интерфейс. Если всё закрутить слишком жёстко, продуктовые команды начнут обходить систему стороной. Внутри: – Почему UI-кит без связи с дизайном быстро упирается в потолок; – Как Туту перешёл от Dev-to-Design к Design-to-Dev подходу; – Зачем дизайн-системе нужна глубокая система токенов; – Почему готового сборщика токенов может хватить на старт, но не на сложную систему; – Как CSS-переменные помогли с темами, скоупами и платформенными ограничениями; – Зачем Туту сделали собственную генерацию токенов под веб, iOS, Android и MailKit; – Как дизайн-система помогла быстрее делать white-label решения для партнёров; – Почему после запуска важны документация, внедрение в продуктовые команды и автоматизация через ИИ. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🔔 Inspiration #191
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – testlio.com – upflow.io – somareality.com – 2025.unseen.co – fun-and-awe.io ——— – supermush.com – liveaevi.com – onroadmap.com – gsproductions.co.za – kokuyo.com/en/special/curiosity-is-life ——— – rogo.ai – cash.app/taxes – lilguy.net – samsy.ninja – planetono.space ——— – exalt-studio.com – untold.site/en – adovasio.it – emergencemagazine.org – relace.ai ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы