How I can design rich user interfaces in Mendix?

Las interfaces de usuario se crean mediante la combinación de una interfaz de arrastrar y soltar con un editor de páginas WYSIWYG. Nuestros entornos Mendix Studio y Mendix Studio Pro se pueden usar con el marco Atlas UI, que es un lenguaje de diseño extensible, de código abierto y totalmente receptivo que facilita un enfoque de pensamiento de diseño para crear interfaces de usuario.

Los patrones de página comunes, como listas de búsqueda, vistas de datos, tableros y asistentes, están disponibles como plantillas de inicio que ayudan a acelerar el desarrollo y garantizan una interfaz de usuario uniforme y estándar en varios dispositivos.

Diseños de Navegación

Al crear una aplicación de Mendix, lo primero que debe hacer es elegir un diseño de navegación. Estos diseños son el marco dentro del cual se alojan sus páginas dinámicas y brindan una estructura consistente en toda su aplicación.

Los diseños de navegación se crean utilizando el editor de diseño de la plataforma, que le permite crear los patrones de diseño necesarios para sus páginas.

Los diseños utilizan controles específicos, como cuadrículas de diseño, marcadores de posición de contenido, contenedores de desplazamiento, barras de menús deslizantes y fragmentos, para definir de forma centralizada los patrones de diseño de página necesarios que se utilizarán al crear la interfaz de usuario de su aplicación.

Este video muestra lo fácil que es seleccionar un diseño de navegación reutilizable para su proyecto de aplicación en Mendix Studio:

Plantillas de página

Las plantillas de página son colecciones prediseñadas de componentes básicos que se pueden usar tal cual o mejorarse con componentes básicos y widgets personalizados.

Este video demuestra cómo puede encontrar la mejor plantilla de página para su proyecto de aplicación:

Bloques de construcción

Los bloques de construcción son elementos de interfaz de usuario de un solo propósito compuestos por múltiples widgets y estilos. Los bloques de construcción múltiples generalmente se usan juntos en una página. Puede arrastrar un bloque de creación a cualquiera de las respectivas páginas móviles, tabletas o receptivas para implementar patrones de interfaz de usuario comunes, lo que acelera sustancialmente el desarrollo de páginas personalizadas.

Este video presenta cómo usar bloques de construcción con el diseño de su aplicación:

Widgets

Los widgets son pequeños elementos de la interfaz de usuario (por ejemplo, alertas, botones, gráficos) que se utilizan para mejorar los componentes básicos existentes.

Mendix proporciona muchos widgets listos para usar, y hay cientos de widgets de código abierto disponibles en Mendix Marketplace

Propiedades de diseño

Puede personalizar aún más los widgets cambiando sus propiedades de diseño. Los colores, el texto y muchas otras variables se pueden modificar para personalizar los widgets caso por caso si el estilo o la ubicación no son del todo correctos. Los desarrolladores de temas pueden implementar sus propias propiedades de diseño (de la empresa) para que otros usuarios puedan cambiar fácilmente la apariencia de los widgets para que coincidan con la marca de la empresa.

Aquí hay un ejemplo de lo fácil que es cambiar las propiedades de diseño de un botón en Mendix Studio:

Escríbenos para mayor información de Mendix.