¡El editor de Downcodes te llevará a conocer la última función de Diseños de Rive! Resuelve completamente el problema de la adaptación de la pantalla para diseñadores y desarrolladores, haciendo que sea más fácil que nunca crear gráficos animados dinámicos y responsivos. En lugar de crear versiones separadas para diferentes dispositivos y tamaños de pantalla, Layouts puede adaptarse automáticamente a varias plataformas para garantizar efectos de animación consistentes. También admite múltiples idiomas y ajusta automáticamente el tamaño del diseño para adaptarse a la longitud del texto de diferentes idiomas. Sin duda, esto es una gran ayuda para los desarrolladores que buscan una experiencia visual consistente en todas las plataformas.
¡Los diseñadores y desarrolladores finalmente pueden deshacerse del miedo a ser dominados por la "adaptación de pantalla"! Rive lanzó recientemente una nueva función llamada Diseños, que permite a los usuarios crear gráficos animados dinámicos y receptivos que pueden adaptarse automáticamente a diferentes dispositivos y tamaños de pantalla , mientras manteniendo la interactividad característica de Rive y las animaciones fluidas.
Uno de los aspectos más destacados de Layouts es la compatibilidad entre dispositivos. Los gráficos cambian suavemente entre los tableros de los automóviles y los teléfonos inteligentes, manteniendo imágenes consistentes. Los diseñadores solo necesitan crear un gráfico una vez y se ajustará automáticamente en todas las plataformas, eliminando la necesidad de crear versiones separadas para cada plataforma.
Layouts también admite varios idiomas, con la capacidad de cambiar automáticamente el tamaño de los diseños según la longitud del idioma . Por ejemplo, cuando el texto es largo, Diseños puede reorganizar o cambiar el tamaño del cuadro de texto para adaptarse a los requisitos de visualización de diferentes idiomas. Esto garantiza una visualización coherente en todos los idiomas y los desarrolladores no necesitan preocuparse por los problemas de diseño que puedan surgir en diferentes idiomas.
Para los diseñadores que necesitan crear diseños complejos, Layouts ofrece opciones para diseños flexibles y profundamente anidados. Los diseñadores pueden usar opciones de alineación, ajuste y espaciado para crear diseños de interfaz de usuario complejos, como múltiples niveles de elementos de la interfaz de usuario o estructuras complejas que deben ajustarse en diferentes pantallas.
Layouts también admite puntos de interrupción , que pueden activar la máquina de estado de Rive para realizar diferentes animaciones o cambios de diseño en función de los cambios en el ancho, alto o proporción del componente. Por ejemplo, Diseños puede cambiar automáticamente a otro diseño o estado de animación cuando la pantalla cambia de horizontal a vertical.
A diferencia de otras herramientas de diseño, Rive Layouts permite a los diseñadores elegir libremente si los objetos participan en el motor de diseño y también pueden romper las reglas de diseño en cualquier momento y diseñar libremente. Esto significa que los diseñadores pueden incorporar elementos gratuitos, como personajes muy animados, en diseños más estructurados para obtener efectos de diseño flexibles. Incluso cuando se realizan ajustes de diseño, la animación del personaje sigue siendo fluida y no está restringida por el motor de diseño.
Además, Layouts también admite la integración con el sistema de restricciones de Rive, lo que le permite romper con las relaciones jerárquicas tradicionales en el diseño. Incluso si el diseño de la interfaz de usuario cambia, la animación puede mantener de forma precisa y controlable la posición y forma originales, asegurando la estabilidad del efecto visual. Por ejemplo, cuando cambia el diseño de la página, el sistema de restricciones ajustará automáticamente los elementos relacionados para evitar confusión en el diseño.
Los componentes en Layouts se pueden controlar a través de la máquina de estado de Rive, lo que activa diferentes cambios de estado según el ancho, el alto o la proporción del componente. Esto permite a los diseñadores agregar animaciones interactivas a sus diseños, como activar diferentes secuencias de animación o efectos de respuesta según la pantalla del dispositivo. La máquina de estado de Rive también le permite controlar cada detalle de la animación a medida que se ajusta el diseño, lo que permite a los diseñadores mezclar múltiples animaciones interactivas y responsivas en un solo diseño para brindar a los usuarios una experiencia visual más rica.
Detalles: https://rive.app/blog/introtaining-layouts
Con todo, la aparición de Rive Layouts ha brindado una gran comodidad a los diseñadores y desarrolladores, simplificó enormemente el proceso de diseño de animación multiplataforma y puso a su alcance un mejor diseño de animación. ¡Ve a explorarlo ahora!