Photoshop移动UI设计从入门到精通
上QQ阅读APP看书,第一时间看更新

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之间的隔阂,提供优秀的“端到端”体验,适用于人们的工作、生活和娱乐的方方面面。