菜单...

2022年10月17日

Xmind UI 设计现已开源

Loading...

作为思维导图软件领域的先驱,我们始终秉持分享知识、拥抱创新和用户至上的信念。早在2008年,Xmind就推出了一个开源版本,我们的字体‘NeverMind’也开放和免费用于商业用途。

这是首次将我们的UI设计公开分享。这展示了我们对用户设计的专注,以及我们对持续创新、追求精细和卓越的思考。

Text design featuring the words

高度统一的设计语言。

一致性

一个优秀的设计并不在于它外观有多好,而在于它如何能将功能与用户的使用需求结合。我们非常重视软件与用户的交互——这正是实现为用户带来最佳体验目的的真正价值所在。

Xmind具有

完美的适应性

于不同的平台。作为跨平台软件,我们考虑了不同操作系统的特性,并遵循系统规范,以更大程度满足用户习惯。例如,在工具栏设计中,常在macOS系统中使用的顶部菜单栏Windows系统中没有,因此我们在Windows版本中通过在最左侧添加菜单按钮进行了改进。

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

自然和谐

地适用于每个平台。

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.

保持界面简洁通透。

无繁琐,只有舒适与质量

简约高效是我们的设计原则。我们充分利用空白和简单元素,实现复杂的交互界面,这些界面清晰、灵活且高度一致,全面帮助用户更快熟悉软件功能。

面板和工具栏遵循极简设计,没有多余的界面提示,控制数量较少,按功能逻辑划分。

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

清晰的视觉层次

的信息通过对比度、文字和元素间距的反复推敲实现。每个部分都具有明确的功能目的,每个操作按钮都恰如其分地执行各自的功能。工具栏和工作面板中没有混乱。

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

极致的用户友好

我们相信,出色的设计对定义和维护卓越的用户体验至关重要。一个我们常自问的问题是:作为一个产品,当剥去炫丽的外壳后,你是否仍然爱它?它是否仍然对你有用?

我们不断通过精炼信息、打磨设计、进行必要的增减调整和重新组织我们的设计理念来提醒自己。

例如,在色彩设计方面,我们进行增补。主要的工具栏和操作按钮均使用黑、白或蓝的主色调。我们分析颜色的色相、亮度和饱和度,以选择对具有视觉障碍的用户更友好的颜色。我们还遵循

WCAG(网络内容无障碍指南)原则

以确保用户可以无色障碍地导航界面。

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.

少即是多。因此,当您问我们如何作为思维导图的新手开始使用时,我们非常有信心地告诉您,您已经准备就绪。在Xmind中打开新的画布时,您可以立即开始。没有复杂的设计或设置会使您感到困惑。

关注被忽视的细节。

精心打磨的细节

打印思维导图是一个重要场景,特别是在黑白打印时。您可能知道,我们有许多有趣和创意的贴纸和插图,都是由我们的设计师精心制作的。但我们发现这还不够。由于打印质量的差异,可能难以识别思维导图中的贴纸和插图。因此,我们为其增加了一条额外的边框,以增强视觉对比和识别度

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字体设置

也提供了解决方案。这样就避免了一些西方字体不支持CJK字体而导致的字符缺失问题。

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

系统文本居中对齐,就像电影结尾的字幕,这使得视觉上和谐易于搜索特定文本。Xmind的显示分辨率根据您的系统缩放自动调整。无论您需要使用默认、较小或较大空间显示,它都会随着您的系统偏好自动变化。

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

我们始终将用户放在首位。

很多人看到了我们设计原则背后的逻辑严谨、我们坚定不移的奉献精神,以及我们对知识、理念和创新的开放共享。这也吸引了人们的模仿。但我们并不认为这是坏事。无论怎么看我们被模仿的事实都是对我们卓越设计和用户体验的认可。

我们也希望与更多热爱设计的志同道合的人建立联系和吸引他们。我们期待着能在追求卓越的道路上,与您携手并进。

如何使用Xmind UI设计套件?

Xmind UI套件包含了我们所有的设计组件:模板、字体、贴纸、插图和其他元素。您可以访问

Xmind UI Kit for Desktop

获取所有上述资源。

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

更多文章

Xmind logo - mind map and brainstorming tool

功能

解决方案

资源

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