论文部分内容阅读
摘要：随着智能手机不断更新及其应用软件多样化发展，智能手机UI（User Interface）界面设计也趋于多样化，而良好的用户体验是界面设计的关键所在。本文通过对IOS、Android、Windows Phone及其他系统（小米 MIUIV5、锤子 Smartisan OS）智能手机UI界面及图标设计的分析可知，在充分考虑用户体验的前提下，智能手机UI界面设计在易用性的基础上会朝着更高效更简洁更智能的方向发展。
关键词：智能手机；UI设计；图标设计
随着科学技术及手机的不断发展，目前人们对手机这一通讯工具的需求，不再简单的停留于通讯的方便上，更对其影音播放、浏览网页、游戏娱乐、发送邮件、电子导航、商务办公等功能提出了需求[1]。在智能手机应用软件逐步占主导地位的发展背景下，触屏式界面取代了繁琐的物理按键成为手机最主要的操作平台，而图标已成为触屏手机交互界面最重要的组成部分[2]。功能的复合化及图形界面的传播效果，使得手机界面及其交互方式也越来越多样化，而在其多样化的发展方向上必须秉持以用户为中心的设计理念[3]。智能手机UI界面及图标设计的好坏直接影响到用户使用软件的心理体验以及交互功能实现的有效程度。本文主要分析了IOS 7、Andriod 4.2、Windows Phone 8以及其他主流系统手机用户界面及图标设计。在充分考虑用户体验的提前下，探讨了手机界面图标设计的未来发展趋势。
1IOS 7系统
根据移动设备越来越多地采用“扁平化”的设计风格，苹果公司设计主管乔尼·艾维主导设计的IOS 7系统为迎合消费者口味，其应用程序界面及图标采用更为简洁、扁平、明亮和更加充满活力的设计风格[4]。扁平设计是一种简洁的设计，将各种纹理和实体感觉去除，让界面看起来更精简，而且能经得起时间的考验。IOS一直都以简单易用的革命操作系统作为宣传，因此，IOS 7不仅整体风格让人吃惊，而且比之前的版本更简单易用。
IOS 7新的图标抛弃很多原有的设计理念，不同于以往的风格[5]。全新设计的工具栏、标签栏和其他基本界面功能，拨号、天气、日历、短信等几乎所有应用的UI界面都进行了重新设计，整体透露出简洁、动感、时尚之感。界面本身的轮廓也做了改进：一个彩虹般的调色板以及为新图标所设计的黑白背景。导航栏更加轻快，采用更圆的圓角边缘。部分采用照片的选项图标调整为抽象图形，而且通过不同颜色区分功能区。功能开关减少了现有版本的过度玻璃质感，就连向右的箭头都采用圆角以符合新采用的字体的风格。屏幕本身也呈现密集的多层化图像效果，从分解的三位投影角度去理解，可以看到一个非常清晰的背景作为底层，应用程序是中间层，而顶层是模糊的面板，作为控制中心的背景，背景色也去掉了隐约可见的线条。此外，IOS 7系统设备具有偏光滤镜，这样可以减少设备的可视角度，提升系统隐私性。IOS 7尽管只是小修小补，却让整体感觉一下子清新了很多，功能更趋于完善，且主题带有青春气息。
2Android 4.2
Android系统是一个以Linux为基础的半开源操作系统，主要用于行动设备，由Google和开放手持设备联盟开发与领导。平台的开放性造就了Andriod无穷的发展潜力，具备触摸屏、高级图形显示和上网功能，界面强大，可以说是一种融入全部Web应用的单一平台。系统推出时间不是太长但市场占有率疯涨。
Android 4.2是Google新一代移动操作系统，它沿用了4.1版“果冻豆”（Jelly Bean）这一名称，最新操作系统与Android 4.1相似性很高，但仍在细节之后做了一些改进与升级，增加了易用性，主要包括：键盘手势输入；Photo Sphere全景拍照；Miracast无线显示共享；手势放大缩小屏幕及为盲人用户设计的语音输出和手势模式导航功能等[6]。Google Nexus系列第四代手机LG Nexus 4采用Android 4.2操作系统，其亮点是支持行业标准的WiFi显示共享工具Miracast，允许Nexus 4向电视流传输音频和视频，具有更快捷、高效、易用的用户体验，更加智能化。
3Windows Phone 8系统
Windows Phone 8是微软公司2012年6月21日最新发布的一款手机操作系统[7]，是Windows Phone系统的最新版本，也是Windows Phone的第三个大型版本，该系统旗舰手机诺基亚 Lumia 920。Windows Phone 8采用和Windows 8相同的针对移动平台精简优化NT内核并内置诺基亚地图，其与以前的版本相比有许多提升和变化，其中最重要的是实现了桌面系统与移动终端系统的协同发展，方便桌面应用迁移至移动平台，也可实现单一用户界面，提高用户的使用体验，增加了手机的易用性[7]。
Windows Phone 8在软硬件性能方面也有了全面提升，硬件主要包括支持双核及更多内核的处理器、支持SD卡扩展存储及多种分辨率等方面的提升，软件方面的完善包括支持能力更强的IE10浏览器、预装了诺基亚地图和导航，以及支持NFC等应用[7]。此外，还改进了Metro用户界面，使新的开始界面可让用户放置更多应用图标，从而使得UI界面具有更清爽的排版和较少的重点，更便于用户使用[8]。Metro UI是一种界面展示技术，和苹果的IOS、谷歌的Android界面最大的区别在于后两种都是以应用为主要呈现对象，而Metro界面强调的是信息本身，而不是冗余的界面设计元素。
4其他系统
4.1小米MIUIV5
小米的MIUI自推出以来就深受用户的欢迎，除了适配机型丰富以外，MIUI也在不断的更新以增强MIUI的功能以及用户体验，从第一次改版到MIUIV5，MIUI对于Android的改造也进行的越来越深入，风格也更加清新[9]。从解锁界面和主界面中，可以看到MIUI V5相比V4界面上的元素简单了不少，看起来比MIUI V4更加美观。而主界面上最明显的变化便是图标，此次图标的设计有了很大的进步，圆角更为自然，颜色也更为鲜艳，图标设计简洁了不少，在阴影和渐变的效果下显得更加漂亮。 而在新的文件夹方面，MIUI V5也突出了简洁的设计，打开文件夹并没有类似窗口的边框，而是全屏显示文件夹中的内容，背景变黑且有虚化效果，有些类似Windows AERO的毛玻璃效果，看起来非常大气，有同样设计效果的还包括了后台程序管理。新的弹窗设计风格与MIUI新文件夹风格一致，弹出的不再是窗口，这样的效果相比之前更为简洁。此外，MIUI V5具有更多的特征界面，在MIUI V5中比较受用户欢迎的图形解锁也加入了主题功能，并且有输入正确与错误之分。MIUI V5整体的设计水平相比V4有了长足的进步，简约而精致的设计风格是其趋势所在。
4.2锤子Smartisan OS
2013年3月27日晚间，罗永浩在北京发布了其筹划了九个月的锤子ROM[10]。发布会上，罗永浩将锤子ROM的特点归纳为：美观、细节设计、人性化的功能。
Smartisan OS的主界面是一个“九宫格”，上面排列着拟物化风格的图标，给人感觉像收纳盒，整齐而简洁。解锁的时候，九宫格会以不同的速度从下方浮上来。长按图标是移动，而当用双指捏屏幕会进入36宫格的画面，它将手机屏幕划分为四个界面，用户可以将某个页面上的应用移动到另外一个页面上的任意位置。点击下方的齿轮，每个界面的上方将出现“眼镜”和“锁”，前者可以隐藏应用，后者可以彻底锁住不让人看的应用。换言之，再次进入Launcher的设置界面，点击眼镜可以重新显示隐藏起来的应用，而锁住的界面则必须输入密码才能查看。
从“锤子系统”中可以感受到其与科技“极简”理念产生的共鸣。首先，新的锤子系统将各种图标释放回原本模样，海豚浏览器圖标让海豚跳跃于洋面之上，韦氏字典图标让字典立体地放置于桌面。其图标设计保留了图标形状（不向圆角矩形妥协）并将其做大，与此同时减少每一屏内显示的图标数量。在Smartisan OS中每一屏都由九宫格加Dock内的三个图标组成，为了更加整齐美观，锤子团队还在App间用看得见的实线打了格子。除此之外与图标配套的文字在默认状态下也被取消，从而减少了文字的多余，显得更加简洁。
5结语
通过对上述IOS 7、Andriod 4.2、Windows Phone 8以及其他系统（小米 MIUIV5、锤子 Smartisan OS）智能手机UI界面设计分析可知，在科学技术迅速发展的今天，虽然人们对时尚、审美、趣味的不断追求促进了手机UI设计的推陈出新，但在以用户体验为中心的设计思潮中，为了更好的满足智能手机用户需求，在实用性原则的基础上，高效、智能、简洁、易用已成为智能手机UI界面设计之趋，未来智能手机UI界面的设计在易用性的基础上会朝着更简洁更智能的方向发展。
参考文献：
[1] 周睿.浅谈手机界面设计交互方式的发展趋势[J].南京艺术学院学报，2007（02）：129133.
[2] 喻婷，殷俊.智能手机用户界面的图标人性化交互设计研究[J].包装工程，2011（12）.
[3] 唐超兰.以用户为中心的手机界面设计方法探讨与实践[J].应用技术与研究，2010（07）：5759.
[4] 探究苹果的全新iOS7系统设计理念[J].中国传媒科技，2013（06）：1.
[5] 蒋彬.iOS 7最新特性对决Android[J].微电脑世界，2013（07）：2830.
[6] 谷歌即将开始全面推送Android 4.2.1 更新[J].电脑与电信，2012（11）：15.
[7] 刘默.微软借Window s Phone 8改变移动终端市场格局[J].世界电信，2012（08）：2731.
[8] 梁景裕.WP8王者归来 诺基亚Lumia920 /820真实体验[J].消费电子，2013（03）：5256.
[9] 丁明明.MIUI V5升不升级[J].电脑爱好者，2013（04）：9697.
[10] 梁伟.罗永浩 一切从“锤子”开始[J].中华儿女，2013（08）：5456.
作者简介：王歌（1988—），女，长春工业大学设计学院11级设计艺术学硕士研究生，研究方向：设计艺术学。
张永宁，男，长春工业大学副教授，硕士研究生导师。
关键词：智能手机；UI设计；图标设计
随着科学技术及手机的不断发展，目前人们对手机这一通讯工具的需求，不再简单的停留于通讯的方便上，更对其影音播放、浏览网页、游戏娱乐、发送邮件、电子导航、商务办公等功能提出了需求[1]。在智能手机应用软件逐步占主导地位的发展背景下，触屏式界面取代了繁琐的物理按键成为手机最主要的操作平台，而图标已成为触屏手机交互界面最重要的组成部分[2]。功能的复合化及图形界面的传播效果，使得手机界面及其交互方式也越来越多样化，而在其多样化的发展方向上必须秉持以用户为中心的设计理念[3]。智能手机UI界面及图标设计的好坏直接影响到用户使用软件的心理体验以及交互功能实现的有效程度。本文主要分析了IOS 7、Andriod 4.2、Windows Phone 8以及其他主流系统手机用户界面及图标设计。在充分考虑用户体验的提前下，探讨了手机界面图标设计的未来发展趋势。
1IOS 7系统
根据移动设备越来越多地采用“扁平化”的设计风格，苹果公司设计主管乔尼·艾维主导设计的IOS 7系统为迎合消费者口味，其应用程序界面及图标采用更为简洁、扁平、明亮和更加充满活力的设计风格[4]。扁平设计是一种简洁的设计，将各种纹理和实体感觉去除，让界面看起来更精简，而且能经得起时间的考验。IOS一直都以简单易用的革命操作系统作为宣传，因此，IOS 7不仅整体风格让人吃惊，而且比之前的版本更简单易用。
IOS 7新的图标抛弃很多原有的设计理念，不同于以往的风格[5]。全新设计的工具栏、标签栏和其他基本界面功能，拨号、天气、日历、短信等几乎所有应用的UI界面都进行了重新设计，整体透露出简洁、动感、时尚之感。界面本身的轮廓也做了改进：一个彩虹般的调色板以及为新图标所设计的黑白背景。导航栏更加轻快，采用更圆的圓角边缘。部分采用照片的选项图标调整为抽象图形，而且通过不同颜色区分功能区。功能开关减少了现有版本的过度玻璃质感，就连向右的箭头都采用圆角以符合新采用的字体的风格。屏幕本身也呈现密集的多层化图像效果，从分解的三位投影角度去理解，可以看到一个非常清晰的背景作为底层，应用程序是中间层，而顶层是模糊的面板，作为控制中心的背景，背景色也去掉了隐约可见的线条。此外，IOS 7系统设备具有偏光滤镜，这样可以减少设备的可视角度，提升系统隐私性。IOS 7尽管只是小修小补，却让整体感觉一下子清新了很多，功能更趋于完善，且主题带有青春气息。
2Android 4.2
Android系统是一个以Linux为基础的半开源操作系统，主要用于行动设备，由Google和开放手持设备联盟开发与领导。平台的开放性造就了Andriod无穷的发展潜力，具备触摸屏、高级图形显示和上网功能，界面强大，可以说是一种融入全部Web应用的单一平台。系统推出时间不是太长但市场占有率疯涨。
Android 4.2是Google新一代移动操作系统，它沿用了4.1版“果冻豆”（Jelly Bean）这一名称，最新操作系统与Android 4.1相似性很高，但仍在细节之后做了一些改进与升级，增加了易用性，主要包括：键盘手势输入；Photo Sphere全景拍照；Miracast无线显示共享；手势放大缩小屏幕及为盲人用户设计的语音输出和手势模式导航功能等[6]。Google Nexus系列第四代手机LG Nexus 4采用Android 4.2操作系统，其亮点是支持行业标准的WiFi显示共享工具Miracast，允许Nexus 4向电视流传输音频和视频，具有更快捷、高效、易用的用户体验，更加智能化。
3Windows Phone 8系统
Windows Phone 8是微软公司2012年6月21日最新发布的一款手机操作系统[7]，是Windows Phone系统的最新版本，也是Windows Phone的第三个大型版本，该系统旗舰手机诺基亚 Lumia 920。Windows Phone 8采用和Windows 8相同的针对移动平台精简优化NT内核并内置诺基亚地图，其与以前的版本相比有许多提升和变化，其中最重要的是实现了桌面系统与移动终端系统的协同发展，方便桌面应用迁移至移动平台，也可实现单一用户界面，提高用户的使用体验，增加了手机的易用性[7]。
Windows Phone 8在软硬件性能方面也有了全面提升，硬件主要包括支持双核及更多内核的处理器、支持SD卡扩展存储及多种分辨率等方面的提升，软件方面的完善包括支持能力更强的IE10浏览器、预装了诺基亚地图和导航，以及支持NFC等应用[7]。此外，还改进了Metro用户界面，使新的开始界面可让用户放置更多应用图标，从而使得UI界面具有更清爽的排版和较少的重点，更便于用户使用[8]。Metro UI是一种界面展示技术，和苹果的IOS、谷歌的Android界面最大的区别在于后两种都是以应用为主要呈现对象，而Metro界面强调的是信息本身，而不是冗余的界面设计元素。
4其他系统
4.1小米MIUIV5
小米的MIUI自推出以来就深受用户的欢迎，除了适配机型丰富以外，MIUI也在不断的更新以增强MIUI的功能以及用户体验，从第一次改版到MIUIV5，MIUI对于Android的改造也进行的越来越深入，风格也更加清新[9]。从解锁界面和主界面中，可以看到MIUI V5相比V4界面上的元素简单了不少，看起来比MIUI V4更加美观。而主界面上最明显的变化便是图标，此次图标的设计有了很大的进步，圆角更为自然，颜色也更为鲜艳，图标设计简洁了不少，在阴影和渐变的效果下显得更加漂亮。 而在新的文件夹方面，MIUI V5也突出了简洁的设计，打开文件夹并没有类似窗口的边框，而是全屏显示文件夹中的内容，背景变黑且有虚化效果，有些类似Windows AERO的毛玻璃效果，看起来非常大气，有同样设计效果的还包括了后台程序管理。新的弹窗设计风格与MIUI新文件夹风格一致，弹出的不再是窗口，这样的效果相比之前更为简洁。此外，MIUI V5具有更多的特征界面，在MIUI V5中比较受用户欢迎的图形解锁也加入了主题功能，并且有输入正确与错误之分。MIUI V5整体的设计水平相比V4有了长足的进步，简约而精致的设计风格是其趋势所在。
4.2锤子Smartisan OS
2013年3月27日晚间，罗永浩在北京发布了其筹划了九个月的锤子ROM[10]。发布会上，罗永浩将锤子ROM的特点归纳为：美观、细节设计、人性化的功能。
Smartisan OS的主界面是一个“九宫格”，上面排列着拟物化风格的图标，给人感觉像收纳盒，整齐而简洁。解锁的时候，九宫格会以不同的速度从下方浮上来。长按图标是移动，而当用双指捏屏幕会进入36宫格的画面，它将手机屏幕划分为四个界面，用户可以将某个页面上的应用移动到另外一个页面上的任意位置。点击下方的齿轮，每个界面的上方将出现“眼镜”和“锁”，前者可以隐藏应用，后者可以彻底锁住不让人看的应用。换言之，再次进入Launcher的设置界面，点击眼镜可以重新显示隐藏起来的应用，而锁住的界面则必须输入密码才能查看。
从“锤子系统”中可以感受到其与科技“极简”理念产生的共鸣。首先，新的锤子系统将各种图标释放回原本模样，海豚浏览器圖标让海豚跳跃于洋面之上，韦氏字典图标让字典立体地放置于桌面。其图标设计保留了图标形状（不向圆角矩形妥协）并将其做大，与此同时减少每一屏内显示的图标数量。在Smartisan OS中每一屏都由九宫格加Dock内的三个图标组成，为了更加整齐美观，锤子团队还在App间用看得见的实线打了格子。除此之外与图标配套的文字在默认状态下也被取消，从而减少了文字的多余，显得更加简洁。
5结语
通过对上述IOS 7、Andriod 4.2、Windows Phone 8以及其他系统（小米 MIUIV5、锤子 Smartisan OS）智能手机UI界面设计分析可知，在科学技术迅速发展的今天，虽然人们对时尚、审美、趣味的不断追求促进了手机UI设计的推陈出新，但在以用户体验为中心的设计思潮中，为了更好的满足智能手机用户需求，在实用性原则的基础上，高效、智能、简洁、易用已成为智能手机UI界面设计之趋，未来智能手机UI界面的设计在易用性的基础上会朝着更简洁更智能的方向发展。
参考文献：
[1] 周睿.浅谈手机界面设计交互方式的发展趋势[J].南京艺术学院学报，2007（02）：129133.
[2] 喻婷，殷俊.智能手机用户界面的图标人性化交互设计研究[J].包装工程，2011（12）.
[3] 唐超兰.以用户为中心的手机界面设计方法探讨与实践[J].应用技术与研究，2010（07）：5759.
[4] 探究苹果的全新iOS7系统设计理念[J].中国传媒科技，2013（06）：1.
[5] 蒋彬.iOS 7最新特性对决Android[J].微电脑世界，2013（07）：2830.
[6] 谷歌即将开始全面推送Android 4.2.1 更新[J].电脑与电信，2012（11）：15.
[7] 刘默.微软借Window s Phone 8改变移动终端市场格局[J].世界电信，2012（08）：2731.
[8] 梁景裕.WP8王者归来 诺基亚Lumia920 /820真实体验[J].消费电子，2013（03）：5256.
[9] 丁明明.MIUI V5升不升级[J].电脑爱好者，2013（04）：9697.
[10] 梁伟.罗永浩 一切从“锤子”开始[J].中华儿女，2013（08）：5456.
作者简介：王歌（1988—），女，长春工业大学设计学院11级设计艺术学硕士研究生，研究方向：设计艺术学。
张永宁，男，长春工业大学副教授，硕士研究生导师。