Rive запустила новые макеты функций, которая полностью изменила экранирование адаптации анимированной графики! Прощаясь с утомительной адаптационной работой, дизайнеры и разработчики могут легко создавать динамическую и отзывчивую анимацию, которая может автоматически адаптироваться к различным размерам и устройствам экрана, и всегда поддерживать уникальную взаимодействие и беглость Rive. Функция макетов похожа на «универсальный артефакт макета», который позволяет вашей анимации идеально представлена на разных платформах без необходимости создания отдельных версий для каждой платформы. Он поддерживает глубокое гнездование и гибкую компоновку, и может быть объединен с системой ограничений RIVE для достижения более утонченных и стабильных эффектов анимации.
Дизайнеры и разработчики могут, наконец, избавиться от страха быть доминирующим в «Адаптации экрана»! Интерактивная интерактивность и гладкие эффекты анимации.
Что такое макеты?
С макетами дизайнеры могут легко создавать макеты, которые автоматически адаптируются к размеру экрана, такие как кнопки, списки или меню, которые будут идеально отображаться как на телефонах, так и на компьютерах. Дизайнеры могут свободно выбирать, какие элементы следуют правилам макета, а какие могут отображаться независимо.
Кроме того, вы также можете добавить анимации в элементы макета, чтобы сделать интерфейс более ярким и гибким. Например, может быть разработан график, который автоматически изменяется в соответствии с положением, размером, внутренней маржкой и внешней маржкой в соответствии с всеми устройствами. При использовании макетов графика может быть масштабирована и пересмотрена в соответствии с размером экрана без потери эффектов анимации.
Основным моментом макетов является совместимость с перекрестным устройством. Графика позволяет плавно переходить между приборной панелью автомобиля и смартфоном, поддерживая постоянный визуальный эффект. Дизайнер должен создать графику только один раз, и он автоматически настраивает на каждой платформе, не создавая отдельную версию для каждой платформы.
Макеты также поддерживают многоязычные и могут автоматически регулировать размер макета в соответствии с длиной языка. Например, когда текст длинный, макеты могут изменить или изменить размер текстового поля в соответствии с требованиями дисплея разных языков. Это гарантирует, что все языки отображаются последовательно, и разработчикам не нужно беспокоиться о возможных проблемах макета, вызванных различными языками.
Для дизайнеров, которым необходимо создавать сложные макеты, макеты предлагают варианты глубокого гнездования и гибких макетов. Дизайнеры могут использовать параметры выравнивания, разрыва линий и расстояния для создания сложных макетов пользовательского интерфейса, таких как многоуровневые элементы пользовательского интерфейса, или сложные структуры, которые необходимо регулировать на разных экранах.
Макет также поддерживает точки останова, которые могут запустить машину Rive по состоянию на основе изменений ширины, высоты или доли компонентов, а также выполнять различные анимации или изменения макета. Например, когда экран переключается с ландшафта на портрет, макеты могут автоматически переключаться на другой макет или состояние анимации.
В отличие от других инструментов дизайна, Rive Layouts позволяет дизайнерам свободно выбирать, участвуют ли объекты в двигателе макета, и могут нарушать правила макета в любое время и свободно проектировать. Это означает, что дизайнеры могут внедрять свободные элементы, такие как высоконимированные символы в более структурированный макет для достижения гибких эффектов дизайна. Даже при приспособлении макета анимация персонажа может оставаться гладкой и не ограничивается двигателем макета.
Кроме того, макеты также поддерживают интеграцию с системой ограничений RIVE, что позволяет иметь традиционные иерархические отношения в дизайне. Даже если макет пользовательского интерфейса изменяется, анимация может точно и контролируемо поддерживать исходное положение и форму, обеспечивая стабильность визуального эффекта. Например, когда изменяется макет страницы, система ограничений будет автоматически регулировать соответствующие элементы, чтобы избежать расстройства макета.
Компоненты в макетах можно контролировать через статусную машину Rive, что запускает различные изменения состояния на основе ширины, высоты или доли компонента. Это позволяет дизайнерам добавлять интерактивные анимации в макет, такие как запуска различных последовательностей анимации или отзывчивые эффекты в зависимости от экрана устройства. Государственная машина Rive также позволяет контролировать каждую деталь анимации при настройке макета, позволяя дизайнерам смешивать несколько отзывчивых и интерактивных анимаций в одном дизайне, предоставляя пользователям более богатый визуальный опыт.
Подробности: https://rive.app/blog/introducing-layouts
Короче говоря, появление макетов Rive принесло революционные изменения в дизайне анимации, упрощая процесс адаптации экрана, предоставив дизайнерам и разработчикам беспрецедентную свободу и творческое пространство, что делает дизайн анимации более эффективным, более удобным и более информативным. Спешите и испытайте макеты Rive и начните новую главу в дизайне рисования!