Xmind 开源桌面版 UI 设计


Xmind 上个月宣布正式开源其桌面版的 UI 设计,并表示这是首次面向公众分享其 UI 设计。Xmind 是知名的思维导图软件,据称这是 Xmind 在 2008 年推出开源版本后再度拥抱开源。

Xmind 在开源公告写道,极简、克制、轻量是 Xmind UI 设计的关键词。通过采用“无感设计”,力求为用户提供更简洁的使用体验、更流畅的交互体验、更无障碍的上手体验。既照顾到新手的易用性,同样也考虑到资深用户的深度需求


以下内容摘录自 Xmind 开源公告。

轻量设计,极致用户友好

作为一款效率软件,在进行界面设计时简单高效成为了我们的首要设计原则。我们充分利用留白和简单的元素来构建复杂的交互界面,使其清晰灵活并保持高度的一致性。

在界面设计上我们采用了极简、克制的设计,界面中没有一丝冗余,只将最实用的功能放在软件工具栏上,不做多余的修饰干扰用户,不像其它传统软件各种功能满屏负载,一进来就给你很多选择和压迫感。

我们采用了无障碍设计。在颜色上采用黑白蓝的主要配色,不依赖颜色来传递信息,而是采用高对比度的视觉处理方式,干净、简约、清晰、明朗,在视觉辨认上毫不费力,遵循WCAG(Web 内容可访问性指南)原则,以确保我们的用户可以在没有任何与颜色相关的障碍的情况下浏览界面,充分考虑到了视力障碍人士的需求。

为方便用户更快认知和熟悉软件的功能,样式面板的设计也是我们每年反复推敲的重点。在面板的功能排布上,我们通过对元素、对比度、文字、间距的反复推敲,使其具有清晰的视觉层级。像思维导图一样,样式面板的功能排布也具有清晰的逻辑,让用户可以随取随用,对新手极度友好。

不同平台,一致的使用体验

Xmind 是一款跨平台的软件,为了保证用户在各个平台上都拥有相似的使用体验,我们在设计之初就考虑到不同平台下组件样式与系统本身的统一性,最大程度符合用户的使用习惯,而不仅仅只是针对平台做简单的适配。

比如在对于工具栏的设计中,macOS 系统常用的顶部菜单栏在 Windows 中有所缺失,我们便针对 Windows 版进行了改进,在最左侧加入菜单按键。

针对于两个平台控件样式的不同,我们区分了软件在不同平台内各种控件的圆角与阴影,使其自然和谐。对话框的弹出方式和排列方式也针对不同平台做出相应的调整。

在适应不同系统的设计规范的前提下,最大程度保持了 Xmind 的设计风格,保持用户的熟悉感,降低用户的操作和认知成本。

隐形设计,精细打磨

精细是 Xmind 设计的另一个关键词。为了让大家拥有更好的使用体验,我们在软件的各个细节上都下足了功夫。小至一个勾选框,一张贴纸,甚至在各种边际情况下也做了充足的考量。

比如在智能配色方案中,如果你去掉了思维导图的背景色,我们会根据感知对比度算法(APCA)为字体设置反色,让你在各种背景颜色下都能保证文字的可读性。

为了优化用户的打印体验,我们在设计贴纸和插画时加入了双重描边来增强识别度,使其在深色背景和浅色背景的打印场景下都有良好呈现,对思维导图本身也进行了黑白打印模式的优化。

在字体这件事上,除了我们自研的品牌字体 NeverMind 外,我们还专门提供了中日韩字体(CJK font)设置,让西方语言文字和中日韩文字混排时可以分别设置各自适合的字体来达到更好的组合使用效果,也避免了一些西文字体不支持中日韩文字而导致缺字的问题。

在 Xmind 中,用户随时都可以知道自己创建了多少个主题,软件可自动适配系统的浅色和深色外观,语言切换也可在软件内秒切,软件字体也可自动跟随系统字体大小变化等。这些细节或许都不易被用户感知到,但都是我们精细思考和设计过的结果。


如何使用 Xmind UI 设计工具包?

Xmind 的 UI Kit 包括 Xmind 设计的组件、模板、字体、贴纸等组成 Xmind 桌面版 UI 设计的各个元素。点击Xmind 桌面版 UI Kit 即可获取以上的所有资源。


相關推薦

2023-08-10

