17.10.2022

Xmind UI-Design ist jetzt Open-Source

Als Pionier auf dem Gebiet der Mind-Mapping-Software waren Wissensaustausch, Innovation und Benutzerorientierung stets die Überzeugungen, die wir vertreten. Bereits im Jahr 2008 brachte Xmind eine Open-Source-Version auf den Markt, und unsere Schriftart „NeverMind“ ist ebenfalls offen und kostenlos für kommerzielle Zwecke.

Dies ist das erste Mal, dass unser UI-Design öffentlich gemacht und geteilt wird. Es soll unser Engagement für das Design für unsere Benutzer zeigen, sowie unser Nachdenken darüber, weiterhin zu innovieren und nach Sorgfalt und Exzellenz zu streben.

Text design featuring the words

Hochgradig einheitliche Designsprache.

Die Konsistenz

Ein großartiges Design wird nicht dadurch definiert, wie gut es aussieht, sondern wie es seine Funktionen und Anwendungen für Benutzer kombinieren kann. Wir kümmern uns sehr darum, wie unsere Software mit unseren Benutzern interagiert - das ist der wahre Wert unseres Zwecks, unseren Benutzern das beste Erlebnis zu bieten.

Xmind hat eine

perfekte Anpassung

an verschiedene Plattformen. Als plattformübergreifende Software berücksichtigen wir die Merkmale verschiedener Betriebssysteme und machen die Einhaltung der Systemspezifikationen, um die Gewohnheiten unserer Benutzer in größerem Maße zu erfüllen. Zum Beispiel fehlt in der Gestaltung der Symbolleiste die in macOS-Systemen häufig verwendete obere Menüleiste in Windows, sodass wir sie für die Windows-Version verbessert haben, indem wir die Menütaste ganz links hinzugefügt haben.

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

natürlich und harmonisch

für jede Plattform.

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.

Die Schnittstelle leicht und luftig halten.

Kein Schnickschnack, nur Komfort und Qualität

Einfachheit und Effizienz sind unsere wichtigsten Designprinzipien. Wir nutzen Weißraum und einfache Elemente vollständig aus, um komplexe Interaktionsoberflächen zu schaffen, die klar, flexibel und hochgradig konsistent sind, und um unseren Benutzern umfassend dabei zu helfen, sich schneller mit den Softwarefunktionen vertraut zu machen.

Die Panels und Symbolleisten sind minimal restriktiv gestaltet, ohne einen Hauch von Redundanz in der Benutzeroberfläche, mit einer kleinen Anzahl von Bedienelementen, die nach Funktionslogik partitioniert sind.

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

klare visuelle Hierarchie

der Informationen durch wiederholte Überlegungen zu Kontrast, Text und Elementabstand. Jeder Abschnitt ist mit klaren funktionalen Zwecken ausgestattet, und jede Aktionstaste dient genau dem, wofür sie gedacht ist. Es gibt

kein Chaos

in den Symbolleisten und Arbeitsbereichen.

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

Ultimativ benutzerfreundlich

Wir glauben, dass außergewöhnliches Design entscheidend dafür ist, ein hervorragendes Benutzererlebnis zu definieren und zu bewahren. Eine Frage, die wir uns immer rhetorisch stellen: Wenn ein Produkt seiner schicken Verkleidung beraubt ist, lieben Sie es dann immer noch? Funktioniert es immer noch für Sie?

Wir erinnern uns ständig daran, indem wir Informationen destillieren, sie verfeinern, notwendige Ergänzungen und Abzüge vornehmen und unser Design konzeptionell reorganisieren.

Bei der Farbgestaltung beispielsweise nehmen wir Ergänzungen vor. Die Hauptsymbolleisten und Aktionstasten verwenden alle das Hauptfarbschema Schwarz, Weiß oder Blau. Wir analysieren den Farbton, die Helligkeit und die Sättigung, um zugängliche Farben für Benutzer mit visuellen Beeinträchtigungen auszuwählen. Wir folgen auch

den WCAG (Web Content Accessibility Guidelines) Prinzipien

, um sicherzustellen, dass unsere Benutzer die Benutzeroberfläche ohne farbbezogene Hindernisse navigieren können.

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.

Weniger ist mehr. Also, wenn Sie uns fragen, wie man als neuer Anfänger im Mind Mapping beginnt, sind wir mehr als zuversichtlich, Ihnen zu zeigen, dass Sie bestens gerüstet sind. Wenn Sie eine neue Leinwand in Xmind öffnen, sind Sie bereit loszulegen. Keine komplexen Designs oder Einstellungen, die Sie verwirren würden.

Achten Sie auf das Vernachlässigte.

Polierte Details

Das Ausdrucken von Mind Maps ist ein wesentliches Szenario, besonders wenn Sie in Schwarzweiß drucken. Sie würden wahrscheinlich wissen, dass wir viele unterhaltsame und kreative Aufkleber und Illustrationen haben, die von unseren Designern sorgfältig erstellt wurden. Aber wir fanden heraus, dass dies nicht ausreichte. Da die Druckqualität variiert, könnte es schwierig sein, die Aufkleber und Illustrationen in Mind Maps zu identifizieren. Also haben wir eine zusätzliche Umrandung hinzugefügt, um

den visuellen Kontrast und die Erkennung zu verbessern

.

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

CJK-Schrifteinstellungen

werden ebenfalls bereitgestellt. Dies vermeidet das Problem, dass einige westliche Schriften CJK-Schriften nicht unterstützen und fehlende Zeichen verursachen.

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

Die Systemtexte sind zentriert ausgerichtet, genau wie der Abspann am Ende des Films, was es optisch ansprechend und leicht macht, bestimmte Texte zu suchen. Die Anzeigeauflösung in Xmind passt sich Ihren Systemskalen an. Ob Sie Ihre Anzeige in der Standardeinstellung, kleiner oder größer benötigen, es ändert sich automatisch mit Ihrer Systemeinstellung.

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

Wir setzen unsere Benutzer immer an die erste Stelle.

Viele haben die feine Logik hinter unseren Designprinzipien, das Engagement, das wir aufrechterhalten, und das Offenlegen des Wissens-, Ideen- und Innovationsaustauschs offen gesehen. Dies zieht auch dazu, dass Menschen uns imitieren. Aber wir sehen dies überhaupt nicht als eine schlechte Sache an. In jedem Fall ist die Tatsache, dass wir imitiert werden, ein Beweis für unser außergewöhnliches Design und Benutzererlebnis.

Wir hoffen auch, mehr gleichgesinnte Menschen anzuziehen, die leidenschaftlich am Design interessiert sind. Wir freuen uns darauf, Seite an Seite mit Ihnen auf der Suche nach Exzellenz zu gehen.

Wie nutzt man das Xmind UI Design Kit?

Das Xmind UI Kit enthält alle unsere Designkomponenten: Vorlagen, Schriften, Aufkleber, Illustrationen und andere Elemente. Sie können zu

Xmind UI Kit für Desktop

gehen, um alle oben genannten Ressourcen zu erhalten.

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

Mehr Beiträge