浅谈游戏界面设计中的视觉语言

  前言

  游戏界面设计(Game Interface Design 简称GID),是指将游戏用户能够进行交互功能的视觉元素,进行规划、设计的活动。视觉语言(Language of Vision),源于科学的造型理论,在造型艺术领域里,这种可以传达情感、理念和信息的形象及图形、文字、色彩等元素所构成的视觉样式,被称为视觉语言。

  游戏界面作为用户参与游戏,体验游戏娱乐性的通道,直接影响着用户对游戏的印象, 一款优秀的游戏界面,应注重视觉语言的设计,始终遵循“以人为本”的设计理念,使用户在游戏过程中能充分体会到人机交流的愉悦和人性化操作带来的舒适感。

  1 视觉语言的基本特征

  游戏界面中的视觉语言是依附于游戏的设计理念进行信息传达,用于指导用户进行体验操作和情节引导。需要具备以下三个基本特征。

  1.1 可认知性

  认知是指视觉语言、视觉形象能引起用户视觉上的可识别性。界面中视觉认知过程为:视觉寻找、发现、辨别、识别、确认、记忆搜索。前三个过程的反应时间取决于游戏界面设计的合理性和可识别性。游戏界面设计中概况简练、生动鲜明的视觉语言,可以吸引用户视线和注意力。

  用户在不断扫描整个界面过程中,根据不断刷新的视觉信息,不断确认目标位置。在这个过程中,来自界面的视觉信息刺激不断以脉冲电流的形式冲击视觉神经,透过视觉神经的刺激,信息进入大脑网络进行更复杂的神经活动[1]。经过不断甄别这些神经冲动,大脑会最终确认一个最正确的视觉刺激源,并点击界面中这个视觉元素,进行体验确认。大脑将这一过程存储在记忆库中,留下记忆,这就是视觉认知的过程。

  1.2 易学习性

  易学习性是指用户初次接触到游戏界面时,不通过帮助文件,能明确界面元素的基本功能,能对陌生的界面有清晰的认识,能完成基本任务的操作。

  易学习性基于用户人性化的需求,要求视觉语言准确、表达合理,视觉元素、操作方式、操作命令等界面设计风格保持一致。

  1.3 易记忆性

  记忆性是指形象能长期的记忆于大脑中,并能形成一定的条件反射。记忆有三个不同过程阶段,为感觉记忆、短时记忆和长时记忆。三者相互联系,感觉记忆为操作体验提供基础,短时记忆存储材料的时间仅一分钟或更短些,长时记忆贮存信息相对来说是永久性的,是对知识的获得和保存。用户能熟练的操作界面,是因为短时记忆的信息能引起强烈的感受,自动转入长时记忆系统被存储起来。在下一次操作时,能自然的联想起用法,而不是每次都需要在大脑中拼命回忆。

  对于短时记忆可以记住的信息在游戏界面中可以不直接显示,而需要长时记忆的信息则要多次强调,在层级界面中重复出现。考虑到每个人记忆能力的不同,在游戏过程中要注意增加提示性信息,对用户的操作命令做出反应,操作信息的反馈一般应在1s内出现。

  2 视觉语言的设计

  游戏界面中视觉语言的设计要简洁清晰,把握好艺术设计的原则,从而简化用户的思维成本和操作秩序,减轻用户的记忆负担。

  2.1 布局

  布局是指在一个限定面积范围内,合理安排界面各元素的位置,将凌乱的页面、混杂的内容依整体信息的需要进行分组归纳、组织排列,使界面元素主次分明、重点突出,帮助用户便利的找到所需信息,获得流畅的视觉体验。

  游戏界面设计中,要把握好布局的功能性、审美性和科学性,功能性指界面要包括必要的操作和显示功能。审美性,即界面中的各种视觉元素协调统一、平衡一致,并根据游戏主题内容和用户特点进行编排设计,增强界面的视觉表现力。科学性即界面信息、功能显示、按钮位置要合理,既不能影响功能实现效果,又方便用户操作。

  根据视觉流程法则,界面的最佳视域为上半部分和左半部分,上半部分和左半部分让人轻松自在,下半部分和右半部分则稳重和压抑,这种视觉上的落差感,和眼睛习惯于从左至右阅读时,起和止的反射结果相关。在界面布局中,一般都是左上为角色信息、左下为聊天框、中左为技能,中右为道具、右上为小地图图形。

  2.2 色彩

  作为首要的视觉审美要素,色彩深刻地影响着用户的视觉感受和心理情绪。在界面设计中,要注意以下几个方面:(1)为使界面主题集中醒目,便于用户获取信息,在同一界面中颜色不易过多,一般以不超过7种为宜;(2)人眼对低饱和度和低亮度的色彩不敏感,不适宜用于正文、面积小的区域,适宜作为背景或大面积区域;(3)从人的视觉习惯来讲,看暗背景比看亮背景的时间长3~4倍,因此明度和纯度低的弱色常用于大面积的背景色或非活动操作处,而明度和纯度高的颜色会刺激人眼,引起疲劳,适合用于小面积的操作提示及重要内容信息区域,达到吸引注意,加强视觉提示的作用;(4)把握色彩对用户心理作用的影响,如冷色调能帮助用户在焦虑的游戏状态中平静心情,红色表示警告、危险。

  2.3 文字

  作为游戏界面中的视觉元素,文字具备其他元素所不能取代的设计效应,在界面中不仅可以直观的传达信息,起到提示和引导的作用,也可以配合图形元素,起到避免歧义的作用。

  界面中文字风格要根据游戏风格来确定,设计文字时,要注意几个要素,确保其易读性和识别性。(1)同一个界面中,字体不宜过多,一般最多使用3~4种字体;(2)字号要根据功能来确定,一般而言,标题文字采用18P以上,说明性文字用10P~14P;(3)根据人眼的视线横向移动比竖向移动快,且不易疲劳的特点,文字应尽量横向排版;(4)文字信息量较大时,可以分页显示,并注意段落的字间距和行间距的合理性;(5)用户产生视觉疲劳的时间为3~5h,界面中字色过多,会导致文字很难阅读分辨,引起视觉疲劳;(6)字色要与背景色对比鲜明;(7)文字信息要简洁通俗,用词要大众化,不用生僻词和专业术语;英文词语避免用缩写;功能操作按钮要用描述操作的动词,尽量使用肯定句式。

  2.4 图形

  图形是游戏界面中最直观的视觉语言符号,具有直接明确、易读性强的特点,是利用人们长期生活和学习积累的认知经验来理解的语言。图形的识别性优于文字,在信息量较大的界面中,它不仅能增加界面的趣味性和美感,还能帮助用户在操作中减少记忆负担,引导用户便利地进入游戏任务和故事情节。

  游戏界面中的图形设计中,要注意以下几点:(1)游戏中许多功能按钮图形已经符号化,如向左的箭头表示退后和返回的指示,向右的箭头表示前进或

