Bad Mobile: app UX/UI design

Что же выбрать в 2026 году? Конечно же ага, попались! Ну ладно вам, прочитайте пост, не для себя же я это всё писал и редачил. В 2017 году команда Airbnb выкатила Lottie — формат шейповой анимации на базе JSON, а заодно движки для рендера на iOS, Android и React Native. Это в каком-то смысле произвело революцию в производстве легковесных (но линейных) анимаций. То, что раньше приходилось буквально верстать средствами нативной разработки неделями (гифка с потеющим разработчиком и напевающим весёлым дизайнером), теперь можно было экспортировать в пару кликов прямо из Афтера. Минусы будут? Да — линейность. В современных интерфейсах много логики, разрешений, соотношений сторон и интерактива. Короче говоря — много состояний (а вот и подводочка к первому пункту), которые в линейной анимации просто как концепт отсутствуют. В карточках я отмечаю слабые или отсутствующие фичи оранжевым бейджиком. ⚠️ Дисклеймер Lottie ≠ LottieFiles. Lottie сам по себе — это просто формат, поэтому сравнивать его напрямую с Rive некорректно. Чтобы уравнять шансы, я возьму экосистему LottieFiles и их новый (относительно) редактор Lottie Creator. 1. Стейт-машины и интерактив Стейт-машины — ключевое отличие Rive от линейных анимаций Lottie. Это слой логики, который связывает таймлайны и позволяет анимации реагировать на действия пользователя. Lottie Creator появился как ответ на быстро набирающий популярность Rive и стейт-машины в нём являются прямым аналогом. До этого момента единственным «решением« линейности у Lottie был только цикл на часть кадров. От условного таймлайна на 120 кадров можно было поставить на цикл последние 60. 2. Трим пас Одна из важнейших фич для анимации иконок и логотипов, которая позволяет контролировать отрисовку контура. Идеальна для анимации лоудеров, чекмарков, стрелок и округлых фигур. Трим пас есть в обоих софтах. 3. Блюры, градиенты и тени В Rive привычный нам блюр называется vector feathering и достоин отдельного поста. У Lottie нет поддержки блюров и теней, из эффектов доступны градиенты для заливок и обводок. 4. Маски Rive поддерживает только клиппинг-маски, альфа-масок нет (но разрабы обещают). Клипинг маски дружат с блюрами и констрэйнтами. Lottie поддерживает клиппинг, альфу и инвертированную альфу между слоями, если они заданы как track matte в афтере, но с костылями: luma и stencil часто не работают или багуют на iOS и Android. 5. Констрэйнты Инверсная кинематика , привязка таргетов, зависимости между объектами в Rive перебрались из геймдева. В Lottie констрэйнтов нет: только таймлайн и базовые стейт-переходы, без ИК или зависимостей объектов. 6. Кости и мэши В Rive кости и мэши дают возможность деформировать вектор и растр, не перегружая таймлайн тонной ключевых кадров. Это упрощает жизнь аниматору, и сильно экономит ресурсы устройства. Lottie опять на скамейке запасных. 7. Лэйауты Помните тот момент, когда ваш разработчик спрашивал у вас: «Где твоя мамочка, Поттер?» «А вот на этом экране чё будет, а?!» и протягивал какой-нибудь квадратный андроид или айфон размером с почтовую марку. Вот как раз для таких моментов в Rive появились лэйауты. Элементы сами подстраиваются под текущий размер контейнера, как флексбокс в CSS или авто лэйаут в Figma, без дополнительных ключевых кадров. Lottie так не умеет. 8. Чеховское ружьё Твистяра В недавнем обновлении в Lottie Creator добавили модуль работы с физикой Physics Simulator. Он вот прямо сейчас и работает. Но если честно это жесткий компромисс, о чем LottieLab писали в своём блоге, там куча ограничений и работает это всё ну очень так себе. В Rive пока (формально) нет, но про более крутые штуки я расскажу в следующем посте. TL;DR Если прямо сейчас вы с командой решаете, какой фреймворк выбрать, то я со 100% вероятностью и без раздумий скажу: «берите Rive!». И говорю это, опираясь на опыт запуска десятков кастомных и очень комплексных анимаций в приложении с десятками миллионов пользователей. #rive #lottie #анимация

Привет! Это команда Bad Mobile 🎱 Наш соавтор Лёша Покидышев расширяет наш Телеграмвёрс свои новым каналом: @space_n_time Анимации интерфейсов, графика, моушен дизайн, софт для всего этого и другие визуально приятные штуки.

Привет! Это команда Bad Mobile 🎱 До начала Нового года остается совсем немного времени, по этому поводу хотим поздравить вас с наступающими праздниками. Пусть в 2026 году будет больше интересных проектов, смелых идей, карьерных побед и вдохновляющих профессиональных вызовов. Желаем, чтобы работа приносила удовольствие, а жизнь — как можно больше радостных и теплых моментов. С наступающим 2026 годом! 🎄✨

