🚦 Как 2ГИС превратил «зелёную волну» в интерфейс
Я кайфанул от статьи, это прям продуктово покопаться в таком незначительном элементе)
Даня из команды Транспорт в 2ГИС рассказывает, как в навигаторе запускали подсказку для проезда светофоров без лишних остановок. Идея звучит просто: если известны состояния светофоров по маршруту, можно подсказать водителю скорость, при которой он попадёт в зелёную волну. Но в машине простой идеи недостаточно, потому что каждый новый элемент на экране конкурирует не с красивой пустотой, а с дорогой, маршрутом, манёврами, камерами и вниманием водителя.
Самое интересное в кейсе, как команда искала форму для этой подсказки. Текстовые сообщения оказались слишком тяжёлыми, одно число требовало постоянного сравнения, а зона спидометра уже была занята предупреждениями. В итоге решение собралась из двух слоёв: плашка с диапазоном скорости даёт точность, а аналоговая шкала с зелёной зоной помогает быстро понять, в потоке ты или нет. Отдельно сильная часть кейса, что дизайнер не остановился на макетах, а полез в математику стрелки, код и параметры анимаций, чтобы фича доехала до релиза в нужном виде.
Внутри:
– Почему «просто показать скорость» оказалось плохой постановкой задачи;
– Как интерфейс навигатора ограничивает любое новое решение;
– Почему зелёная волна должна ощущаться как состояние, а не как уведомление;
– Как диапазон скорости оказался понятнее одного целевого числа;
– Зачем в интерфейсе появился аналоговый спидометр с зелёной зоной;
– Как анимации помогают дать обратную связь без лишнего шума;
– Почему дизайнеру пришлось проверять техническую реализацию самому;
– Что 2ГИС планирует добавить дальше: награды за серию зелёных светофоров и новые города.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
❤️ а продолжим уже тут! ❤️
Воркшоп | 21.06 12:00 |
«Моушн на слух: визуализируем
звук в After Effects»
21.06 в 12:00 разберёмся, как визуализировать звук и музыку через движение, форму и трансформацию объектов в After Effects.
Спикер: Евгения Никонова — моушн-дизайнер в Rambler&Co, новый куратор курса БМГ. Ex-ревьюер в Яндекс Практикуме, преподаватель, выпустила более 300 студентов. Работала с Авито, ВТБ, VK, Купер, ВДНХ, Ростех и другими
На воркшопе разберём базу ключевой анимации, траекторию и приёмы трансформации объектов. Покажем, как синхронизировать вайб трека с графикой и собрать видеоарт на свою музыку. В финале Женя даст фидбек по работам участников.
По итогам у вас:
— видеоарт на ваш трек
— базовый навык работы в After Effects и моушн-дизайне
— лайфхаки и обратная связь от куратора
Воркшоп подойдёт новичкам и тем, кто ни разу не открывал программу. After Effects нужно будет установить заранее, ссылкой поделимся.
[ занять место ]
любые вопросы можно задать в @alkali_support_bot
😝 дайджест задротских 😝
моушн-событий июня!
❤️ начнём отсюда ❤️
Вебинар | 14.06 12:00 |
«Как моушн превращает кейсы
в вау-презентацию»
14 июня в 12:00 по мск разберём, как моушн-дизайн помогает усиливать портфолио и продавать проекты быстрее.
Статичные работы можно показать динамично: через анимацию, ритм, акценты. Моушн помогает за несколько секунд объяснить идею, удержать внимание и сделать так, чтобы портфолио хотелось досмотреть до конца.
Спикер: Евгения Никонова — моушн-дизайнер в Rambler&Co, новый куратор курса БМГ. Ex-ревьюер в Яндекс Практикуме, преподаватель для абитуриентов, выпустила более 300 человек. Еx-арт-директор в креативном агентстве полного цикла НСМ, сотрудничала с Авито, ВТБ, VK, Купер, ВДНХ, Ростех и другими.
1. Посмотрим, в каких областях дизайна можно применять моушн (спойлер: везде, даже в книгах)
2. Разберём примеры выигрышного использования анимации в портфолио, на которое залипнут работодатели
3. Личный опыт Жени, как за счет моушн-дизайна повысить свой чек, а в конце ответим на все вопросы участников
[ бесплатная регистрация ]
Минутка букв:
Люблю анимацию про кинетическую, подвижную типографику. Особенно как промо и попытку привлечь внимание дизайнеров. Дизайн для дизайнеров от дизайнеров.
Десятилетний юбилей шрифтовой студии Blaze Type. Обновили сайт по этому поводу.
Анимации в логотипе?
Анимированные логотипы становятся все более популярными для размещения их на сайтах. Многие бренды анимируют существующие логотипы или создают новые модные варианты анимации.
Анимированный логотип приковывает взгляд и нарушает однообразие дизайна благодаря движению.
Лучше сделать анимацию понятной и простой. Слишком сложный интерактивный логотип может оказывать противоположный эффект. Пользователям будет трудно его прочитать или понять его суть.
Figma
