在移动互联网时代,Android、iOS、Windows等智能操作系统成为用户应用APP的基本入口,如图1-15所示。
图1-15 手机操作系统的地位
因此,用户除了要了解APP UI设计的基本概念外,还必须认识Android、iOS、Windows三大主流系统,以此熟悉移动设备的主流平台和设计的基本原则。
Android是由Google基于Linux开发的一款移动操作系统。
在移动设备的操作系统领域,iOS和Android系统的竞争十分激烈,它们都希望占据更大的市场份额。目前,由于市面上存在众多的Android系统OEM厂商,因此Google的Android操作系统处在移动系统的领先位置,如图1-16所示。
图1-16 Android操作系统占据了大部分的移动设备市场份额
Android操作系统的APP UI设计基本原则就是要拥有漂亮的界面,设计者可以设置精心的动画或者及时的音效,带给用户一种更加愉悦的体验,如图1-17所示。
图1-17 APP UI设计中的动画效果
另外,Android用户可以直接触屏操作APP中的对象,这样有助于降低用户完成任务时的认知难度,进一步提高用户对APP的满意度。例如,在“最美天气”APP的界面中,用户可以通过滑动屏幕的方式,查看更多的天气资讯,如图1-18所示。
图1-18 “最美天气”APP界面
在设计Android操作系统的APP界面时,设计者应尽量使用图片来表达信息,图片比文字更容易理解,而且更加吸引用户的注意力。例如,在“暴风影音”APP的界面中,就采用了大量直观的图标菜单和图片目录列表,如图1-19所示。
图1-19 “暴风影音”APP界面
iOS是由苹果公司开发的一种采用类Unix内核的移动操作系统,最初是为iPhone设计的,后来陆续套用到iPod touch、iPad以及Apple TV等产品上。
iPod touch:一款由苹果公司推出的便携式移动产品。iPod touch与iPhone相比造型更加轻薄,彻底改变了人们的娱乐方式,如图1-20所示。
图1-20 iPod touch
iPad:苹果公司发布的平板电脑系列,提供浏览网站、收发电子邮件、观看电子书、播放音频或视频、玩游戏等功能,如图1-21所示。
图1-21 iPad产品
Apple TV:由苹果公司设计、营销和销售的数字多媒体播放机。
乔布斯在首次展示iPhone手机时说:“我们今天将创造历史。1984年Macintosh改变了计算机,2001年iPod改变了音乐产业,2007年iPhone要改变通信产业”。
如今,乔布斯的预言的确实现了,基于iOS系统的iPhone将智能手机推向了新的舞台,引发了移动互联网时代的爆发,改变了互联网行业的入口格局,如图1-22所示。
图1-22 iPhone对互联网行业的改变
对于UI设计者而言,iOS操作系统带来了更多的开发平台。下面简单分析iOS操作系统APP应用的UI设计基本原则。
便捷的操作:iOS操作系统中的APP应用通常具有圆润的轮廓和程式化的梯度,操作非常便捷,如图1-23所示。
清晰明朗的结构,便捷的导航控制:在设计APP界面时,应该尽量将所有的导航操作都安排在一个分层格式中,使用户可以随时看到当前的位置,如图1-24所示。
图1-23 iPhone的操作十分便捷
图1-24 便捷的导航控制
高手指引
另外,设计者还应该在APP界面中提供当前界面标记和后退按钮。
当前界面标记:用户可以及时了解自己所处的位置,清楚每一个界面的主要功能和特点。
后退按钮:可以快速退出当前界面,返回APP主界面。
另外,苹果公司还推出了车载iOS系统,用户可以将iOS设备与车辆无缝结合,使用汽车的内置显示屏和控制键,或Siri免视功能与苹果移动设备实现互动,如图1-25所示。
图1-25 车载iOS系统界面
Windows Phone(简称为WP)是微软于2010年10月21日正式发布的一款手机操作系统,如图1-26所示。
图1-26 Windows Phone系统
Windows Phone操作系统采用“Metro UI”的界面风格,并在系统中整合了Xbox Live游戏、Xbox Music音乐与独特的视频体验。
高手指引
Metro风格界面设计风格优雅,可以令用户获取一个美观、快捷流畅的界面和大量可供使用的新应用程序。Metro为用户带来了出色的触控体验,同时又可以支持使用鼠标、触控板和键盘工作。
2012年6月21日,微软发布Windows Phone 8手机操作系统,采用与Windows系统相同的Windows NT内核,并且支持很多新的特性,如图1-27所示。
图1-27 Windows Phone 8系统
2015年5月14日,微软正式宣布以Windows 10 Mobile作为新一代Windows 10手机版的正式名称,如图1-28所示。Windows Phone 8.1则可以免费升级到Windows 10 Mobile版本。
图1-28 Windows Phone 10系统
Windows 10 Mobile操作系统的界面非常整洁干净,其独特的内容替换布局的设计理念更是让用户回到了内容本身,其设计原则应该是“光滑”“快”“现代”。
Windows 10 Mobile操作系统的“Metro UI”是一种界面展示技术,和苹果的iOS界面、谷歌的Android界面最大的区别在于:后两种都是以应用为主要呈现对象,而Metro界面强调的是信息本身,而不是冗余的界面元素。
另外,Metro界面的主要特点是完全平面化、设计简约,没有像iOS界面一样采用渐变、浮雕等质感效果,这样可以营造出一种身临其境的感受,如图1-29所示。
图1-29 Windows Phone 10系统的平板模式
Windows操作系统不断进入移动终端市场,试图打破人们与信息和APP之间的隔阂,提供优秀的“端到端”的体验,使其适用于人们的工作、生活和娱乐的方方面面。