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