火星網(wǎng)校
Xmind公布開源UI設(shè)計(jì)，推動(dòng)思維導(dǎo)圖軟件界面創(chuàng)新
發(fā)布時(shí)間：2023-12-11 14:25:02 瀏覽量：221次
IT之家 11 月 14 日消息，思維導(dǎo)圖軟件 Xmind 在官方博客宣布，現(xiàn)已將軟件的 UI 設(shè)計(jì)開源，這是 Xmind 自 2008 年開源以來的又一次開放。
Xmind 表示，作為思維導(dǎo)圖軟件領(lǐng)域的先行者，分享知識(shí)、擁抱創(chuàng)新、用戶至上一直是我們秉持的信念。早在 2008 年，Xmind 就推出了開源版本，我們的字體“NeverMind”也已開源并免費(fèi)用于商業(yè)用途。這是我們的 UI 設(shè)計(jì)第一次公開和共享，體現(xiàn)了我們對(duì)用戶設(shè)計(jì)的執(zhí)著，以及我們不斷創(chuàng)新、精益求精的理念。
高度統(tǒng)一的設(shè)計(jì)語言
據(jù)介紹，Xmind 完美適配不同平臺(tái)。作為一款跨平臺(tái)的軟件，Xmind 考慮不同操作系統(tǒng)的特點(diǎn)，遵循系統(tǒng)規(guī)范，更大程度地滿足用戶的使用習(xí)慣。例如，在工具欄的設(shè)計(jì)上，Windows 中沒有 macOS 系統(tǒng)中常用的頂部菜單欄，因此 Xmind 針對(duì) Windows 版本進(jìn)行了改進(jìn)，在最左側(cè)添加了菜單按鈕。
每當(dāng)用戶與 Xmind 系統(tǒng)交互以調(diào)用一個(gè)動(dòng)作時(shí)，互動(dòng)中不會(huì)有脫節(jié)的感覺。Xmind 區(qū)分了各種控件的圓角和陰影，使它們?cè)诿總€(gè)平臺(tái)上都自然和諧。
保持界面輕盈
Xmind 充分利用留白和簡(jiǎn)單元素，實(shí)現(xiàn)清晰、靈活、高度一致的復(fù)雜交互界面，全面方便用戶更快熟悉軟件功能。面板和工具欄采用極簡(jiǎn)設(shè)計(jì)，界面沒有冗余，控件數(shù)量少，按功能邏輯分區(qū)。
格式面板的設(shè)計(jì)一直是 Xmind 年度回顧的重點(diǎn)之一。布局被設(shè)計(jì)成邏輯結(jié)構(gòu)，官方通過反復(fù)考慮對(duì)比度、文本和元素間距來確保信息的清晰視覺層次結(jié)構(gòu)。每個(gè)部分都具有明確的功能目的，每個(gè)操作按鈕都完全發(fā)揮其應(yīng)有的功能。
此外，Xmind 不斷通過提煉信息、完善信息、進(jìn)行必要的增減以及從概念上重新組織設(shè)計(jì)來保持用戶友好。例如，在色彩設(shè)計(jì)方面，主要工具欄和操作按鈕都使用黑色、白色或藍(lán)色的主要配色方案。官方分析了色調(diào)、亮度和飽和度，為有視覺缺陷的用戶選擇可訪問的顏色。官方還遵循 WCAG（Web 內(nèi)容可訪問性指南）原則，以確保用戶可以在沒有任何與顏色相關(guān)的障礙的情況下瀏覽界面。
同時(shí)，Xmind 在設(shè)計(jì)中也有減法。在底部表單欄的設(shè)計(jì)中，只有在需要多個(gè)畫布時(shí)才可見。
關(guān)注被忽視的細(xì)節(jié)
打印思維導(dǎo)圖是必不可少的場(chǎng)景，尤其是當(dāng)用戶以黑白打印時(shí)。由于打印質(zhì)量參差不齊，可能難以識(shí)別思維導(dǎo)圖中的貼紙和插圖，所以官方添加了一個(gè)額外的邊框來增強(qiáng)視覺對(duì)比度和識(shí)別度。
至于語言設(shè)置，用戶可在 Xmind 中一秒輕松切換，根本不需要重啟應(yīng)用。Xmind 還提供了 CJK 字體設(shè)置。這樣就避免了一些西文字體不支持 CJK 字體而導(dǎo)致字符丟失的問題。
在工作表欄中，Xmind 在右上角添加了一個(gè)話題計(jì)數(shù)功能，可以讓用戶跟蹤“想法分支”。系統(tǒng)文本居中對(duì)齊，就像電影結(jié)尾處的片尾字幕一樣，使得搜索某些文本在視覺上令人愉悅且易于搜索。Xmind 中的顯示分辨率也會(huì)適配用戶的系統(tǒng)比例，無論用戶需要將顯示器設(shè)為默認(rèn)、更小或更大的空間，Xmind 都會(huì)根據(jù)用戶的系統(tǒng)偏好自動(dòng)更改。
IT之家了解到，Xmind UI 設(shè)計(jì)工具包現(xiàn)已開源，包括模板、字體、貼紙、插圖和其他元素，用戶可以前往 Xmind UI Kit for Desktop 獲取以上所有資源。
熱門課程推薦
熱門資訊
-
1. iPhone6的UI設(shè)計(jì)尺寸規(guī)范，原來如此重要！
想要了解iPhone6界面設(shè)計(jì)的尺寸規(guī)范嗎？這里為您詳細(xì)介紹iPhone6的UI設(shè)計(jì)尺寸規(guī)范，包括界面尺寸、圖標(biāo)尺寸、可點(diǎn)擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
2. 12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站，助力你的創(chuàng)作之旅!
將為大家介紹12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個(gè)面向設(shè)計(jì)師的...
-
3. 移動(dòng)端UI設(shè)計(jì)中常見的5種APP界面類型，你get到了嗎？
通過介紹移動(dòng)端UI設(shè)計(jì)中的閃屏頁(yè)、引導(dǎo)頁(yè)、浮層引導(dǎo)頁(yè)、空白頁(yè)和首頁(yè)等5種APP界面類型，幫助大家更好地了解UI設(shè)計(jì)的基本知識(shí)
-
4. 10個(gè)免費(fèi)學(xué)習(xí)UI設(shè)計(jì)的網(wǎng)站 提升你的設(shè)計(jì)能力
怎樣可以提升你的UI設(shè)計(jì)能力!第一個(gè):站酷站酷想必是設(shè)計(jì)師都知道的一個(gè)網(wǎng)站,里面不止有UI設(shè)計(jì)的資源,還有其他設(shè)計(jì)的,不如:平面設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、字體...
-
5. 移動(dòng)端列表頁(yè)和表單頁(yè)設(shè)計(jì)秘訣:讓你的APP點(diǎn)擊率翻倍
在移動(dòng)端設(shè)計(jì)中,列表頁(yè)和表單頁(yè)是不可或缺的部分。一個(gè)好的列表頁(yè)和表單頁(yè)設(shè)計(jì)能夠讓用戶輕松地獲取信息并產(chǎn)生點(diǎn)擊欲望,從而提高點(diǎn)擊率。本文將為你...
-
6. 推薦10本適合UI設(shè)計(jì)師看的書籍，輕松掌握技能!
對(duì)于想要提高自己的設(shè)計(jì)能力和創(chuàng)造力的小白和UI設(shè)計(jì)師來說,這本書是一個(gè)很好的選擇。4.《設(shè)計(jì)的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
-
7. 零基礎(chǔ)學(xué)UI設(shè)計(jì)要多久？培訓(xùn)完能拿多少工資？
探索零基礎(chǔ)UI設(shè)計(jì)培訓(xùn)的時(shí)長(zhǎng)與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程，以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會(huì)。
-
8. 物聯(lián)網(wǎng)APP UI設(shè)計(jì):創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗(yàn)
ui設(shè)計(jì)應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計(jì)過程中,應(yīng)盡量使用簡(jiǎn)潔的圖標(biāo)、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
-
9. 武漢UI設(shè)計(jì)培訓(xùn)班費(fèi)用怎么樣？想學(xué)UI設(shè)計(jì)要多少錢？
想了解武漢UI設(shè)計(jì)培訓(xùn)班的費(fèi)用是多少嗎？不知道學(xué)UI設(shè)計(jì)要花多少錢？不妨看看這篇文章，了解UI設(shè)計(jì)培訓(xùn)班的學(xué)費(fèi)價(jià)格以及學(xué)習(xí)內(nèi)容。
-
10. 設(shè)計(jì)中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計(jì)應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計(jì)應(yīng)用。通過對(duì)色彩在早期文明社會(huì)中的實(shí)用運(yùn)用、不同文化背景下色彩觀念的差異、色彩在設(shè)計(jì)中的重要性以及新興技...
最新文章