一:codes 简介 Codes  是一个 高效、简洁、轻量的一站式研发管理平台。包含需求管理,任务管理,测试管理,缺陷管理,自动化测试,cicd 等功能; Codes 帮助企业加速融合研发、测试、运维一体化进程 常态下,刀

2023-04-14

前言 kkFileView 自 2017 年开源至今,已经支持 23 种文件类型,上百种文件后缀的文件在线预览。已在 Gitee 收获 17.2K 、Github 收获 8.2K star, 我们一直在精心打磨 kkFileView ,旨在打造开源里最好用最强大的文件在线预览项目。 时隔

2023-07-05

次 Windows 版本的更新,标志 QQ 基于 NT 技术架构,实现了桌面端 QQ 的三端体验统一(Windows、macOS 和 Linux)。 QQ NT 技术架构的一个重点就是使用 Electron 作为新版 QQ 桌面端 UI 跨平台解决方案。Electron 是使用 JavaScript,HTML 和 CSS 构

2023-01-24

于 FreeBSD 13.1 构建,目标是打造一个简洁、优雅和实用的桌面操作系统。 0.8 主要变化: 改进启动命令 预安装 VirtualBox Guest Additions 以获得更好的 Oracle VM VirtualBox 用户体验 改进对 MIDI 控制器的处理 初步支持使用启动命令

2023-04-19

说明 收到kk 开源知识星球(https://t.zsxq.com/09ZHSXbsQ)用户反馈,dwg 文件预览失败,我们排查后确定是上一个版本发布导致的问题,所以立刻发布了这个修复版本。建议用户在升级时、或者对特定文件预览有要求时,可以先在我

2022-10-07

System76 一直在开发他们自己的 COSMIC 桌面,作为他们在 Ubuntu 基础上构建的 Pop!_OS Linux 发行版的下一个演变。有趣的是,对于这个用 Rust 编写的大型 COSMIC 桌面项目,他们决定不再使用 GTK 工具包,而是使用 Iced-Rs 作为替代,后者

2023-04-05

原生对话框。 改进平台支持,包括 Web、移动设备和桌面 Qt 6.5 添加了对 Android 12 的支持,同时确保 Qt 在旧版本上继续按预期工作。即使平台发生重大变化,Qt 应用程序的单个构建现在也可以部署到任何运行 Android 8 至 12

2023-07-17

Lingmo OS)是一个以桌面环境为主的Linux操作系统,它基于开源Linux内核开发,适配amd64架构。 它拥有美观的桌面环境、包含适配该桌面环境的软件、统一的UI风格。Lingmo GNU/Linux的目标 是让用户在低性能硬件上拥有华丽且实用的桌

2022-12-19

给用户带来亲切和高效的使用体验。现默认搭载于openKylin开源操作系统和银河麒麟商业发行版中。集成了一系列插件、应用程序和其他桌面产品,并且在不断开发新的组件,官网链接:https://www.ukui.org/ openKylin(开放麒麟)社

2022-06-14

Thunderbird 是 Mozilla 基金会开发的一款免费开源的跨平台电子邮件客户端,但目前为止 Thunderbird 仅可用于 PC 端。6 月 13 日,Thunderbird 开发人员在博客中证实,开源的 Android 电子邮件应用程序 K-9 Mail 将被改造成 Android 版 Thunderbird

2023-09-04

Edge应用 为更多应用添加标签页 完善小组件,添加到桌面等功能 动态壁纸 更多任务栏的自定义 丰富应用生态,添加 Microsoft Store 完善设置及 Windows 更新 以及一些“畅想”: 建立文件系统 建立自己的可执行文件

2023-10-31

2023年10月30日,MeterSphere一站式开源持续测试平台正式发布v2.10.8 LTS版本。自2023年5月发布v2.10 LTS版本后,MeterSphere开源项目组坚持发布小版本,持续进行问题的修复更新,并针对部分功能进行优化。 本次发布的MeterSphere v2.10.8

2022-08-19

2.08 和 KDE Frameworks 5.97 软件套件,以及作为 KDE Plasma 5.25.4 桌面环境,全部建立在 Qt 5.15.5 之上。 其他内容可在发行博客中查看。

2023-10-17

【源创会预告】1024 程序员节(的前两天),相约开源PHP办公室,我们一起聊 AI!>>> MX Linux 23 发布首个更新 23.1,修复了多项错误,以及更新内核和应用程序。 MX Linux 是基于 Debian 稳定分支的面向桌面的 Linux 发行,它是 antiX