¡Rive ha lanzado un nuevo diseño de características, que ha cambiado por completo la adaptación de la pantalla de gráficos animados! Decir adiós al tedioso trabajo de adaptación, los diseñadores y desarrolladores pueden crear fácilmente animaciones dinámicas y receptivas que pueden adaptarse automáticamente a una variedad de tamaños y dispositivos de pantalla, y siempre mantener la interactividad y fluidez única de Rive. La función de diseños es como un "artefacto de diseño universal" que permite que sus animaciones se presenten perfectamente en diferentes plataformas sin tener que crear versiones separadas para cada plataforma. Admite una anidación profunda y un diseño flexible, y se puede combinar con el sistema de restricciones de Rive para lograr efectos de animación más refinados y estables.
¡Los diseñadores y desarrolladores finalmente pueden deshacerse del miedo a ser dominado por la "adaptación de pantalla"! Interactividad de la firma y efectos de animación suaves.
¿Qué es exactamente los diseños?
Con diseños, los diseñadores pueden crear fácilmente diseños que se adaptan automáticamente al tamaño de la pantalla, como botones, listas o menús que se mostrarán perfectamente en teléfonos y computadoras. Los diseñadores pueden elegir libremente qué elementos siguen las reglas de diseño y cuáles se pueden mostrar de forma independiente.
Además, también puede agregar animaciones a los elementos de diseño para que la interfaz sea más vívida y flexible. Por ejemplo, se puede diseñar un gráfico que cambie automáticamente según la posición, el tamaño, los márgenes internos y los márgenes externos para adaptarse a todos los dispositivos. Al usar diseños, los gráficos se pueden escalar y realinearse de acuerdo con el tamaño de la pantalla sin perder los efectos de animación.
Lo más destacado de los diseños es la compatibilidad de los dispositivos cruzados. Los gráficos permiten transiciones suaves entre el tablero del automóvil y el teléfono inteligente, manteniendo un efecto visual constante. El diseñador solo necesita crear los gráficos una vez y se ajustará automáticamente en cada plataforma sin crear una versión separada para cada plataforma.
Los diseños también admiten multilingües y pueden ajustar automáticamente el tamaño del diseño de acuerdo con la longitud del idioma. Por ejemplo, cuando el texto es largo, los diseños pueden reorganizar o cambiar el tamaño del cuadro de texto para adaptarse a los requisitos de visualización de diferentes idiomas. Esto garantiza que todos los idiomas se muestren de manera consistente, y los desarrolladores no necesitan preocuparse por los posibles problemas de diseño causados por diferentes idiomas.
Para los diseñadores que necesitan crear diseños complejos, los diseños ofrecen opciones para anidación profunda y diseños flexibles. Los diseñadores pueden usar las opciones de alineación, ruptura de línea y espaciado para crear diseños de interfaz de usuario complejos, como elementos de UI de nivel múltiple o estructuras complejas que deben ajustarse en diferentes pantallas.
Los diseños también admiten puntos de interrupción, que pueden activar la máquina de estado de Rive en función de los cambios en el ancho, la altura o la proporción de componentes, y realizar diferentes animaciones o cambios de diseño. Por ejemplo, cuando la pantalla cambia de paisaje a retrato, los diseños pueden cambiar automáticamente a otro diseño o estado de animación.
A diferencia de otras herramientas de diseño, los diseños de Rive permiten a los diseñadores elegir libremente si los objetos participan en el motor de diseño y pueden romper las reglas de diseño en cualquier momento y diseñar libremente. Esto significa que los diseñadores pueden incrustar elementos libres, como personajes altamente animados en un diseño más estructurado para lograr efectos de diseño flexibles. Incluso al hacer ajustes de diseño, las animaciones del personaje pueden permanecer suaves y no están restringidas por el motor de diseño.
Además, los diseños también admiten la integración con el sistema de restricciones de Rive, lo que permite 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 manera precisa y controlable la posición y la 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 relevantes para evitar el trastorno del diseño.
Los componentes en los diseños se pueden controlar a través de la máquina de estado de Rive, desencadenando diferentes cambios en el estado según el ancho, la altura o la proporción del componente. Esto permite a los diseñadores agregar animaciones interactivas al diseño, como activar diferentes secuencias de animación o efectos receptivos dependiendo de la pantalla del dispositivo. La máquina de estado de Rive también permite controlar cada detalle de la animación cuando los ajustes de diseño, lo que permite a los diseñadores mezclar múltiples animaciones receptivas e interactivas en un diseño, proporcionando a los usuarios una experiencia visual más rica.
Detalles: https://rive.app/blog/introducing-laayouts
En resumen, la aparición de diseños de Rive ha traído cambios revolucionarios al diseño de animación, simplificando el proceso de adaptación de la pantalla, brindando a los diseñadores y desarrolladores libertad sin precedentes y espacio creativo, haciendo que el diseño de animación sea más eficiente, más conveniente y más informativo. ¡Date prisa y experimenta diseños de rive y comienza un nuevo capítulo en diseño de pintura!