Телеграм канал «Дизайнер, привет»

🎯 Оживляем интерфейс с помощью Lottie-анимаций Саша Гончаров из 2ГИС рассказал, как они добавляют анимации в картографическое приложение, сохраняя баланс между красотой и производительностью. Оказывается, при работе с интерфейсными анимациями нужно забыть 90% возможностей After Effects и научиться создавать магию с помощью простых шейпов и градиентов. Главное правило, которое вывел автор: «дели на два». Если анимация кажется готовой, нужно уменьшить все эффекты вдвое. В интерфейсах классические принципы анимации работают не в полную силу, и то, что хорошо смотрится в рекламе или играх, будет раздражать при ежедневном использовании приложения. Внутри: – Почему из всех инструментов выбрали именно Lottie; – Как различать утилитарные и эмоциональные сценарии анимации; – Почему растровые изображения пришлось перерисовывать в векторы; – Как один кадр анимации может занимать 20 мегабайт видеопамяти; – Зачем нужны градиенты для создания иллюзии объёма и теней; – Как сделать бесшовный переход между слайдами в онбординге. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

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

🔔 Inspiration #154 Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – generalproximity.bio – clay.earth/start – vvisual.biz – junioneda.com – documenso.com ——— – native.inc – supermotion.co – lo2s.com – wattenberger.com – kenfulk.com ——— – iessi.fr – coder.com – thisispam.com – nativemind.app – studiovanadium.com ——— – clutch.security – neverhack.com/en – dock.us/product/order-forms – shop.a24films.com – nativecontent.com ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Инклюзивность в дизайне продукта В физическом мире работать над созданием доступной среды гораздо сложнее, чем в онлайне, но даже в моём городе начинают об этом думать. Сейчас стараются делать всё, чтобы людям с особенностями здоровья было проще передвигаться и справляться с бытовыми задачами, не испытывая проблем. В мире диджитал внедрять это сильно легче. Увы, не многие команды и компании задумываются о том, чтобы сделать жизнь людей с разными особенностями здоровья легче и проще, особенно при использовании цифровых продуктов. Все стараются сделать красиво и максимально просто (и это ок), но и забывать про такие вещи точно не стоит, тем более, что они не требуют огромного количества ресурсов. Чтобы разобраться с этим и всеми кажущимися сложностями эксперты из Яндекса запустили бесплатный онлайн-курс по инклюзии и цифровой доступности. Он поможет продуктовым командам создавать цифровые продукты, которые отвечают запросам людей с разными особенностями здоровья: зрения, слуха или опорно-двигательного аппарата. Кому подойдёт Курс рассчитан на продакт- и проджект-менеджеров, дизайнеров, исследователей, разработчиков и всем, кто интересуется темой инклюзии. Самое крутое, что курс сделан вместе с командой Инклюзии Яндекса, которая уже несколько лет развивает доступность в своих продуктах. В общем, мастхэв всем, кто думал над этим в своих продуктах, но не знал, как подступиться) ➡️ Посмотреть подробнее ➡️ Посмотреть подробнее ➡️ Посмотреть подробнее

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

😍 Как правильно работать с UI/UX-дизайнерами и не сломать продукт Сергей Галан из Utopia и Елена Рнае из Софториума создали подробный гайд по взаимодействию с дизайнерами. Главная мысль: 80% проблем в проектах возникают не из-за отсутствия таланта у дизайнеров, а из-за сбоев в коммуникации между командой и постановщиками задач. Авторы разбирают частые ошибки: менеджеры перегружают senior-дизайнеров контролем или бросают джунов без опоры, ставят задачи в духе "красиво как у Apple", не фиксируют критерии готовности. В результате проект буксует, а команда получает красивые, но технически нереализуемые макеты или работающий, но неудобный интерфейс. Внутри: – Как оценить уровень дизайнера и выбрать модель взаимодействия; – Структура эффективного брифа с расшифровкой референсов; – Почему архитектору важно видеть дизайн на старте; – Что проверять на демонстрации с участием всей команды; – Какие состояния интерфейса должен передать дизайнер; – Чем плохая работа с компонентами обернётся дорогим обслуживанием. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

🎙️ Как Perplexity создаёт голосовые интерфейсы будущего Гуннар Грей, ведущий дизайнер мобильных устройств Perplexity, рассказал о создании голосового режима, который прошёл через три крупные итерации. От простой синусоидальной волны команда дошла до сферы из частиц, созданной с помощью металлических шейдеров, которая меняет форму и цвет в зависимости от состояния системы. Главное открытие: в эпоху AI граница между дизайном и инженерией размывается. Грей научился писать шейдеры с помощью Cursor, хотя у него нет технического образования. Он подчёркивает, что инструменты вроде Cursor снижают барьер входа в программирование, позволяя дизайнерам задавать вопросы и получать объяснения прямо в процессе работы. Внутри: – Почему кнопка «нажать, чтобы говорить» решила проблемы с задержкой; – Как визуализатор из точечной сетки создаёт обратную связь; – Зачем дизайнеру учиться писать код и работать с шейдерами; – Почему специалисты широкого профиля ценятся в стартапах с AI; – Как голосовой режим работает в режиме громкой связи; – Какие инструменты помогают быстро прототипировать динамичные интерфейсы. ➡️ Смотреть интервью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы