将专业工具改造成游戏界面,这名设计师都做了什么?

来源:互联网
责任编辑:鲁晓倩
字体:

得益于电子游戏在全球范围内的广泛影响力,其成熟的人机交互模式和用户界面设计经常被其它领域所参考和借鉴。

此前最常提及的一个例子,就是美国军方曾将 Xbox 手柄当作某些武器的控制器。这不仅因为低成本的缘故,同时也是看中了它较低的上手门槛和易用性,毕竟只要是玩过游戏的人都知道方向键和摇杆指代什么。

2018 年年初,Formula E电动方程式大赛与设计公司 DixonBaxi 合作,展示了几张概念化的电视画面包装,也能看到不少赛车游戏的 UI 元素与布局。

可以说,动用游戏元素对现实世界的产品加以改造,已不再是一个新鲜的概念。最近,知名网络安全公司 JASK 的设计师 Harlan Elam 便分享了自己的开发经验,他所做的,就是将科幻电影和游戏中常见的 HUD 界面,引入到公司的安全工具之中。

在此之前,Elam 曾在暴雪娱乐公司工作四年半,对游戏界面设计和用户体验已经有很深的研究。

左边是旧版设计,右边的新版设计

但也因如此,这类产品往往只负责提供信息,却很少会关注如何呈现信息,且交互往往都很死板,而 Elam 则希望将它进行简化,且更容易被新用户所理解。

「这就像做游戏的新手教程,有的游戏会给你一本说明书,而有的游戏则会把教程直接整合到开头几个关卡中,让玩家在游戏过程中去理解玩法,后者就是我想在 JASK 中实现的事情。」

《Battlezone》游戏的界面

据悉,他从《Missile Command》、《Battlezone》等射击游戏中获得启发,尝试将圆形的雷达图引入到主控页面中,雷达外围的红色三角形则代表当前网络中最高优先级的风险事件,以便提醒监控人员进行解决。

Harlan Elam 设计的雷达图。

「色彩和形状是传递视觉信息中最重要的指标之一,就像你在路边看到红灯会自觉停下来一样,我们采用红三角来作为警示标志,也是为了告诉客户当前应该先处理什么事情。」

与此同时,Harlan Elam 还在着手研究如何将单纯的数字,转换为更直观的动态信息图。

他发现,很多竞品公司的监测工具只会一味地展示各种数字,要不就是做几张曲线图,这对游戏玩家可能足够了,比如一名《使命召唤》游戏玩家可能只是想看看自己的 K/D 率;但对专业分析师来说,单纯的数字显然还无法满足他们。

「如何和其它具有相同功能的产品做出区分,受到专业用户的认可?引入游戏机制可能是一条可行的方向。在游戏中,我们会通过打怪升级、排行榜等手段来体现玩家之间的差异,让目标变得更为具体且量化,这也是未来我想做的事情。」Elam 在采访中说道。

有趣的是,Harlan Elam 在前期的调查中还发现,大部分 JASK 的使用者本身也是游戏玩家,这也成了本次改造得以成功的重要原因。


请注意:本文转载自QQ快报,并不代表本网赞同其观点,版权归原作者所有,本网不承担任何责任,特此声明。

为您推荐更多精彩内容:

《控制》:开发者问答

我在ChinaJoy上看到了移动游戏革新的另一种武器……

《赛博朋克2077》我们会向玩家提供高质量的游戏体验

9并不重要——记一场《纪元1800》的座谈会

2D Pixel Perfect:使用Unity创建复古16位游戏

风暴问答:没有原创了,有在做几位热门新英雄

提速!OPPO游戏中心大更新,全面步入轻量化时代

《天外世界》开发者:游戏中可以“为所欲为”!

《无人深空》游戏有意移植NS,但开发目前只想专注眼前的事情

《代号生机》:光子工作室又出大制作,有可能会取代和平精英吗

根据您访问的内容,您可能还对以下内容感兴趣,希望对您有帮助:

游戏界面设计师是做什么的

答:工作内容很多,比如做场景设计、场景贴图、场景渲染、场景配色等;还有做人物塑造、形象设计、衣饰搭配、人物贴图制作等;再就是节点衔接、宣传画面设计、剧情贯穿搭配等等工作

交互设计要学什么,你是如何成长为一名交互设计师的?

答:您好,就您提出的问题,分享下我的观点: 刚入行用户体验设计的人在学习时总会遇到这样的难题: 网上的文章看了不少,行业大V也follow了好几个,但是摄入的知识总感觉是一盘散沙,心里仍然没个底儿。 为此 我们特整理了一个学习清单: 有系统的U...

以后想做UI设计~大学应该是什么专业

答:大学是没有这个课程的,如果你想学UI,你可以多方面对比一下课程,选择全程面授的那种,一般UI设计要学的如下: 一、UI美术基础:临摹素描 色彩搭配 二、UI平面设计阶段:学到软件PS、AI 三、UIWeb网页设计阶段:学到软件C4D 四、UI移动界面设计...

游戏设计中UI设计一般使用什么软件?

答:游戏UI的设计一般分成两个部分,交互功能以及界面美观。 通常,策划会使用visio或者word、excel之类的先把功能区域和按钮画好,交给美术来制作皮肤。对美术来说,photoshop就足够用了。 不过现在比较成熟和有经验策划会提出更多对于交互体验的设...

UI设计师的工作职责是什么?

答:下面给你整理了2个来自招聘信息中的岗位职责,希望能给你带来参考: 岗位职责二: 1、负责公司移动客户端UI界面设计,为公司新产品与新功能提供创意及设计方案 2、参与设计讨论,和开发团队共同创建用户界面,跟踪设计效果,提出设计优化方案。 ...

大家做界面设计的理念是什么(UI设计)

答:界面设计是人与机器之间传递和交换信息的媒介,FaceUI称包括硬件界面和软件界面,是计算机科学与心理学、设计艺术学、认知科学和人机工程学的交叉研究领域。 近年来,随着信息技术与计算机技术的迅速发展,网络技术的突飞猛进,人机界面设计和开...

平面设计和ui设计的区别是什么

答:平面设计和ui设计的区别主要有实现过程不同、完成设计工作的人数不同、工作的公司类型不一样、工作量不一样。 一、实现过程不同 平面设计实现过程是用印刷工艺去实现,比如一张名片,设计好了需要印刷出来才能使用,这时就需要借助于印刷工艺才...

(转载)如何做一名优秀的UI(交互界面)设计师

答:一个好的交互设计对产品的成功起着很关键的作用。UI所做的就是用户最先接触到的东西,也是一般性的用户唯一接触到的东西。用户对于界面视觉效果和软件操作方式的易用性的关心,要远远大于他对底层到底用什么样的代码去实现的关心。如果说程序是...

我想去培训学院学个UI设计,谁了解这个行业可以给...

答:UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。从字面上看是用户与界面两个组成部分,但实际上还包括用户与界面之间的交互关系。 界面设计不是单纯的平面设计,他需要定位使用者、使用环境、使用方式并且为最终用户而设计。检验一...

UI是什么意思?UI设计师做什么工作?

答:UI的本意是用户界面,是英文User和 interface的缩写。 简单点来说UI设计囊括了很多方面,用户界面设计师,软件设计,APP设计等等,很广泛。

声明:以上内容由用户提供,并不代表本网赞同其观点。如有任何不妥,请与不良与违法信息举报中心联系:513175919@qq.com

www.book1234.com true http://www.book1234.com/q/20190812/20190812A0MNDE00.html report 40799
娱乐时尚
科技资讯
历史文化
真视界
旅游美食
精彩图文
我爱我车
母婴健康
关于本站 | 广告服务 | 手机版 | 商务合作 | 免责申明 | 招聘信息 | 联系我们
Copyright © 2004-2018 book1234.com All Rights Reserved. 布客网 版权所有
京ICP备10044368号-1 京公网安备11010802011102号