游戏UI设计项目实战
上QQ阅读APP看书,第一时间看更新

知识储备

1.1 UI设计与游戏UI

UI设计和游戏UI是包含与被包含的关系,不管从广义还是狭义上讲,游戏UI设计都是UI设计的分支,这就决定了游戏UI与设计有着千丝万缕的联系,但又不尽相同。接下来分别向读者介绍UI设计与游戏UI的概念,帮助读者理清UI设计与游戏UI设计的关系。

1.1.1 UI设计的概念

UI(User Interface)是指用户界面,也称为使用者界面,指对软件的人机交互、操作逻辑、界面美观进行的整体设计,是系统和玩家之间进行交互和信息交换的介质。UI是广义概念,它包括UE(玩家体验)设计、GUI(图形用户界面)设计及ID(交互设计)。

1.UE(玩家体验)

UE设计关注的是玩家的行为习惯和心理感受,就是研究玩家怎么使用软件或硬件才觉得顺心如意。

2.GUI(图形用户界面)

GUI设计具体来讲就是界面设计,它只负责应用的视觉界面,国内大部分的UI设计师其实做的就是GUI。

3.ID(交互设计)

ID设计简单来讲是指人和应用之间的互动过程,一般由交互工程师来做。

提 示

UI设计是指对应用的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让应用变得有个性,区别于其他产品,还要让玩家便捷、高效、舒适、愉悦地使用。

在人机交互中,有一个层面称为界面。按照心理学的角度来讲,可以把界面分为两个层次:感觉(视觉、触觉、听觉)和情感。人们在使用某个产品时,第一时间直观感受到的是屏幕上的界面。

一个友好、美观的界面能给人带来愉悦的感受,增加玩家的产品黏度,为产品增加附加值。通常,很多人会觉得界面设计仅仅是视觉层面的东西,这是错误的理解。设计师需要定位玩家群体、使用环境、使用方法,最后根据这些数据进行科学的设计。

判断一款界面设计好坏与否,不是由领导和项目成员决定的,最有发言权的是玩家,而且不是一个玩家说了算,是一个特定的群体。所以UI设计需要时刻与玩家研究紧密结合,时刻考虑玩家会怎么想,这样才能设计出玩家满意的产品,图1-2所示为出色的游戏UI设计。

图1-2 出色的游戏UI设计

1.1.2 GUI设计的概念

GUI英文全称为Graphical User Interface,中文名称为图形用户界面,是指使用图形方式显示的计算机操作玩家界面。GUI设计的广泛应用是当今计算机发展的重大成就之一,它使非专业玩家操作玩家界面时变得非常方便。人们从此不需要死记硬背大量的命令,取而代之的是可以通过窗口、菜单、按键等方式方便地对玩家界面进行操作。

图形玩家界面是一种人与计算机通信的界面显示格式,允许玩家使用鼠标等输入设备操纵屏幕上的图标或菜单选项,以选择命令、调用文件、启动程序或执行其他一些日常任务,如图1-3所示。

图1-3 通过鼠标操作菜单选项

GUI设计是UI的一种表达方式,是以可见的图形方式展现给玩家的。而UE(玩家体验)是玩家与产品的交互过程中所获得的感受,同GUI相比它是不可见的。GUI与UE是UI设计过程中最为重要的组成部分,它们是相互影响并紧密联系的,在UI设计过程中,GUI设计的目的就是为了提高和改善人机交互过程,使玩家操作更为直接和方便。

如果将整个人机交互过程理解为一个系统,那么玩家体验就是一个系统反馈,有了这个反馈,系统就可以不断修正自身误差,以达到最佳的输出状态。图1-4所示为出色的游戏UI设计。

图1-4 游戏UI设计

1.1.3 游戏UI设计的概念

在计算机科学领域,界面是人与机器交流的一个“层面”,通过这一层面,人可以对计算机发出指令,并且计算机可以将指令的接收、执行结果通过界面即时反馈给使用者,如此循环往复,便形成了人与机器的交互过程,这个承载信息接收与反馈的层面就是人机界面。

设计这个人机界面的过程被称为游戏UI设计,即游戏UI就是游戏的玩家界面,包括游戏前和游戏中两个部分的所有界面。图1-5所示为UI设计、GUI设计和游戏UI设计的从属关系。

图1-5 UI设计、GUI设计和游戏UI设计的从属关系

在游戏领域中,玩家与游戏的沟通也是通过界面这一媒介实现的,即游戏界面是玩家与游戏进行沟通的桥梁。

玩家通过游戏界面对游戏中的各个环节、功能进行选择,实现游戏视觉和功能的切换,并对游戏角色和进程进行控制,游戏界面则同步反馈玩家在游戏中的状态。

游戏界面的存在不仅让游戏与游戏参与者之间建立了联系,同时也将游戏玩家以一种特殊的方式连接起来。图1-6所示为精美的游戏UI设计。

图1-6 精美的游戏UI设计