思維導(dǎo)圖在UI設(shè)計中的應(yīng)用

1、    思維導(dǎo)圖在ui設(shè)計中的應(yīng)用    吳楊玲摘 要隨著信息時代的飛速發(fā)展，數(shù)碼電子產(chǎn)品的更新速度快，ui界面設(shè)計的應(yīng)用范圍也越來越廣泛，如：手機(jī)界面、觸摸屏等電子產(chǎn)品。思維導(dǎo)圖作為一種非線性思維工具，可以幫助ui設(shè)計師在很大程度促進(jìn)思維的發(fā)散，拓寬思維的廣度。利用思維導(dǎo)圖制作ui圖標(biāo)設(shè)計，可以更好地設(shè)計出符合實(shí)際應(yīng)用的ui圖標(biāo)?！娟P(guān)鍵詞】思維導(dǎo)圖 ui設(shè)計思維導(dǎo)圖又叫心智圖，是表達(dá)發(fā)射性思維的有效的圖形思維工具 ，是一種將放射性思考具體化的方法。思維導(dǎo)圖將詞匯、圖形、色彩等元素，以一種獨(dú)特的方式聯(lián)系起來，充分運(yùn)用人的左、右腦，利用記憶、閱讀、思維的規(guī)

2、律，協(xié)助人們在科學(xué)與藝術(shù)、邏輯與想象之間平衡發(fā)展，從而開啟人類大腦的無限潛能。1 線性思維與非線性思維思維方式可分為線性思維與非線性思維兩種方式。1.1 線性思維線性思維即線性思維方式，是一種直線的、單向的、單維的、缺乏變化的思維方式。線性思維方式有助于深入思考，探究到事物的本質(zhì)。1.2 非線性思維非線性思維則是相互連接的，非平面、立體化、無中心、無邊緣的網(wǎng)狀結(jié)構(gòu)，類似于人的大腦結(jié)構(gòu)和血管組織，如發(fā)散性思維、系統(tǒng)思維。非線性思維方式有助于拓展思路，看到事物的普遍聯(lián)系。非線性思維是為了更好地進(jìn)行線性思維即深入了解事物的本質(zhì)。線性思維方式是目的，而非線性思維方式是手段。思維導(dǎo)圖正是這樣一種非線性思

3、維工具，幫助人們在很大程度促進(jìn)思維的發(fā)散，拓寬思維的廣度。利用思維導(dǎo)圖制作ui圖標(biāo)設(shè)計，可以更好地設(shè)計出符合實(shí)際應(yīng)用的ui圖標(biāo)。2 思維導(dǎo)圖的制作思維導(dǎo)圖是以某一特定主題為中心，向外發(fā)射性發(fā)散思維，并以關(guān)鍵詞為節(jié)點(diǎn)搭建起的類似于“知識樹”的圖，聯(lián)想豐富、層次清晰、簡單明了。制作思維導(dǎo)圖的方法有：手繪制作思維導(dǎo)圖和電腦軟件制作方法。2.1 手繪思維導(dǎo)圖2.1.1 制作工具白紙、不同顏色的彩色筆。2.1.2 手繪思維導(dǎo)圖的特點(diǎn)手繪思維導(dǎo)圖不受環(huán)境的限制，可以使用豐富的彩色筆進(jìn)行繪制，具有個性和獨(dú)特的風(fēng)格能夠提高觀看者的觀察力及想象力。2.1.3 制作方法首先，將主題文字寫在白紙的中央；其次，在主題

4、的基礎(chǔ)上延伸主出多個一級子主題，每一個一級子主題為一個大分支，有多少主要的一級子主題就要有多少分支，且每條分支可以用不同顏色、粗線條表示出來。一級子主題下可以延伸出多個二級子主題，每個主題分支都需要有曲線連接起來。2.2 電腦軟件繪制思維導(dǎo)圖2.2.1 制作工具常用的繪制思維導(dǎo)圖的軟件有mirosoft onenote、mirosoft visio、xmind、mind manager等，其xmind是專業(yè)思維導(dǎo)圖繪圖軟件之一。2.2.2 電腦軟件繪制思維導(dǎo)圖的特點(diǎn)電腦軟件繪制思維導(dǎo)圖方便快捷；便于保存、復(fù)制、修改；有利于傳播。2.2.3 制作方法現(xiàn)以xmind為例制作思維導(dǎo)圖。首先，添加一個

