论文部分内容阅读
摘要:游戏中UI设计的分类与特点,对比分析了中外游戏的UI设计师,介绍了UI设计的制作流程以及如何设计UI,UI设计的就业前景等。
关键词:游戏;UI设计;界面设计
一、什么是游戏UI设计?
UI设计其实与平面设计有共通的地方,UI即User Interface(用户界面)的简称。游戏现在根据平台分为手机游戏、网络游戏和网页游戏,每个平台对UI设计的要求都不同,按照美术风格分为Q版游戏和写实游戏。UI设计Q版和写实的造型和色彩设计都有很大的差别。UI设计还要考虑的是用户体验。好的游戏UI设计不仅是让软件变得有美术很亮眼,还要让游戏的操作变得舒适简单、自由,充分体现软件的定位和特点。
UI设计师的工作包括:在一个程序中,将命令的数量从数百个减少到48个、菜单层次从23个减少到11个、完成一个任务的鼠标动作减少一半、整合菜单中的命令,不一致的动词变为通用的短语,重写用专业术语表达的提示信息,使其变成简练的和任务相关的通俗语言,UI设计和视觉设计是两种不同的行为。
一是因为手机界面比我们想像的还小,许多按钮很难点到。很多时候需要非常精确的猛戳才有概率戳中,而且最初为了界面美观面板没有全屏,压缩了内容的空间,加剧了操作负担。二是角色选择的表现不清晰,选择角色的操作困难,要命的是游戏里大部分面板都需要进行角色选择。以上是主要问题,小问题多如繁星,我们就不数星星了。
与之相应,UI设计师的职能大体包括三方面:一是图形设计,即传统意义上的“美工”。当然,实际上他们承担的不是单纯意义上美术工人的工作,而是软件产品的产品“外形”设计。二是交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计,并且确立交互模型,交互规范。三是用户测试/研究,这里所谓的“测试”,其目标恰在于测试交互设计的合理性及图形设计的美观性,主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究,UI设计的好坏只能凭借设计师的经验或者领导的审美来评判,首先来说,要懂得交互,游戏UI本身来说就是人机交互,不只是就是你把所有的功能按钮摆上去就完事了,其实更多要考虑怎么与用户打交道,用户操作起来方便吗?用户能在第一时间内找得到想要的东西吗?好的游戏UI界面要求是画面精致,符合游戏故事背景,符合游戏定位群体,符合用户的基本操作习惯,还有很好引导用户跟着你的思路去操作,去实现玩家的个人目标。
再者游戏UI都是在有概念设计,原画设定下才制作出来,所以风格定向,UI设计师并不能主导游戏风格了。会画画(原画,因为游戏UI是需要画图标的,你看魔兽里的图标都是画出来的)、会平面知识(具体来说就是会设计UI框之类的,做质感啊那些)、设计好的UI界面,无非是图标界面精致,与游戏画面颜色分开,并符合游戏的大感觉,用户操作体验顺手不鸡肋之类的。
中外游戏的UI大师倒是不知道,因为UI是一个游戏的辅助,好的UI是为了更好的衬托游戏,一般会画原画的人UI一般来说都不差,怎么来说呢,游戏UI很尴尬,画画好的人愿意去做原画设定和概念设计之类的不愿做UI,好的平面人才愿意做高水平的UI设计而不单单局限在游戏UI上面。
二、设计流程
《辐射3》的Pipboy就是一个好例子,或者更准确地说是,当你使用Pipboy时,你的角色总是把它举到与眼睛平齐的高度。这段动画只有半秒钟,所以你不会想太多。但当你要在80个小时的游戏过程中无数次看完它,你就会觉得这是一个巨大的耐心考验。永远不要以为你的玩家会“习惯于”以非最佳方式做某事。他们只会责备你的设计欠考虑。
(一)如何学习UI设计?
最简单的学习UI设计的方法就是制作网页。像 Jakob Nielsen的Alertbox就是一个好资源,你可以从中找到大量关于如何制作好UI和人与软件的交互方式等信息。优秀的UI最核心的特点是易用性,这个属性就以上六个基本问题的答案所在。关于易用性和如何提高界面的易用性,可以说的东西有很多,但我希望读者自己从Alertbox中寻找信息,并看看哪些印证了你的经验。
(二)谁来设计游戏的UI?
许多程序员都害怕制作UI,因为他们觉得这是一件创造性工作,最好由更加精通表现法的美工来负责。然而,UI设计很大程度上与逻辑有关,这无疑是程序员擅长的。事实上,我认为程序员(或创意总监,或者团队中任何直接参与制作游戏体验的人)都应该参与制作UI,因为他们正是了解游戏里里外外各方面、知道什么信息重要或不重要的人。他们应该专注于UI的功能性方面:如UI元素多大、是否滚动、在哪里展示哪些信息以及玩家如何导航等。用两三种颜色装饰UI,永远不要指望用颜色变化来传达信息。至少,要参考色盲模拟器ColorOracle或Coblis,以确保色盲患者不会遗漏信息。
(三)3.优秀的UI做什么?
简单地说,优秀的UI的作用是准确迅速地提供相关的信息,提供完信息后马上退到一边。一句概括就是:“优秀的UI告诉你你必须知道的东西,然后就退到一边。”
我们可以进一步把UI的设计过程归纳为以下六个基本问题:
1.这个界面是否立即告诉我必须知道的信息?
2.是否容易找到我正在寻找的信息,或者我是否需要四处搜索?(游戏邦注:即菜单是否藏得太深,以至于玩家看不到信息?)
3.是否可以不阅读说明就知道如何使用这个界面?
4.可以在这个屏幕上做的事情是否明显?
5.是否需要等待界面加载或动画?
6.是否存在可以减少的或完全删除的重复性或无聊的操作(如,允许使用快捷键)?
当你设计和玩你自己的游戏时,你要经常问自己以上几个问题。UI设计是不断挑剔的过程,是游戏开发中少数几个必须力求完美的环节之一。
在漫长的软件发展中,界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样,是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受,拉近人与电脑的距离,为商家创造卖点。界面设计不是单纯的美术绘画,他需要定位使用者、使用環境、使用方式并且为最终用户而设计,是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果,而是最终用户的感受。所以界面设计要和用户研究紧密结合,是一个不断为最终用户设计满意视觉效果的过程。
【参考文献】
[1]林振文.基于网页游戏UI界面的设计研究[J].网络安全技术与应用,2015(02)
作者简介:钟鸿宇,毕业于四川美术学院,重庆工程学院学院助教。研究方向:原画设计。
关键词:游戏;UI设计;界面设计
一、什么是游戏UI设计?
UI设计其实与平面设计有共通的地方,UI即User Interface(用户界面)的简称。游戏现在根据平台分为手机游戏、网络游戏和网页游戏,每个平台对UI设计的要求都不同,按照美术风格分为Q版游戏和写实游戏。UI设计Q版和写实的造型和色彩设计都有很大的差别。UI设计还要考虑的是用户体验。好的游戏UI设计不仅是让软件变得有美术很亮眼,还要让游戏的操作变得舒适简单、自由,充分体现软件的定位和特点。
UI设计师的工作包括:在一个程序中,将命令的数量从数百个减少到48个、菜单层次从23个减少到11个、完成一个任务的鼠标动作减少一半、整合菜单中的命令,不一致的动词变为通用的短语,重写用专业术语表达的提示信息,使其变成简练的和任务相关的通俗语言,UI设计和视觉设计是两种不同的行为。
一是因为手机界面比我们想像的还小,许多按钮很难点到。很多时候需要非常精确的猛戳才有概率戳中,而且最初为了界面美观面板没有全屏,压缩了内容的空间,加剧了操作负担。二是角色选择的表现不清晰,选择角色的操作困难,要命的是游戏里大部分面板都需要进行角色选择。以上是主要问题,小问题多如繁星,我们就不数星星了。
与之相应,UI设计师的职能大体包括三方面:一是图形设计,即传统意义上的“美工”。当然,实际上他们承担的不是单纯意义上美术工人的工作,而是软件产品的产品“外形”设计。二是交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计,并且确立交互模型,交互规范。三是用户测试/研究,这里所谓的“测试”,其目标恰在于测试交互设计的合理性及图形设计的美观性,主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究,UI设计的好坏只能凭借设计师的经验或者领导的审美来评判,首先来说,要懂得交互,游戏UI本身来说就是人机交互,不只是就是你把所有的功能按钮摆上去就完事了,其实更多要考虑怎么与用户打交道,用户操作起来方便吗?用户能在第一时间内找得到想要的东西吗?好的游戏UI界面要求是画面精致,符合游戏故事背景,符合游戏定位群体,符合用户的基本操作习惯,还有很好引导用户跟着你的思路去操作,去实现玩家的个人目标。
再者游戏UI都是在有概念设计,原画设定下才制作出来,所以风格定向,UI设计师并不能主导游戏风格了。会画画(原画,因为游戏UI是需要画图标的,你看魔兽里的图标都是画出来的)、会平面知识(具体来说就是会设计UI框之类的,做质感啊那些)、设计好的UI界面,无非是图标界面精致,与游戏画面颜色分开,并符合游戏的大感觉,用户操作体验顺手不鸡肋之类的。
中外游戏的UI大师倒是不知道,因为UI是一个游戏的辅助,好的UI是为了更好的衬托游戏,一般会画原画的人UI一般来说都不差,怎么来说呢,游戏UI很尴尬,画画好的人愿意去做原画设定和概念设计之类的不愿做UI,好的平面人才愿意做高水平的UI设计而不单单局限在游戏UI上面。
二、设计流程
《辐射3》的Pipboy就是一个好例子,或者更准确地说是,当你使用Pipboy时,你的角色总是把它举到与眼睛平齐的高度。这段动画只有半秒钟,所以你不会想太多。但当你要在80个小时的游戏过程中无数次看完它,你就会觉得这是一个巨大的耐心考验。永远不要以为你的玩家会“习惯于”以非最佳方式做某事。他们只会责备你的设计欠考虑。
(一)如何学习UI设计?
最简单的学习UI设计的方法就是制作网页。像 Jakob Nielsen的Alertbox就是一个好资源,你可以从中找到大量关于如何制作好UI和人与软件的交互方式等信息。优秀的UI最核心的特点是易用性,这个属性就以上六个基本问题的答案所在。关于易用性和如何提高界面的易用性,可以说的东西有很多,但我希望读者自己从Alertbox中寻找信息,并看看哪些印证了你的经验。
(二)谁来设计游戏的UI?
许多程序员都害怕制作UI,因为他们觉得这是一件创造性工作,最好由更加精通表现法的美工来负责。然而,UI设计很大程度上与逻辑有关,这无疑是程序员擅长的。事实上,我认为程序员(或创意总监,或者团队中任何直接参与制作游戏体验的人)都应该参与制作UI,因为他们正是了解游戏里里外外各方面、知道什么信息重要或不重要的人。他们应该专注于UI的功能性方面:如UI元素多大、是否滚动、在哪里展示哪些信息以及玩家如何导航等。用两三种颜色装饰UI,永远不要指望用颜色变化来传达信息。至少,要参考色盲模拟器ColorOracle或Coblis,以确保色盲患者不会遗漏信息。
(三)3.优秀的UI做什么?
简单地说,优秀的UI的作用是准确迅速地提供相关的信息,提供完信息后马上退到一边。一句概括就是:“优秀的UI告诉你你必须知道的东西,然后就退到一边。”
我们可以进一步把UI的设计过程归纳为以下六个基本问题:
1.这个界面是否立即告诉我必须知道的信息?
2.是否容易找到我正在寻找的信息,或者我是否需要四处搜索?(游戏邦注:即菜单是否藏得太深,以至于玩家看不到信息?)
3.是否可以不阅读说明就知道如何使用这个界面?
4.可以在这个屏幕上做的事情是否明显?
5.是否需要等待界面加载或动画?
6.是否存在可以减少的或完全删除的重复性或无聊的操作(如,允许使用快捷键)?
当你设计和玩你自己的游戏时,你要经常问自己以上几个问题。UI设计是不断挑剔的过程,是游戏开发中少数几个必须力求完美的环节之一。
在漫长的软件发展中,界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样,是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受,拉近人与电脑的距离,为商家创造卖点。界面设计不是单纯的美术绘画,他需要定位使用者、使用環境、使用方式并且为最终用户而设计,是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果,而是最终用户的感受。所以界面设计要和用户研究紧密结合,是一个不断为最终用户设计满意视觉效果的过程。
【参考文献】
[1]林振文.基于网页游戏UI界面的设计研究[J].网络安全技术与应用,2015(02)
作者简介:钟鸿宇,毕业于四川美术学院,重庆工程学院学院助教。研究方向:原画设计。