移动的应用UI的设计的思考.docVIP

移动的应用UI的设计的思考 　　中图分类号： S611文献标识码：A 文章编号： 　　 　　 　　图 1 iDJ.fm 首页界面（终稿）图 2 iDJ.fm 录音界面（终稿）图 3 iDJ录音界面（初稿） 　　 　　引语：随着移动智能手机的普及，人们与屏幕之间的接触变得越来越频繁与亲密。而正是这一崭新的领域为UI设计的发展带来新的机遇，而这对于从事UI设计的设计师们将出现怎样的全新挑战？本文将结合自己首次参与设计开发的移动应用产品iDJ.fm（个人微电台应用），主要从视觉设计角度对移动应用领域的UI设计进行一番梳理与思考。 　　关键词：移动应用，UI设计，用户界面设计，拟物化与扁平化 　　正文： 　　近几年随着数字技术与网络的飞速发展，身边的朋友都几乎人手拥有一到两台智能手机。他们每天睁开眼的第一件事，或许是点击屏幕刷新微信朋友圈的最新状态；上班在公交车上必做的一件事，或许是滑动屏幕刷新微博的最新资讯。而在这些日渐熟悉并依赖的屏幕触碰行为当中，大家是否有想过微博的刷新按钮为什么会在右上角？微信的按住说话按钮为什么要设置在屏幕下面？是否有想过为什么iphone下面只有一个home键而三星手机有三个？而这些问题都是在我还没接触iDJ这个项目之前不曾主动去思考过的。 　　什么是移动应用UI设计 　　首先我们要知道什么是UI,UI即User Interface(用户界面)的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。在当下的数字娱乐生活中，到处都能找到UI设计的身影，如卡拉OK厅的点歌屏幕、地铁线路查询控制屏、商场电子导览屏、智能手机触控屏、平板电脑触控屏等等。而移动应用UI设计则是以移动设备如手机、平板电脑等电子媒介作为载体的设计。而一个好的移动应用UI设计不仅是让界面视觉元素变得有个性有品味，还要让界面的操作变得简单、方便、自由、舒适,需要充分体现移动产品的定位和特点。本文所思考的移动应用UI设计则需要设计师更多的考虑到人的手势操作及行为习惯。 　　2，UI 设计并不是指图标的绘制 　　其实说到UI设计，就连我自己在刚开始执行项目之前也会把UI理解为画ICON（图标），自己之前合作过的很多朋友，像一些做程序开发的朋友，联系合作做一些界面时或者说画一个好看的界面或者说美化一下界面，都只是想着如何运用PS的各种特效渐变投影高光，对UI的理解甚为肤浅。经过了iDJ项目的设计，我理解到真正的UI更多是与交互设计互相依存的，必须对人的行为有所熟悉和研究。如图表2最终版设计与图表3第一版设计的对比变化中，我们可以看出，除了整体色彩风格的变化之外，按钮的设置位置是经过了精心的调整设计的。考虑到该产品的核心特色，主要是要让用户能够轻松自如的录制一段具有个人特色的能够表达个人情感的声音，来介绍分享自己喜欢的一首音乐。本人把录音按钮设置在界面中最为显眼并最能让用户第一时间单手点击的位置，而其他的附属功能如拍照及文字介绍按钮则设置在制作界面的次要位置。同时，把选歌、拍照、添加介绍、录音整个节目制作的流程用一条时间线的方式串联起来。以方便用户知道整一个微电台节目制作的流程。在这些流程中录音是必不可少的。而在初稿的设计中并未能够让用户在第一时间感知节目制作的主次。而在色彩选择上，从初稿到正式版的设计，确实经历了一段争论与挣扎。 　　真正完美的移动UI设计必须对交互设计的理解很到位。做的东西也许看上去不是很绚，但是用起来要感觉非常顺手。因为，在苹果APPSTORE和安卓的google play以及各种应用下载平台上每天都有千千万万的产品上线，用户花时间点击下载了你的应用，打开体验的时候，不知道要如何操作，或者说寻找一个搜索按钮需要费九牛二虎之力才能找到，这样的应用在用户的指尖停留的时间绝对不会超过一天，或者说对于很多浮躁的人们来说就不会有再次打开的冲动甚至被直接删除了。那么，我们花费心思设计的再美丽炫目的界面，也将被永远打入冷宫。所以，真正的移动UI设计必须紧密结合交互方面的更为广泛的知识，不能仅仅单纯的针对个人的喜好去进行图形构图和色彩选用，更多的是要结合人类行为心理学、社会学方面的知识。其实本人做UI设计也是经过了这么一个过程，一开始在设计初稿的时候就有一个信念，做出来的图不吓人一跳就不满足，酷、炫、美是终极追求。可是经过了大半年的不断修改讨论再设计，我知道UI设计所包括的东西还有很多。 　　 　　3，界面设计中需要注意的小细节 　　常说“细节决定成败”，有些界面会让人觉得不精致，缺细节，而自己做的第一个应用界面设计初期也曾经被人这样批评过。界面设计的细节到底包括哪些呢？如何去深入呢？经过一段时间的磨练及反思，本人也总结了一下几个小点： 　　（1）对齐界面元素 我见过很多朋友做对齐是靠半眯眼睛