17 oct 2022

Xmind Diseño de UI Ahora Es Código Abierto

Shin

Como pioneros en el campo del software de mapas mentales, compartir conocimientos, abrazar la innovación y priorizar al usuario siempre han sido las creencias que defendemos. Ya en 2008, Xmind lanzó una versión de código abierto, y nuestra fuente 'NeverMind' también es abierta y gratuita para uso comercial.

Esta es la primera vez que nuestro diseño de interfaz de usuario se hace público y se comparte. Es para mostrar nuestra dedicación al diseño para nuestros usuarios, así como nuestra intención de seguir innovando y esforzándonos por la meticulosidad y la excelencia.

Text design featuring the words

Lenguaje de Diseño Altamente Unificado.

La Consistencia

Un gran diseño no se define por lo bien que se ve, sino por cómo puede combinar sus funciones y usos para los usuarios. Nos importa profundamente cómo nuestro software interactúa con nuestros usuarios: esto realmente valora nuestro propósito de brindar la mejor experiencia a nuestros usuarios.

Xmind tiene una

adaptación perfecta

a diferentes plataformas. Como software multiplataforma, consideramos las características de los diferentes sistemas operativos y cumplimos con las especificaciones del sistema para satisfacer los hábitos de nuestros usuarios en mayor medida. Por ejemplo, en el diseño de la barra de herramientas, la barra de menú superior comúnmente utilizada en los sistemas macOS no está presente en Windows, por lo que la mejoramos para la versión de Windows agregando el botón de menú en el extremo izquierdo.

Whenever you interact with the Xmind system to call out an action, the action sheet will present in the same way as how your system would present to you. There would be no disconnecting feeling in the interaction.We differentiated the rounded corners and shadows of the various controls to make them

natural y armonioso

para cada plataforma.

Two application windows side by side: one on a blue background with a Windows interface, the other on an orange background with a macOS interface.

Manteniendo la Interfaz Ligera y Espaciosa.

Sin Complicaciones, Solo Comodidad y Calidad

Simplicidad y eficiencia son nuestros principios de diseño primarios. Hacemos pleno uso del espacio en blanco y de elementos simples para lograr interfaces de interacción complejas que sean claras, flexibles y altamente consistentes, y para facilitar de manera integral que nuestros usuarios se familiaricen más rápido con las funciones del software.

Los paneles y las barras de herramientas están diseñados con una restricción mínima, sin pistas de redundancia en la interfaz, con un pequeño número de controles, divididos según la lógica funcional.

The design of the format panel has always been one of the focuses of our annual retrospection. The layouts are designed to be logically structured, and we ensure a

jerarquía visual clara

de información a través de la deliberación repetida sobre el contraste, el texto y el espaciado de los elementos. Cada sección está dotada de propósitos funcionales claros, y cada botón de acción sirve exactamente como debe ser su función. No hay

caos

en las barras de herramientas y paneles de trabajo.

User interface screenshot of a mind mapping tool, showing options for shapes, lines, text styles, and layout themes.

Extremadamente Amigable para el Usuario

Creemos que un diseño excepcional es esencial para definir y mantener una experiencia excelente para los usuarios. Una pregunta que siempre nos hacemos retóricamente es: Como producto, cuando se elimina el revestimiento llamativo, ¿aún lo amas? ¿Todavía funciona para ti?

Nos recordamos constantemente destilando información, puliéndola, haciendo las adiciones y sustracciones necesarias, y reorganizando nuestro concepto de diseño.

Por ejemplo, cuando se trata del diseño de color, realizamos adiciones. Las barras de herramientas principales y los botones de acción utilizan todos el esquema de color principal de negro, blanco o azul. Analizamos el tono, la claridad y la saturación del color para elegir colores accesibles para usuarios con deficiencias visuales. También seguimos

los principios de las WCAG (Directrices de Accesibilidad para el Contenido Web)

para asegurar que nuestros usuarios puedan navegar a través de la interfaz sin obstáculos relacionados con el color.

And there’s also subtraction in our design. In the design of the sheet bar at the bottom, it only becomes visible when you need multiple canvases.

Menos es más. Así que cuando nos preguntas cómo empezar como un novato en los mapas mentales, estamos más que seguros de mostrarte que estás completamente equipado. Cuando abres un nuevo lienzo en Xmind, estás listo para empezar. No hay diseños o configuraciones complejas que te confundan.

Prestar Atención a lo Pasado por Alto.

Detalles Refinados

Imprimir mapas mentales es un escenario esencial, especialmente cuando imprimes en blanco y negro. Probablemente sepas que tenemos muchas pegatinas e ilustraciones divertidas y creativas que nuestros diseñadores han elaborado cuidadosamente. Pero encontramos que esto no era suficiente. Como la calidad de impresión varía, podría ser difícil identificar las pegatinas e ilustraciones en los mapas mentales. Así que lo que hicimos fue agregar un borde adicional para

realzar el contraste visual y el reconocimiento

.

As for the language setting, it is easily switched in a second within Xmind. You don’t need to restart the app at all.

También se proporcionan configuraciones de fuente CJK

. Esto evita el problema de que algunas fuentes occidentales no soportan fuentes CJK y llevan a la falta de caracteres.

In the sheet bar, we have a topic counting function in the right corner, which allows you to track your ‘idea branches’.

Los textos del sistema están alineados al centro, como los créditos finales de una película, lo que los hace visualmente agradables y fáciles de buscar ciertos textos. La resolución de pantalla en Xmind se adapta a tus escalas del sistema. Ya sea que necesites que tu pantalla sea predeterminada, más pequeña o más grande, cambia automáticamente con tu preferencia de sistema.

All these details may not be easily perceived by users, but they are the result of our meticulous thinking in design.

Siempre ponemos a nuestros usuarios en primer lugar.

Muchos han visto la fina lógica detrás de nuestros principios de diseño, la dedicación que mantenemos, y el abrazo de compartir conocimientos, ideas e innovaciones abiertamente. Esto también atrae a personas a imitar. Pero no vemos esto como algo malo en absoluto. En todos los aspectos, el hecho de que nos imiten es un testimonio de nuestro diseño y experiencia de usuario excepcionales.

También esperamos conectar y atraer a más personas con ideas afines que sean apasionadas por el diseño. Esperamos caminar lado a lado contigo en la búsqueda de la excelencia.

¿Cómo Usar el Kit de Diseño de Interfaz de Usuario de Xmind?

El Kit de Interfaz de Usuario de Xmind incluye todos nuestros componentes de diseño: plantillas, fuentes, pegatinas, ilustraciones y otros elementos. Puedes ir a

Xmind Kit de Interfaz de Usuario para Escritorio

para obtener todos los recursos anteriores.

Xmind desktop UI kit showcasing design elements, icons, and interface tools on a white background.

Más Publicaciones