时间: 2024-10-25 15:07:06

浅谈游戏界面设计中的视觉语言的相关文章

浅谈交互设计中Web UI与手机UI的区别

  做了几年的UI和交互,这期间曾经接触过网页设计和手机应用界面的设计,现在简单的谈一下两者之间的区别,个人拙见做个小总结,不同意见轻拍. 首先,网页设计与手机UI,操作的媒介不同,鼠标与手,这是一个很大的区别,而这个区别所造成的几点不同如下: 1. 精确度不同: 鼠标的准确度是相当高的,哪怕是再小的按钮,对于鼠标来说,也是可接受的(注意,仅仅是可接受),点击的错误率不会很高. 而手的准确度相对而言就没那么高了,而且还要照顾一些肢端较大的用户,因此对于手机UI中的按钮,就需要一个比较大的范围,以

浅谈网页设计中的色彩理论

无可争议的是,色彩是任何设计领域中最重要的一方面. 设计师在决定了一个网站风格的同时,也决定了网站的情感,而情感的表达很大程度上取决于颜色的选择.颜色是很有力的工具,所有设计师在设计网页时就应该明白这一点. 一.颜色术语 你们当中很多人可能已经在学校学过一些色彩基础知识,让我们快速回顾一些术语,来更好的把握色彩和运用色彩. 色轮的主要组成 所有的色彩能在一个色轮中呈现.在这个色轮中,我们能把颜色分成3大块:原色,辅助色和第三颜色. 三原色分别是红色,蓝色和黄色.这些色彩是基础色,他们组成了色轮上

黄金分割的金苹果——浅谈apple设计中的黄金分割

