菜单...

原生,但统一:Xmind 如何看待跨平台设计

Loading...

如果你在不止一台设备上使用 Xmind,你大概已经感受到过一种微妙的不适——在切换平台时会有一点点阻力。按钮看起来略有不同。某个交互的表现和你的预期不一致。并没有哪里坏了,但总觉得它似乎并不是完全为这里而生。

我们也有同感。所以我们做了一个决定:Xmind 应当在每个平台上都像原生应用一样自然——不仅能用,而且真正在 macOS、Windows、iOS 和 Android 上有“回家”的感觉。核心结构相同,逻辑相同,还是你熟悉的那个产品的感觉——只是会根据运行环境换上合适的“衣服”。

我们就是这样做到的。

Feels native, stays Xmind.

大多数跨平台应用的问题

常见做法是:设计一套 UI,到处发布。这样更省钱、更快,也能保持一致。大多数应用都这么做——说实话,大多数用户也就这样接受了。

结果就是:应用能在每个平台上运行,却在哪个平台都不像原生:

  • Mac 用户会注意到,它看起来不像其他 Mac 应用。

  • Android 用户会注意到,它明显是从 iOS 移植过来的。

  • 没有人会大声抱怨,但这种不适会在不知不觉中累积起来。

另一种选择——针对每个平台分别设计——听起来很合理,但几乎从不真正实现。它成本太高、耗时太长,而维护四套不同设计的团队最终也会精疲力尽,最后还是会趋于一致。

我们对这两种方案都不满意,所以我们寻找一种不同的思路。

同一个应用,不同的装扮

想想一个人如何穿衣:正式会议穿西装,周末穿休闲装,周六早晨穿健身服。三种不同的外观——但你每次都能立刻认出他/她。因为一个人的身份不在衣服里,而在于他们如何举止、如何说话、如何对待他人。

Xmind 也是如此。并不是所有内容都应该在各个平台上保持一致——但真正重要的部分始终一致。

会变的部分:表层

按钮形状、材质、动画,甚至文案语气——这些都会完全遵循各个平台各自的惯例。

Xmind for Android interface showcasing Material Design 3 components—pill-shaped buttons, toggle switch, list cards, and a properties panel, set against a warm coral gradient background.

平台

外观

macOS

胶囊形按钮、悬浮在画布之上的 Liquid Glass 面板,以及充裕的留白

Windows

几何感、克制的圆角矩形、原生标题栏、直接明了的文案(“Upgrade” 而不是 “Upgrade Now”)

iOS & iPadOS

每次重大 OS 发布的第一天就完成全面更新——当你升级时,Xmind 已经属于新系统了

Android

围绕 Material Design 3 重新构建——手势、过渡和面板行为都重新校准,以匹配 Android 用户真实的操作习惯

Xmind for macOS displaying the Liquid Glass design language, with a translucent properties panel floating above a mind map canvas, surrounded by soft floral imagery.

这听起来更费工,因为确实如此。但这也是让 Xmind 真正像是“属于”各个平台,而不只是“能在上面运行”的唯一方式。

保持不变的部分:结构

工具放在哪里、功能如何组织、你如何在各个导图之间切换——这些在任何地方都保持完全一致。

顶部是导航。中间是画布。桌面端的属性面板在侧边,移动端则从底部滑出。底部是一排导图标签。

从 Mac 切换到 iPad,你不需要重新学习任何东西。应用看起来不同,但用起来还是你熟悉的 Xmind。那种一致性——在运转顺畅时几乎察觉不到——正是让表层可以自由变化、而用户却不会迷失的关键。

永远不变的部分:核心

在所有表层之下,有几件事无论平台如何变化,或者 Apple 和 Google 下一次又创造出什么新的设计语言,都始终不变:

  • 画布始终是主角,UI 退居其后。

  • 复杂功能在你需要时随时可用,不需要时则自动退到一边。

  • 撤销是无限的——创作需要能够放心尝试,而不用担心把内容弄坏。

  • 速度永远比好看更重要。没有任何动画或视觉细节值得让应用显得更慢。

这不只是设计决策,更接近于承诺。

我们之所以能够维护这一切的原因

读到这里,你可能会有一个很合理的问题:四个平台、四种视觉语言、到处都是不同惯例——你们到底是怎么做到这一切而不让系统彻底崩掉的?

两年前,我们做了一个当时看起来并不紧急的决定:为 Xmind 构建一套完善的设计系统。

它解决的核心问题说起来很简单,做起来却出奇地难:把所有平台差异都集中在一个地方消化掉,让产品的其他部分无需为此操心。同一个按钮在我们的系统里只存在一份。在 macOS 上它会变成胶囊形;在 Windows 上它会变成圆角矩形。一次改动,处处生效——不用翻文件找,不用同一件事改四遍,也不会慢慢偏离一致。

没有这个基础,我们前面描述的一切都无法持续。每次更新都会变成一场谈判:这次迭代到底哪些平台能得到修复。每个新功能都会衍生出四个略有差异的版本,慢慢地就不再像同一个产品。最终,大家都会默默认同:跟进成本太高——然后整个系统又会收敛回一套到处发布的单一 UI。

设计系统让做正确的事不仅成为可能,而且可以反复执行。

你永远不会直接注意到它。也正是这个原因。

结语

一个全新的 Xmind 即将到来。

它看起来更好了。但更准确地说:这些变化是两年工作的结果,而这些工作从外部看并不总是显而易见——认真学习每个平台、搭建可持续维护的基础,并始终坚持这样一个理念:你不应该因为使用不止一台设备,就必须做出妥协。

我们每天都会在不同设备上使用 Xmind。我们无法接受那种只是“勉强能用”的体验。所以我们也不希望你必须将就。

亲自体验一下

了解原生体验的最佳方式,就是在你现在使用的设备上打开 Xmind。

亲自体验一下

了解原生体验的最佳方式,就是在你现在使用的设备上打开 Xmind。

Xmind 徽标 - 思维导图和头脑风暴工具

功能

解决方案

资源

Xmind 徽标 - 思维导图和头脑风暴工具