思維導圖在UI設計中的應用

吳楊玲

摘 要隨著信息時代的飛速發展，數碼電子產品的更新速度快，UI界面設計的應用范圍也越來越廣泛，如：手機界面、觸摸屏等電子產品。思維導圖作為一種非線性思維工具，可以幫助UI設計師在很大程度促進思維的發散，拓寬思維的廣度。利用思維導圖制作UI圖標設計，可以更好地設計出符合實際應用的UI圖標。

【關鍵詞】思維導圖 UI設計

思維導圖又叫心智圖，是表達發射性思維的有效的圖形思維工具 ，是一種將放射性思考具體化的方法。思維導圖將詞匯、圖形、色彩等元素，以一種獨特的方式聯系起來，充分運用人的左、右腦，利用記憶、閱讀、思維的規律，協助人們在科學與藝術、邏輯與想象之間平衡發展，從而開啟人類大腦的無限潛能。

1 線性思維與非線性思維

思維方式可分為線性思維與非線性思維兩種方式。

1.1 線性思維

線性思維即線性思維方式，是一種直線的、單向的、單維的、缺乏變化的思維方式。線性思維方式有助于深入思考，探究到事物的本質。

1.2 非線性思維

非線性思維則是相互連接的，非平面、立體化、無中心、無邊緣的網狀結構，類似于人的大腦結構和血管組織，如發散性思維、系統思維。

非線性思維方式有助于拓展思路，看到事物的普遍聯系。非線性思維是為了更好地進行線性思維即深入了解事物的本質。線性思維方式是目的，而非線性思維方式是手段。

思維導圖正是這樣一種非線性思維工具，幫助人們在很大程度促進思維的發散，拓寬思維的廣度。利用思維導圖制作UI圖標設計，可以更好地設計出符合實際應用的UI圖標。

2 思維導圖的制作

思維導圖是以某一特定主題為中心，向外發射性發散思維，并以關鍵詞為節點搭建起的類似于“知識樹”的圖，聯想豐富、層次清晰、簡單明了。制作思維導圖的方法有：手繪制作思維導圖和電腦軟件制作方法。

2.1 手繪思維導圖

2.1.1 制作工具

白紙、不同顏色的彩色筆。

2.1.2 手繪思維導圖的特點

手繪思維導圖不受環境的限制，可以使用豐富的彩色筆進行繪制，具有個性和獨特的風格能夠提高觀看者的觀察力及想象力。

2.1.3 制作方法

首先，將主題文字寫在白紙的中央；其次，在主題的基礎上延伸主出多個一級子主題，每一個一級子主題為一個大分支，有多少主要的一級子主題就要有多少分支，且每條分支可以用不同顏色、粗線條表示出來。一級子主題下可以延伸出多個二級子主題，每個主題分支都需要有曲線連接起來。

2.2 電腦軟件繪制思維導圖

2.2.1 制作工具

常用的繪制思維導圖的軟件有Mirosoft onenote、Mirosoft Visio、Xmind、Mind Manager等，其Xmind是專業思維導圖繪圖軟件之一。

2.2.2 電腦軟件繪制思維導圖的特點

電腦軟件繪制思維導圖方便快捷；便于保存、復制、修改；有利于傳播。

2.2.3 制作方法

現以Xmind為例制作思維導圖。首先，添加一個中心主題；其次，選擇中心主題，點擊菜單欄中的插入/主題或按Enter鍵，即可添加子主題；單擊選中某一個子主題，按Tab鍵即可插入分支主題。在主題框中輸入相應的主題文字即可完成一個簡單明了的思維導圖。

3 思維導圖的規則

應用思維導圖的設計UI圖標能夠激發設計者的靈感，從而繪制出滿意的設計圖標。制作思維導圖之前，設計者要清楚思維導圖的規則：

3.1 自由思考

即要求參與者盡可能解放思想，在現有的時間內（大約5-8分鐘）不受限制地思考，并第一時間將想到的內容寫下來。

3.2 以量求質

即參與者在規定時間能盡可能多地提出設想，以大量的設想來保證質量較高的設想的存在。

3.3 質的完善

參與者要積極進行補充、整理、完善。在增加自己提出設想的同時，注意思考如何把兩個或更多的設想進行整合，完善設想。

4 思維導圖在UI圖標設計中的應用

在飛速發展的電子產品中，電子產品的界面設計被重視了起來。做界面設計的“美工”隨之被稱之為“UI設計師”。一個電子產品界面美觀、交互簡單易懂，不僅給人帶來舒適的視覺享受，簡單的交互功能還拉近了人與商品之間的距離。

UI設計是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。好的UI設計不僅可以讓軟件變得有個性、有品位，還要讓軟件的操作變得舒適簡單、自由，充分體現軟件的定位和特點。

UI是用戶界面，是英文User和 interface的縮寫。從字面意思上看UI設計是用戶與界面兩個部分組成，但實際上還包括用戶與界面之間的交互關系。所以UI設計應包含三部分：用戶研究、交互設計、界面設計。

在UI設計中的圖形用戶界面設計，包括：圖標設計、界面設計、banner、動畫等設計。其中，圖標設計是UI界面美觀的一個重要的部分。要設計一個既符合其本身功能又美觀的圖標，設計者必須要了解每個圖標功能的意義。思維導圖的應用，能夠很好地幫助設計者整理出大量的功能特點以及實物的聯想。現以手機圖標中的“音樂圖標”為例，在制作“音樂圖標”時，盡可能地聯想出與音樂有關的事物、符合、圖形等等元素。在聯想出的主題中，篩選出需要的元素，并進行設計。由思維導圖將聯想的內容繪制如圖1所示。

設計者將根據思維導圖呈現出來與 “音樂圖標”有關的元素，進行再次整合，整合出初步的設計思路，最后利用其它軟件將圖標效果制作出來。

5 小結

隨著信息時代的飛速發展，數碼電子產品的更新速度快，UI界面設計的應用范圍也越來越廣泛，如：手機界面、觸摸屏等電子產品。UI 設計師應該緊跟上社會時代的步伐，掌握最新信息的新動向，結合新的輔助軟件，打開新的設計思路，在保留圖標功能的基礎上，使設計作品能夠具有新思維、新理念，給人帶來視覺上的享受。思維導圖的繪制，能夠幫助設計者打開聯想的窗口，給設計者帶來了源源不斷的設計思維、設計想法，從而將這些想法用相關工具設計出來。這樣，設計作品才能真正地符合人們的心理需求，才能與人們的感情與思想進行溝通。

參考文獻

[1]孟建華.UI 設計與應用[J].藝術設計，2009（04）：49-50.

[2]顧文佳.UI 設計中用戶交互體驗的視覺思維[D].中國美術學院，2012：24.

作者單位

海南軟件職業技術學院 海南省瓊海市 571400