5、中心主題；其次，選擇中心主題，點(diǎn)擊菜單欄中的插入/主題或按enter鍵，即可添加子主題；單擊選中某一個子主題，按tab鍵即可插入分支主題。在主題框中輸入相應(yīng)的主題文字即可完成一個簡單明了的思維導(dǎo)圖。3 思維導(dǎo)圖的規(guī)則應(yīng)用思維導(dǎo)圖的設(shè)計ui圖標(biāo)能夠激發(fā)設(shè)計者的靈感，從而繪制出滿意的設(shè)計圖標(biāo)。制作思維導(dǎo)圖之前，設(shè)計者要清楚思維導(dǎo)圖的規(guī)則：3.1 自由思考即要求參與者盡可能解放思想，在現(xiàn)有的時間內(nèi)（大約5-8分鐘）不受限制地思考，并第一時間將想到的內(nèi)容寫下來。3.2 以量求質(zhì)即參與者在規(guī)定時間能盡可能多地提出設(shè)想，以大量的設(shè)想來保證質(zhì)量較高的設(shè)想的存在。3.3 質(zhì)的完善參與者要積極進(jìn)行補(bǔ)充、整理、完

6、善。在增加自己提出設(shè)想的同時，注意思考如何把兩個或更多的設(shè)想進(jìn)行整合，完善設(shè)想。4 思維導(dǎo)圖在ui圖標(biāo)設(shè)計中的應(yīng)用在飛速發(fā)展的電子產(chǎn)品中，電子產(chǎn)品的界面設(shè)計被重視了起來。做界面設(shè)計的“美工”隨之被稱之為“ui設(shè)計師”。一個電子產(chǎn)品界面美觀、交互簡單易懂，不僅給人帶來舒適的視覺享受，簡單的交互功能還拉近了人與商品之間的距離。ui設(shè)計是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計。好的ui設(shè)計不僅可以讓軟件變得有個性、有品位，還要讓軟件的操作變得舒適簡單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。ui是用戶界面，是英文user和 interface的縮寫。從字面意思上看ui設(shè)計是用戶與界面兩個部分組成，

7、但實(shí)際上還包括用戶與界面之間的交互關(guān)系。所以ui設(shè)計應(yīng)包含三部分：用戶研究、交互設(shè)計、界面設(shè)計。在ui設(shè)計中的圖形用戶界面設(shè)計，包括：圖標(biāo)設(shè)計、界面設(shè)計、banner、動畫等設(shè)計。其中，圖標(biāo)設(shè)計是ui界面美觀的一個重要的部分。要設(shè)計一個既符合其本身功能又美觀的圖標(biāo)，設(shè)計者必須要了解每個圖標(biāo)功能的意義。思維導(dǎo)圖的應(yīng)用，能夠很好地幫助設(shè)計者整理出大量的功能特點(diǎn)以及實(shí)物的聯(lián)想?，F(xiàn)以手機(jī)圖標(biāo)中的“音樂圖標(biāo)”為例，在制作“音樂圖標(biāo)”時，盡可能地聯(lián)想出與音樂有關(guān)的事物、符合、圖形等等元素。在聯(lián)想出的主題中，篩選出需要的元素，并進(jìn)行設(shè)計。由思維導(dǎo)圖將聯(lián)想的內(nèi)容繪制如圖1所示。設(shè)計者將根據(jù)思維導(dǎo)圖呈現(xiàn)出來與 “音樂圖標(biāo)”有關(guān)的元素，進(jìn)行再次整合，整合出初步的設(shè)計思路，最后利用其它軟件將圖標(biāo)效果制作出來。5 小結(jié)隨著信息時代的飛速發(fā)展，數(shù)碼電子產(chǎn)品的更新速度快，ui界面設(shè)計的應(yīng)用范圍也越來越廣泛，如：手機(jī)界面、觸摸屏等電子產(chǎn)品。ui 設(shè)計師應(yīng)該緊跟上社會時代的步伐，掌握最新信息的新動向，結(jié)合新的輔助軟件，打開新的設(shè)計思路，在保留圖標(biāo)功能的基礎(chǔ)上，使設(shè)計作品能夠具有新思維、新理念，給人帶來視覺上的享受。思維導(dǎo)圖的繪制，能夠幫助設(shè)計者打開聯(lián)想的窗口，給設(shè)計者帶來了源源不斷的設(shè)計思維、設(shè)計想法，從而將這些想法用相關(guān)工具設(shè)計出來。這樣，設(shè)計作品才能真正地符合人們的心理需求，才能與人們的感情與思