Xmind 上個月宣布正式開源其桌面版的 UI 設(shè)計，并表示這是首次面向公眾分享其 UI 設(shè)計。Xmind 是知名的思維導(dǎo)圖軟件，據(jù)稱這是 Xmind 在 2008 年推出開源版本后再度擁抱開源。

Xmind 在開源公告寫道，極簡、克制、輕量是 Xmind UI 設(shè)計的關(guān)鍵詞。通過采用“無感設(shè)計”，力求為用戶提供更簡潔的使用體驗、更流暢的交互體驗、更無障礙的上手體驗。既照顧到新手的易用性，同樣也考慮到資深用戶的深度需求。

以下內(nèi)容摘錄自 Xmind 開源公告。輕量設(shè)計，極致用戶友好作為一款效率軟件，在進行界面設(shè)計時簡單高效成為了我們的首要設(shè)計原則。我們充分利用留白和簡單的元素來構(gòu)建復(fù)雜的交互界面，使其清晰靈活并保持高度的一致性。 在界面設(shè)計上我們采用了極簡、克制的設(shè)計，界面中沒有一絲冗余，只將最實用的功能放在軟件工具欄上，不做多余的修飾干擾用戶，不像其它傳統(tǒng)軟件各種功能滿屏負載，一進來就給你很多選擇和壓迫感。

我們采用了無障礙設(shè)計。在顏色上采用黑白藍的主要配色，不依賴顏色來傳遞信息，而是采用高對比度的視覺處理方式，干凈、簡約、清晰、明朗，在視覺辨認上毫不費力，遵循 WCAG（Web 內(nèi)容可訪問性指南）原則，以確保我們的用戶可以在沒有任何與顏色相關(guān)的障礙的情況下瀏覽界面，充分考慮到了視力障礙人士的需求。

為方便用戶更快認知和熟悉軟件的功能，樣式面板的設(shè)計也是我們每年反復(fù)推敲的重點。在面板的功能排布上，我們通過對元素、對比度、文字、間距的反復(fù)推敲，使其具有清晰的視覺層級。像思維導(dǎo)圖一樣，樣式面板的功能排布也具有清晰的邏輯，讓用戶可以隨取隨用，對新手極度友好。

不同平臺，一致的使用體驗Xmind 是一款跨平臺的軟件，為了保證用戶在各個平臺上都擁有相似的使用體驗，我們在設(shè)計之初就考慮到不同平臺下組件樣式與系統(tǒng)本身的統(tǒng)一性，最大程度符合用戶的使用習(xí)慣，而不僅僅只是針對平臺做簡單的適配。 比如在對于工具欄的設(shè)計中，macOS 系統(tǒng)常用的頂部菜單欄在 Windows 中有所缺失，我們便針對 Windows 版進行了改進，在最左側(cè)加入菜單按鍵。

針對于兩個平臺控件樣式的不同，我們區(qū)分了軟件在不同平臺內(nèi)各種控件的圓角與陰影，使其自然和諧。對話框的彈出方式和排列方式也針對不同平臺做出相應(yīng)的調(diào)整。

在適應(yīng)不同系統(tǒng)的設(shè)計規(guī)范的前提下，最大程度保持了 Xmind 的設(shè)計風(fēng)格，保持用戶的熟悉感，降低用戶的操作和認知成本。隱形設(shè)計，精細打磨精細是 Xmind 設(shè)計的另一個關(guān)鍵詞。為了讓大家擁有更好的使用體驗，我們在軟件的各個細節(jié)上都下足了功夫。小至一個勾選框，一張貼紙，甚至在各種邊際情況下也做了充足的考量。 比如在智能配色方案中，如果你去掉了思維導(dǎo)圖的背景色，我們會根據(jù)感知對比度算法（APCA）為字體設(shè)置反色，讓你在各種背景顏色下都能保證文字的可讀性。 為了優(yōu)化用戶的打印體驗，我們在設(shè)計貼紙和插畫時加入了雙重描邊來增強識別度，使其在深色背景和淺色背景的打印場景下都有良好呈現(xiàn)，對思維導(dǎo)圖本身也進行了黑白打印模式的優(yōu)化。

在字體這件事上，除了我們自研的品牌字體 NeverMind 外，我們還專門提供了中日韓字體 (CJK font) 設(shè)置，讓西方語言文字和中日韓文字混排時可以分別設(shè)置各自適合的字體來達到更好的組合使用效果，也避免了一些西文字體不支持中日韓文字而導(dǎo)致缺字的問題。

在 Xmind 中，用戶隨時都可以知道自己創(chuàng)建了多少個主題，軟件可自動適配系統(tǒng)的淺色和深色外觀，語言切換也可在軟件內(nèi)秒切，軟件字體也可自動跟隨系統(tǒng)字體大小變化等。這些細節(jié)或許都不易被用戶感知到，但都是我們精細思考和設(shè)計過的結(jié)果。

如何使用 Xmind UI 設(shè)計工具包？Xmind 的 UI Kit 包括 Xmind 設(shè)計的組件、模板、字體、貼紙等組成 Xmind 桌面版 UI 設(shè)計的各個元素。點擊 Xmind 桌面版 UI Kit 即可獲取以上的所有資源。

審核編輯 ：李倩