Привет! 🙃 Скевоморфизм — это стиль дизайна, в котором элементы интерфейса выглядят и ведут себя как знакомые физические объекты, помогая пользователю быстрее понять, как с ними взаимодействовать. Золотым веком для него стали 2007–2013 годы, вплоть до выхода iOS 7. В наши дни скевоморфизм не умер, а стал более точечным — теперь это скорее прием, а не полноценный стиль. В сегодняшней подборке с помощью сервиса Design Spells мы собрали примеры из действующих приложений — Instagram, How We Feel, Denim, Cassette и Airbnb.* Приятного просмотра! *Instagram — часть компании Meta, которая признана экстремистской на территории РФ.

Привет 👨‍💻 Впереди выходные, предлагаем провести их с пользой и откликнуться на пару вакансий. Не бойтесь попробовать! Senior Product Designer Удаленка или гибрид Dodo brands — уже 14 лет создаёт и развивает технологичные бренды в сфере быстрого питания Откликнуться на сайте компании Старший продуктовый дизайнер Удалёнка Ozon Tech — технологическое подразделение Ozon, развивающее продукты для e-commerce и внутренних процессов Откликнуться на HH Дизайнер цифровых продуктов (Senior) Удалёнка SkillStaff — IT-компания, создающая экосистему гибкого применения IT-экспертизы и помогающая клиентам ускорять цифровую трансформацию Откликнуться на HH Продуктовый дизайнер Москва МТС Банк — цифровой банк и часть экосистемы МТС Откликнуться на сайте компании Дизайнер продукта в команду Розыгрышей Удалёнка Magnit Tech — технологическое подразделение сети «Магнит», создающее цифровые продукты для ритейла Откликнуться на сайте компании #дерзай

Привет! 👨‍💻 Сегодня хочу рассказать вам про Grabient — удобный сервис для подбора градиентов. Цвет — один из важнейших элементов интерфейса: он задаёт настроение, помогает структуре и делает продукт визуально цельным. Поэтому так важно выбирать палитру осознанно. Grabient предлагает большую коллекцию готовых градиентов, которые можно настроить под себя и сразу скопировать в один клик. Отличный инструмент, чтобы быстро находить красивые цветовые сочетания и вдохновляться. grabient.com #используй

Привет! К выходным мы собрали для вас подборку интересных вакансий для дизайнера мобильных приложений. Возможно, среди них есть та, которая подойдёт именно тебе. 😊 Продуктовый дизайнер, Путешествия Удаленка или гибрид Ozon Tech — технологическое подразделение Ozon, работает над e-commerce и инновациями Откликнуться на сайте компании Продуктовый дизайнер мобильной версии Удаленка или гибрид 2ГИС — сервис карт и городской справочник Откликнуться на сайте компании Продуктовый дизайнер Москва МТС Финтех – одно из ключевых направлений экосистемы МТС Откликнуться на сайте компании Продуктовый дизайнер в Кредитные карты Удалёнка или гибрид Т-Банк — один из крупнейших российских цифровых банков Откликнуться на сайте компании Продуктовый дизайнер Удалёнка Купер — сервис доставки из магазинов и ресторанов Откликнуться на сайте компании #дерзай

👨‍💻 Привет всем! Сегодня у меня для вас отличный источник вдохновения — Appshots. Это большая коллекция экранов мобильных приложений, где видно, как разные продукты решают типовые задачи: карточки товаров, каталоги, профили, подписки, чаты, формы и многое другое. Удобно изучать визуальные приемы, паттерны и находить свежие идеи. appshots.design #используй

Привет! 🙃 В сети есть интересная программа Shark Tank, где предприниматели представляют свои идеи инвесторам, чтобы получить финансирование в обмен на долю компании. Шоу стало популярным и получило адаптации во многих странах. Сегодня поговорим об австралийской версии, в которой в 2017 году предприниматели пытались продать идею мобильного приложения по поиску дешевых цен на пиво. Мы поделимся ссылкой на эпизод, а в карточках собрали основную информацию — от идеи сервиса до вердикта инвесторов. Хотим подчеркнуть, что мы не призываем к употреблению алкоголя. Чрезмерное употребление может быть вредно для здоровья. Приятного просмотра! 😊 https://youtu.be/I5VRJP-5C3U

👨‍💻 Привет Впереди выходные — отличное время провести их с пользой и откликнуться на несколько интересных вакансий Дизайнер продукта (стажёр) Москва Яндекс Товары — это бесплатный инструмент для интернет-магазинов Откликнуться на сайте компании UX-проектировщик (junior) Удаленка Notamedia — аккредитованный ИТ-холдинг, один из лидеров рынка заказной разработки Откликнуться на HH Дизайнер продукта Выгода Удаленка Магнит.Tech — технологическое подразделение торговой сети Магнит Откликнуться на сайте компании Старший продуктовый дизайнер Гибрид или Удаленка Ozon.Tech — сервис быстрой доставки еды Откликнуться на сайте компании Продуктовый дизайнер в Кредитные карты Удаленка Т-Банк — один из крупнейших российских цифровых банков Откликнуться на сайте компании #дерзай

