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 即可獲取以上的所有資源。

審核編輯 ：李倩