你研究或者不研究,美就在那里,不偏不移:你发现或者不发现,黄金分割就在那里,不多不少.了解他,发现美,也给自己增加精彩,好作品不会没有依据. 掀开面纱 0.618或者1.618,这个数字是否觉得似曾相识.这其实是一个数学比例关系(说到数学,不要先着急晕哦,知道咱们做设计得对计算都不敏感,呵呵),即把一条线段分为两部分,此时短段与长段之比恰恰等于长段与整条线之比,其数值比为1:1.618或0.618:1. 这就是黄金分割律,由公元前六世纪古希腊数学家毕达哥拉斯所发现,后来古希腊美学家柏拉图将此称为

盖座漂亮的“楼”–浅谈网页设计中的构图

网页给人最直观的感受就是它的页面框架与构造,就像一座大楼的主体框架与形态,你可能记不起东方明珠塔和艾菲尔铁塔是用什么颜色或什么材料涂的外墙,但我想你一定记得起它们的什么样的形状.同样,网页设计中的构图也足以影响到整个网站给人的感受,虽然比喻并不十分恰当,但就网页其构图而言,些许的改变和简单的创新也许就能起到事半功倍的效果,让网站给人的视觉感受耳目一新. 如何将网页这座楼盖的漂亮?以下就例举一些在网页设计上能起到事半功倍的构图技巧.个人拙见,希望能够抛砖引玉. [一]坚实的地基-几何图形的力量.

浅谈产品设计中的初始值

中介交易 SEO诊断 淘宝客 云主机 技术大厅 在之前文章中提到了正面和负面反馈式交互设计的概念,从中我们了解到合适的反馈机制在和程序之间的交互行为中从而让用户时刻知道现在发生了什么,通过正面反馈和负面反馈我们可以很清晰的让用户知道当前正在发什么,帮助用户打消疑虑,使用户尽快完成自己的目标,同时也让我们的网站更加易用,更加人性化. 出色设计源于生活,你思考过这些简单的生活原理吗? 我们大家都知道楼房里的声控灯,它有一个非常有趣的现象,那就是当光线充足时,任你发出多大的声音都不亮 .但是在黑夜,你

浅谈产品设计中的可用性和可访问性

在用户体验这个行业,经常会听到,可用性,可访问性这样专业的名词,但是,事实上在很多产品实现过程里都忽略了这一点!WHY? 举个很简单的例子,用户的注册流程,很多交互设计师在做这块流程设计的时候都无可避免的忽略了部分可用性和可访问性,直白点说,产品的应用场景没有cover全用户群,损害了这部分用户的可用性和访问性. 太抽象?不明白?好,那我们就用户注册流程展开,侃侃流程中用户提交表单的设计. 看上图,这是现有支付宝注册流程中的一块功能,要实现的功能很简单,个人用户直接填写注册信息,是企业用户的话,

浅谈网页设计中的简约之美

  随着网页技术的不断发展,网页设计的趋势在改变,扁平化.响应式.视觉差滚动.卡片式等给设计师带来了更多的发挥空间.简约的设计,也以其简洁直观.轻薄美观等特点,越来越受到设计师的追捧和大众的喜爱. 那么什么是简约设计? 简约设计是将设计回归本质的一种设计理念.简约并是对内容的简单删减,而是提炼设计精华,满足美观实用的本质诉求.在网页中,简约的设计,往往具清晰的页面结构.简单的交互操作等特征,在满足传递信息的同时,从视觉体验的角度,为用户带来轻松.愉悦的美感. 那么在网页中,怎样做到简约呢?下面是

浅谈网站设计中的SEO意识

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 网站建设就好比建房子,而网站一开始的设计就像是打地基.有一个好的地基,房子才能越发的巩固,才能层次高.如果我们从一开始就对网站设计和布局开始了SEO优化,那是不是起到了事半功倍的效果呢. 以上是常见性的设计模板,分布干净,这样就形成了一个简单的布局和自动SEO.在这简单的基本布局,可以根据网站的定位和调整来添加所需要的内容. 头部 H1和页面

用户体验设计:浅谈可用性测试中沟通的技巧

文章描述:如何快速解除用户防备?--浅谈可用性测试中沟通的技巧.   一般来说,在产品的设计和开发过程中,不同阶段会使用到不同的用户研究方法.比如,在产品正式发布之前,通常会进行可用性测试.可用性测试,是指让一群有代表性的用户尝试对产品进行典型操作,同时观察员和开发人员在一旁观察.聆听.记录.该产品可能是一个网站.软件,或其他任何产品,它可能已经做好,也可能尚未成型. 对于一个典型的可用行测试,我们可以:1. 通过观察用户在使用产品过程中出现的一些问题,发现产品的可用性问题2. 从测试参与者的表