突破平面Photoshop UI界面设计与制作剖析
上QQ阅读APP看书,第一时间看更新

1.1.2 UI界面的类型

UI界面的类型包括手机APP界面、网络直播界面以及网页界面等,以下分别进行介绍。

1.手机APP界面

APP是智能手机中的第三方应用程序。用户可以在手机中安装多个软件,通过手机界面操作软件,包括查询信息、获取资源等。

APP种类繁多,如购物、健身、医疗、美容、教育等,能够满足用户五花八门的使用需求。用户可以到指定的APP商店去下载软件。

一款APP为了满足用户不同的需求,会制作多个功能页面。用户切换至相应功能页面,完成操作后就能达到目的。

图1-3所示为APP登录界面。登录APP后用户可以浏览更多资讯,获取相关内容。在登录界面,用户输入用户名与密码,点击下方的“登录”按钮即可完成登录。或者点击“注册”按钮,进入新用户注册界面。也可以选择其他登录方式。

图1-4所示为“教育网”APP首页。在首页中,大部分的功能都罗列其中,如学习科目、个性化课程等。但是在首页中无法详细展示每个项目的具体内容,需要用户打开次一级页面。如点击“语文”按钮,打开语文课程的专属页面。用户可以在该页面中浏览课程介绍、师资力量、反馈信息等。

并非每一个APP页面都会设置若干功能供用户选用,有的页面,如欢迎页、引导页、闪屏页,主要功能为展示APP的风格或者与当下节日气氛相匹配。图1-5所示为APP引导页,展示的内容为七夕节的相关信息。

图1‑3

图1‑4

图1‑5

2.网络直播界面

网络直播界面不需要用户参与操作,主要功能为展示信息,如图1-6所示。在直播界面中,要明确告知用户商品的销售信息,如优惠券的发放、折扣优惠、礼品赠送等。此外,开播的时间也需要清楚标识,方便用户准时参与。二维码的尺寸与位置也需要认真考虑,确保用户能一键识别。

图1‑6

3.网页界面

与APP页面相比,网页能承载更多信息,还能通过链接页面无限延伸,满足用户的好奇心与求知欲。以官方网站为例,在首页中展示的内容不多,更多的信息折叠显示在导航栏或菜单栏,如图1-7所示。用户通过点击导航栏或菜单栏,打开链接页面来浏览更多资讯。

图1‑7

4.游戏界面

计算机与手机的屏幕尺寸不同,决定了二者游戏体验的不同。计算机屏幕大,使得玩家有身临其境之感。鼠标与键盘配合操作,参与感更加强烈。计算机可以连接音响设备,营造立体环绕的音乐效果。

利用手机参与游戏,受到屏幕尺寸的限制,无法拥有逼真的参与感。但是绚丽的画面,活泼灵动的游戏元素都能给予用户愉悦的玩耍体验。此外,手机能满足用户随时随地想参与游戏的需求。有的游戏可以单手操作,更受用户欢迎。

图1-8所示为不同屏幕尺寸的游戏界面展示效果。

图1‑8

5.平板电脑APP界面

平板电脑兼具计算机与手机的优点。首先,平板电脑屏幕尺寸较大,用户通过滑动屏幕可以浏览更多的页面。其次,对于想要详细了解的目标内容,用户可以选择将其放大,查看完毕后再恢复原状。最后,平板电脑体积纤巧,携带方便。平板电脑可以配备专用的鼠标与键盘,也可以通过滑动、捏合屏幕满足浏览需求。

许多软件推出不同的版本,分别适应计算机、手机、平板电脑的屏幕尺寸。用户无论选用哪一种设备,都能获得极佳的浏览体验。

图1-9所示为使用平板电脑浏览页面的生活场景。

图1‑9

6.软件界面

用户选择合适的设备来使用软件,能提高操作的便利性,有利于得到更好的结果。根据设备的屏幕尺寸,软件界面的显示效果也会不同。

以绘图软件为例,使用台式计算机与笔记本最佳,因为界面的元素能全部显示,如图1-10所示,用户利用鼠标点击选用非常方便。

安装手机版本的绘图软件,只能查看图形或者添加简单的标识,无法自由绘图或随意编辑。这是由于手机屏幕尺寸的限制,使得软件不断精简自身功能,仅能满足用户最基本的需求。

图1‑10