设置
  • 日夜间
    随系统
    浅色
    深色
  • 主题色

思维导图软件 Xmind 宣布开源 UI 设计

2022/11/14 18:33:24 来源:IT之家 作者:汪淼 责编:汪淼
感谢IT之家网友 的线索投递!

IT之家 11 月 14 日消息,思维导图软件 Xmind 在官方博客宣布,现已将软件的 UI 设计开源,这是 Xmind 自 2008 年开源以来的又一次开放。

Xmind 表示,作为思维导图软件领域的先行者,分享知识、拥抱创新、用户至上一直是我们秉持的信念。早在 2008 年,Xmind 就推出了开源版本,我们的字体“NeverMind”也已开源并免费用于商业用途。这是我们的 UI 设计第一次公开和共享,体现了我们对用户设计的执着,以及我们不断创新、精益求精的理念。

高度统一的设计语言

据介绍,Xmind 完美适配不同平台。作为一款跨平台的软件,Xmind 考虑不同操作系统的特点,遵循系统规范,更大程度地满足用户的使用习惯。例如,在工具栏的设计上,Windows 中没有 macOS 系统中常用的顶部菜单栏,因此 Xmind 针对 Windows 版本进行了改进,在最左侧添加了菜单按钮。

image

每当用户与 Xmind 系统交互以调用一个动作时,互动中不会有脱节的感觉。Xmind 区分了各种控件的圆角和阴影,使它们在每个平台上都自然和谐。

image

保持界面轻盈

Xmind 充分利用留白和简单元素,实现清晰、灵活、高度一致的复杂交互界面,全面方便用户更快熟悉软件功能。 面板和工具栏采用极简设计,界面没有冗余,控件数量少,按功能逻辑分区。

image

格式面板的设计一直是 Xmind 年度回顾的重点之一。布局被设计成逻辑结构,官方通过反复考虑对比度、文本和元素间距来确保信息的清晰视觉层次结构。每个部分都具有明确的功能目的,每个操作按钮都完全发挥其应有的功能。

image

此外,Xmind 不断通过提炼信息、完善信息、进行必要的增减以及从概念上重新组织设计来保持用户友好。例如,在色彩设计方面,主要工具栏和操作按钮都使用黑色、白色或蓝色的主要配色方案。官方分析了色调、亮度和饱和度,为有视觉缺陷的用户选择可访问的颜色。官方还遵循 WCAG(Web 内容可访问性指南)原则,以确保用户可以在没有任何与颜色相关的障碍的情况下浏览界面。

image

同时,Xmind 在设计中也有减法。在底部表单栏的设计中,只有在需要多个画布时才可见。

关注被忽视的细节

打印思维导图是必不可少的场景,尤其是当用户以黑白打印时。由于打印质量参差不齐,可能难以识别思维导图中的贴纸和插图,所以官方添加了一个额外的边框来增强视觉对比度和识别度。

image

至于语言设置,用户可在 Xmind 中一秒轻松切换,根本不需要重启应用。Xmind 还提供了 CJK 字体设置。这样就避免了一些西文字体不支持 CJK 字体而导致字符丢失的问题。

image

在工作表栏中,Xmind 在右上角添加了一个话题计数功能,可以让用户跟踪“想法分支”。系统文本居中对齐,就像电影结尾处的片尾字幕一样,使得搜索某些文本在视觉上令人愉悦且易于搜索。Xmind 中的显示分辨率也会适配用户的系统比例,无论用户需要将显示器设为默认、更小或更大的空间,Xmind 都会根据用户的系统偏好自动更改。

image

IT之家了解到,Xmind UI 设计工具包现已开源,包括模板、字体、贴纸、插图和其他元素,用户可以前往 Xmind UI Kit for Desktop 获取以上所有资源。

image

广告声明:文内含有的对外跳转链接(包括不限于超链接、二维码、口令等形式),用于传递更多信息,节省甄选时间,结果仅供参考,IT之家所有文章均包含本声明。

相关文章

关键词:Xmind开源

软媒旗下网站: IT之家 辣品 - 超值导购,优惠券 最会买 - 返利返现优惠券 iPhone之家 Win7之家 Win10之家 Win11之家

软媒旗下软件: 魔方 酷点桌面 Win7优化大师 Win10优化大师 软媒手机APP应用