思维导图在UI设计中的应用

摘 要随着信息时代的飞速发展，数码电子产品的更新速度快，UI界面设计的应用范围也越来越广泛，如：手机界面、触摸屏等电子产品。思维导图作为一种非线性思维工具，可以帮助UI设计师在很大程度促进思维的发散，拓宽思维的广度。利用思维导图制作UI图标设计，可以更好地设计出符合实际应用的UI图标。

【关键词】思维导图 UI设计

思维导图又叫心智图，是表达发射性思维的有效的图形思维工具 ，是一种将放射性思考具体化的方法。思S导图将词汇、图形、色彩等元素，以一种独特的方式联系起来，充分运用人的左、右脑，利用记忆、阅读、思维的规律，协助人们在科学与艺术、逻辑与想象之间平衡发展，从而开启人类大脑的无限潜能。

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