摘要:随着智能手机的不断更新换代和应用软件的多元化发展,智能手机UI(User Interface)界面设计也变得多元化,良好的用户体验是界面设计的关键。 本文分析了IOS、Android、Windows Phone等系统(小米MIUIV5、Smartisan OS)的智能手机UI界面和图标设计。 可见,在充分考虑用户体验的前提下,智能手机UI界面设计以易用性为基础。 基本上会朝着更高效、更简单、更智能的方向发展。
关键词:智能手机; 用户界面设计; 图标设计
随着科技和手机的不断发展,人们现在对手机作为通讯工具的需求不再单纯是为了通讯的方便,更多的是为了音视频播放、网页浏览、游戏娱乐、发送电子邮件、电子信息等。导航、商务办公等功能都提出了需求[1]。 在智能手机应用发展逐渐占据主导地位的背景下,触摸屏界面已经取代了繁琐的物理按钮,成为手机的主要操作平台,而图标也成为触摸屏手机交互界面最重要的组成部分[2]。 功能的复合化和图形界面的沟通效果使得手机界面及其交互方式越来越多元化,其多元化的发展方向必须坚持以用户为中心的设计理念[3]。 智能手机UI界面和图标设计的好坏直接影响用户使用软件的心理体验和交互功能的有效性。 本文主要分析IOS 7、Andriod 4.2、Windows Phone 8等主流系统的手机用户界面和图标设计。 提前充分考虑用户体验,探讨手机界面图标设计的未来发展趋势。
1IOS 7系统
根据移动设备越来越多地采用“扁平化”设计风格,苹果设计总监 Jony Ive 设计的 iOS 7 系统就是为了迎合消费者的口味而设计的。 其应用界面和图标更加简洁、扁平化。 ,更明亮、更有活力的设计风格[4]。 扁平化设计是一种简洁的设计,去除了各种纹理和厚重的感觉,使界面看起来更加精简,能够经受时间的考验。 iOS一直被宣传为简单易用的革命性操作系统。 因此,iOS 7不仅整体风格令人惊喜,而且比之前的版本更加简单易用。
iOS 7的新图标放弃了很多原有的设计理念,与之前的风格有所不同[5]。 全新设计的工具栏、标签栏等基础界面功能,以及拨号、天气、日历、短信等几乎所有应用的UI界面都经过了重新设计,整体外观给人简洁、动感、时尚的感觉。 界面本身的轮廓也得到了改进:新图标的彩虹般的调色板和黑白背景。 导航栏更轻,边缘呈圆形。 部分使用照片的选项图标调整为抽象图形,并使用不同颜色区分功能区域。 功能开关减少了现有版本过于玻璃般的感觉,甚至向右箭头也采用了圆角,以匹配新采用字体的风格。 屏幕本身也呈现出密集的多层图像效果。 从分解的三维投影来看,底层是非常清晰的背景,中间是应用程序,顶层是模糊的面板,作为控制中心。 背景、底色也去除了隐约可见的线条。 此外,iOS 7系统设备具有偏光滤镜,可以减少设备的可视角度,提高系统隐私性。 iOS 7虽然只是小修小补,但让整体感觉清爽了很多,功能更加完善,主题也有青春气息。
2安卓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 锤子操作系统
2013年3月27日晚游戏ui界面设计教程,罗永浩在北京推出了筹划九个月的锤子ROM[10]。 会上,罗永浩将Smartisan ROM的特点概括为:外观精美、设计细致、功能人性化。
Smartisan OS的主界面是一个“九方格”,上面排列着拟物化风格的图标,给人一种储物盒的感觉,整齐简洁。 解锁后,九个方格会以不同的速度从下方浮起。 长按图标进行移动,两根手指捏合屏幕时,就会进入36格屏幕,将手机屏幕分为四个界面。 用户可以将一个页面上的应用程序移动到另一页面上的任意位置。 点击下方齿轮,各个界面上方会出现“眼镜”和“锁”。 前者可以隐藏应用程序,后者可以完全锁定别人看不到的应用程序。 也就是说,再次进入Launcher设置界面,点击眼镜即可重新显示隐藏的应用程序3D角色,而锁定的界面则需要密码才能查看。
从“锤子系统”中,你可以感受到它与科技“极简”理念的共鸣。 首先,新的锤子系统将各种图标恢复到原来的样子。 海豚浏览器图标可以让海豚在海洋表面跳跃,韦氏词典图标可以让词典三维放置在桌面上。 它的图标设计保留了图标形状(不影响圆角矩形)并使其更大,同时减少了每个屏幕上显示的图标数量。 在Smartisan OS中,每个屏幕由九个正方形网格和Dock中的三个图标组成。 为了使其更加整洁美观,锤子团队还使用可见的实线在应用程序之间创建了网格。 另外,图标附带的文字也被默认取消,从而减少了多余的文字游戏ui界面设计教程,更加简洁。
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]刘默.微软利用Windows 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-),女,长春工业大学设计学院设计艺术十一级硕士研究生。 研究方向:设计艺术。
张永宁,男,长春工业大学副教授,硕士生导师。