👨‍💻 Всем привет! Собрали для вас свежие вакансии. Если искали повод обновить резюме — он точно настал 🔥 Старший продуктовый дизайнер Москва или удаленка МТС Финтех — одно из ключевых направлений экосистемы МТС Откликнуться на HH Продуктовый дизайнер (Мобильное приложение) Лимасол Alex Staff Agency — компания по разработке мобильного браузера Откликнуться на HH Продуктовый дизайнер Uzum Bank (мобильное приложение) Удаленка Uzum — первая высокотехнологичная экосистема для миллионов жителей Узбекистана Откликнуться на HH Продуктовый дизайнер Москва Wildberries — крупный Российский маркетплейт Откликнуться на Linkedin Младший дизайнер мобильных приложений Удаленка Broad Apps — занимаемся разработкой приложений на популярные платформы Откликнуться на HH

Привет! 🙃 Сегодня хотим поделиться с вами полезными плагинами для Figma: с помощью них можно автоматизировать рутинные задачи, чтобы ваша работа стала быстрее, удобнее и продуктивнее. 1. Autoflow 2. Insert Big Image 3. A11y - Color Contrast Checker 4. SBOL Typograph 5. Icons8 Background Remover 6. LoremGenie

👨‍💻 Всем привет! Попробуйте вспомнить, сколько раз сегодня вы брали телефон в руки — скорее всего, не сосчитаете. Мы взаимодействуем с ним напрямую: глазами, руками, слухом. Телефон всегда рядом, и каждое касание экрана становится частью повседневного опыта. Поэтому в мобильных интерфейсах так важно учитывать наше восприятие — внимание, фокус, акценты. От этого зависит, насколько быстро человек поймёт, как работать с приложением.

👨‍💻 Всем привет, после долгого отсутствия возвращаемся к вам с горячими вакансиями! После летнего затишья рынок труда оживает с новой силой, самое время откликаться! 🔥 Продуктовый дизайнер по развитию клиентского опыта Офис или гибрид Т-Банк — один из крупнейших российских цифровых банков Откликнуться на сайте компании Senior Продуктовый дизайнер Удаленка 2ГИС — сервис карт и городской справочник Откликнуться на сайте компании Старший дизайнер в Музыку Москва Яндекс Музыка — российский музыкальный стриминговый сервис Откликнуться на сайте компании Дизайнер (стажёр) в Умный дом Москва Яндекс Умный дом с Алисой — экосистема для управления устройствами и сценарием умного дома Откликнуться на сайте компании Старший продуктовый дизайнер Удаленка Ozon Fresh — сервис быстрой доставки продуктов и товаров первой необходимости Откликнуться на сайте компании #дерзай

Привет 👋 Начался последний месяц лета, а значит самое время посмотреть что интересного произошло на рынке мобильных приложений за июль. Приятного просмотра! А ещё хотим поделиться новостями нашей команды: под конец лета мы решили уйти на небольшие каникулы до сентября. Пока нас не будет, предлагаем посмотреть записи последних эфиров — если вы их пропустили, там точно найдётся много полезного 😉 1. Разбор портфолио продуктовых UX/UI дизайнеров #5 2. Liquid Glass в Apple iOS 26 vs Material Design Expressive: куда движется дизайн мобильных приложений 3. Как продактам и UX/UI-дизайнерам выстраивать работу над продуктом Увидимся осенью!

Привет! 🙃 Давайте посмотрим, как изменился интерфейс мобильного приложения LinkedIn — крупнейшего сервиса для нетворкинга и профессиональных связей. В карточках мы сравнили интересные экраны приложения в его нынешнем виде с тем, как они выглядели в 2010 году. #смотри

👨‍💻 Привет всем, делюсь с вами свежими крутыми вакансиями. Вдруг одна из них именно для тебя! 👇 Senior Product Designer мобильного приложения Удаленка Мо — мобильное приложение для сна и медитаций Откликнуться на HH Старший дизайнер мобильных приложений Москва Московский транспорт — это лидер в России и мире по развитию технологий в сфере общественного транспорта Откликнуться на HH Middle Product Designer Удаленка Aviasales — онлайн-сервис для поиска и бронирования авиабилетов Откликнуться на сайте компании Продуктовый дизайнер в Долями Удаленка Долями — сервис от Т-банка для оплаты покупок частями без переплаты Откликнуться на сайте компании UX/UI Designer (Трайб Digital) Москва или удаленка ОТП Банк — один из лидеров на рынке потребительского кредитования и кредитных карт Откликнуться на Getmatch #дерзай

Привет! 🙃 Знакомьтесь с Potential. Изначально это было небольшое агентство из Южной Кореи, которое со временем выросло в крупную компанию и открыло еще два офиса — в США и Бангладеш. На счету у команды более 100 реализованных проектов для компаний по всему миру. А в своих кейсах они делают акцент на нестандартное мышление и инновационные решения. https://dribbble.com/Potential_Inc/shots #смотри

👋 Делимся с вами записью эфира, где Лёша Комаров и Елизавета Корчагина сделали разбор присланных портфолио. До встречи на новых разборах https://youtu.be/NdlRC8ZtmXY #показывай

Ждем тут всех желающих 🙃 https://us06web.zoom.us/j/83365082668?pwd=k9aha3GQsn5NTGB0SuhqeTbXo6IguV.1