17 de out. de 2022

Xmind Design de UI Agora É Open-Source

Shin

Como pioneira na área de software de mapeamento mental, compartilhar conhecimento, abraçar a inovação e ter o usuário em primeiro lugar sempre foram as crenças que defendemos. Já em 2008, a Xmind lançou uma versão de código aberto, e nossa fonte 'NeverMind' também é aberta e gratuita para uso comercial.

Esta é a primeira vez que nosso design de interface de usuário é tornado público e compartilhado. Isto mostra nossa dedicação ao design para os nossos usuários, assim como nossa contemplação para manter a inovação e buscar meticulosidade e excelência.

Text design featuring the words

Linguagem de Design Altamente Unificada.

A Consistência

Um ótimo design não é definido pelo quão bom ele parece, mas por como consegue combinar suas funções e usos para os usuários. Preocupamo-nos profundamente com a forma como nosso software interage com nossos usuários - isso é o que realmente valoriza nosso propósito de proporcionar a melhor experiência aos nossos usuários.

A Xmind tem uma

adaptação perfeita

para diferentes plataformas. Como um software multiplataforma, consideramos as características de diferentes sistemas operacionais e cumprimos as especificações do sistema para atender melhor os hábitos dos nossos usuários. Por exemplo, no design da barra de ferramentas, a barra de menu superior comumente usada em sistemas macOS está ausente no Windows, então a melhoramos para a versão Windows, adicionando o botão de menu à esquerda.

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 e harmonioso

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.

Mantendo a Interface Leve e Arejada.

Sem Excessos, Apenas Conforto e Qualidade

Simplicidade e eficiência são nossos principais princípios de design. Fazemos pleno uso de espaços em branco e elementos simples para alcançar interfaces de interação complexas que são claras, flexíveis e altamente consistentes, facilitando amplamente nossos usuários a se familiarizarem mais rapidamente com as funções do software.

Os painéis e barras de ferramentas são projetados com mínimo restrição - sem vestígios de redundância na interface, com um pequeno número de controles, divididos de acordo com a lógica de função.

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

hierarquia visual clara

da informação através de deliberações repetidas sobre contraste, texto e espaçamento dos elementos. Cada seção é dotada de propósitos funcionais claros, e cada botão de ação serve exatamente à sua função. Não há

caos

nas barras de ferramentas e painéis de trabalho.

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

Extremamente Amigável ao Usuário

Acreditamos que um design excepcional é essencial para definir e manter uma experiência soberba para os usuários. Uma pergunta que sempre fazemos retoricamente: Enquanto produto, quando despojado do revestimento sofisticado, você ainda o ama? Ainda funciona para você?

Constantemente nos lembramos distilando informações, polindo-as, fazendo adições e subtrações necessárias, e reestruturando nosso design conceitualmente.

Por exemplo, no que diz respeito ao design de cor, fazemos adições. As barras de ferramentas principais e os botões de ação utilizam o esquema de cores principal de preto, branco ou azul. Analisamos o matiz, a luminosidade e a saturação para escolher cores acessíveis para usuários com deficiência visual. Também seguimos

os princípios do WCAG (Web Content Accessibility Guidelines)

para garantir que nossos usuários possam navegar pela interface sem quaisquer obstáculos relacionados à cor.

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 é mais. Então, quando nos pergunta como começar como um iniciante em mapeamento mental, estamos mais do que confiantes em mostrar que você está totalmente preparado. Ao abrir uma nova tela no Xmind, você está pronto para começar. Nenhum design ou configuração complexa iria confundi-lo.

Preste Atenção aos Detalhes Esquecidos.

Detalhes Polidos

Imprimir mapas mentais é um cenário essencial, especialmente quando você imprime em preto e branco. Você provavelmente sabe que temos muitos adesivos e ilustrações divertidas e criativas que são cuidadosamente elaboradas pelos nossos designers. Mas descobrimos que isso não era suficiente. Como a qualidade de impressão varia, pode ser difícil identificar os adesivos e ilustrações em mapas mentais. Então, o que fizemos foi adicionar uma borda extra para

melhorar o contraste visual e o reconhecimento

.

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

Configurações de fonte CJK

também são fornecidas. Isso evita o problema de que algumas fontes ocidentais não suportam fontes CJK e levam a caracteres faltantes.

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

Os textos do sistema são alinhados ao centro, assim como os créditos finais de um filme, o que torna visualmente agradável e fácil de buscar textos específicos. A resolução de exibição no Xmind adapta-se às suas escalas de sistema. Se você precisa que sua exibição seja padrão, menor ou maior, ela muda automaticamente com sua preferência de sistema.

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

Sempre colocamos nossos usuários em primeiro lugar.

Muitos viram a lógica fina por trás dos nossos princípios de design, a dedicação que defendemos, e a abraço de compartilhar conhecimento, ideias e inovações abertamente. Isso também atrai pessoas a imitar. Mas não vemos isso como algo ruim. Em todos os sentidos, o fato de sermos imitados é um testemunho do nosso design excepcional e experiência do usuário.

Também esperamos conectar e atrair mais pessoas que pensem como nós e sejam apaixonadas por design. Estamos ansiosos para caminhar lado a lado com você na busca pela excelência.

Como Usar o Xmind UI Design Kit?

O Kit UI de Xmind inclui todos os nossos componentes de design: modelos, fontes, adesivos, ilustrações e outros elementos. Você pode acessar

Xmind UI Kit for Desktop

para obter todos os recursos acima.

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

Mais Publicações

Xmind logo - mind map and brainstorming tool

Funcionalidades

Soluções

Recursos

Xmind logo - mind map and brainstorming tool
Xmind logo - mind map and brainstorming tool
Xmind logo - mind map and brainstorming tool