After Effects UI交互动画设计
上QQ阅读APP看书,第一时间看更新

1.1 移动UI设计基础知识

随着智能手机和平板电脑等移动设备的普及,移动设备成为与用户交互最直接的体现。移动设备目前已经成为人们日常生活中不可缺少的一部分,各种类型的移动App软件层出不穷,极大地丰富了移动设备的应用。

移动设备用户不仅期望移动设备的软、硬件拥有强大的功能,更注重其操作界面的直观性、便捷性,能够提供轻松愉快的操作体验。

1.1.1 UI设计的含义

UI即User Interface(用户界面)的简称,UI设计则是指对软件的人机交互、操作逻辑、界面美观3个方面的整体设计。好的UI设计不仅可以让软件变得有个性、有品位,还可以使用户的操作变得更加舒服、简单、自由,充分体现产品的定位和特点。UI设计包含范畴比较广泛,包括软件UI设计、网站UI设计、游戏UI设计、移动设备UI设计等。图1-1所示为精美的移动UI设计。

图1-1

UI设计是单纯的美术设计,需要定位使用者、使用环境、使用方式、最终用户而设计,是纯粹的、科学性的艺术设计。一个友好美观的界面会给用户带来舒适的视觉享受,拉近人机之间的距离,所以UI设计需要和用户研究紧密的结合,是一个不断为最终用户设计满意视觉效果的过程。

提示

UI设计不仅需要客观的设计思想,还需要更加科学、更加人性化的设计理念。如何在本质上提升产品用户界面设计品质?这不仅需要考虑界面的视觉设计,还需要考虑人、产品和环境三者之间的关系。

1.1.2 UI设计的相关术语

了解用户体验设计领域的相关专业术语,如GUI、UI、ID和UE等,可以帮助我们进一步加深对该领域的认识。

1. UI(User Interface)

UI是指用户界面,包含用户在整个产品使用过程中相关界面的软硬件设计,囊括GUI、UE及ID,是一种相对广义的概念。

2. GUI(Graphic User Interface)

GUI是指图形用户界面,可以简单地理解为界面美工,主要完成产品软硬件的视觉界面部分,比UI的范畴窄。目前国内大部分的UI设计其实做的是GUI,大多出自美术院校相关专业毕业生之手。

3. ID(Interaction Design)

ID是指交互设计,简单地讲就是指人与计算机等智能设备之间的互动过程的流畅性设计,一般由软件工程师来实施。

4. UE(User Experience)

UE是指用户体验,更多关注的是用户的行为习惯和心理感受,即研究用户怎样使用产品才能更加得心应手。

5. 用户体验设计师(User Experience Designer)

用户体验设计师简称UED或者UXD。用户体验设计师的工作岗位在国外企业产品设计开发中被广泛重视,这与国际上比较注重人们的生活质量密切相关;目前国内相关行业特别是互联网企业在产品开发过程中,越来越多地认识到这一点,很多著名的互联网企业都已经拥有自己的UED团队。

1.1.3 移动UI设计的特点

随着移动设备的不断普及,社会对移动设备软件的需求越来越多,移动操作系统厂商都不约而同地建立移动设备应用程序市场,如苹果公司的App Store、谷歌公司的Android Market、微软公司的Windows Phone Marketplace等,给移动设备用户带来巨量的应用软件。这些应用软件界面各异。

移动设备用户在众多的应用软件使用过程中,最终会选择界面视觉效果良好,并且具有良好用户体验的应用软件。那么怎样的移动应用UI设计才能给用户带来好的视觉效果和良好的用户体验呢?接下来介绍移动UI设计的特点和技巧。

1. 第一眼体验

当首次启动移动应用程序时,用户在脑海中首先想到的问题是:“我在哪里?我可以在这里做什么?接下来还可以做什么?”设计者要尽力做到应用程序在刚打开的时候就能回答出用户的这些问题。如果一个应用程序能在前数秒的时间里告诉用户这是一款适合他的产品,那么他一定会更加深入地进行发掘,如图1-2所示。

图1-2

2. 便捷的输入方式

在多数时间中,人们只使用一个拇指来操作移动应用程序,设计者在设计时不要执拗于多点触摸及复杂精密的流程,只要让用户可以迅速地完成屏幕和信息间的切换和导航,让用户能快速地获得所需要的信息,珍惜用户每次的输入操作。图1-3所示为App为用户提供更加便捷的搜索和查找功能。

图1-3

3. 呈现用户所需

用户通常会利用一些时间间隙来做一些小事情,将更多的时间留下来做一些自己喜欢的事情。因此,不要让用户等到应用程序来做某件事情,应尽可能地提升应用表现,改变UI,让用户所需结果呈现得更快。图1-4所示为使用天气图像作为界面背景来突出展示当前的天气情况。

图1-4

4. 适当的横向呈现方式

对用户来说,横向呈现带来的体验是完全不同的,利用横向这种更宽的布局可以完全不同的方式呈现新的信息。图1-5所示为同一款App在手机与平板电脑中采用的呈现方式不同。

图1-5

5. 制作个性应用

应用的设计者要向用户展示一个个性的风格。因为每个人的性格不同,喜欢的应用风格也各不相同,制作一款与众不同的应用,总会有喜欢上它的用户。图1-6所示为个性的App设计。

图1-6

6. 不忽视任何细节

不要低估一个应用组成中的任何一项。精心撰写的介绍和清晰且设计精美的图标会让设计应用显得出类拔萃,用户会察觉设计师额外投入的这些精力,如图1-7所示。

图1-7