基于流程的UI/游戏设计和通过UI设计实现的呢

基于流程的UI/游戏设计和通过UI设计实现的呢

如今,越来越多的人参与到游戏设计中,设计方法也越来越多样化。其中,有基于流程的游戏设计和手游的UI设计。两者有什么区别,它们是如何实现的?我们一起学习。

基于流程的手游设计是指将玩家在手游中点击和操作的所有界面进行规划的概念,即“玩家操作流程设计”。虽然像 Zynga 或 GREE 这样的大型手游工作室都在进行基于“流程”的常规 UI/UX(用户界面/用户体验)设计,但许多移动应用程序设计师仍在按功能设计单独的界面。

在本文中,我将介绍以下内容:

UI vs. Flow 概念:基于 UI 与基于流程的设计概念,以及为什么流程在游戏设计中如此重要。

推荐方法:使用 Google Docs Drawings,我认为这比目前许多工作室的设计方式要好

1.接口VS流程

在过去的几年里,我有幸与各种游戏设计师一起工作,我注意到许多设计师仍然通过界面设计手机游戏。这意味着什么?

我看到的典型流程是这样的,从一个功能齐全的游戏设计文档开始。然后游戏设计师和 UI 艺术家分解这些功能并为每个功能设计游戏界面。小型工作室一般都采用这种方式,尤其是有主机和PC平台游戏设计师的工作室。移动应用程序通常是控制台和 PC 游戏设计师不习惯的一长串界面。玩家在使命召唤的“核心循环”中看到了多少画面?

基于流程的游戏UI界面设计教程_游戏UI界面_UI界面设计_UI设计教程_课课家

基于界面的UI/游戏设计

这种游戏设计方法对于整体设计来说非常原始。他忽略了所有形式的玩家与游戏交互ui游戏设计教程下载,玩家的操作流程,它构成了整个用户体验。

更好的方法是在设计时仔细考虑玩家在游戏中的流程以及玩家如何在所有界面之间切换。

游戏ui设计和游戏原画_ui游戏设计教程下载_ui设计课程视频教程

基于流程的 UI/游戏设计

这种方法有两个优点:

了解用户体验:这可以更容易地了解玩家在手机游戏中的体验。

ui设计课程视频教程_游戏ui设计和游戏原画_ui游戏设计教程下载

避免功能爆发:通过规划所有流程开发学习,而不仅仅是在界面级别,游戏设计师不会因意想不到的新功能和惊喜而措手不及。

根据我个人的经验,我可以说有很多情况并非所有流程都计划好ui游戏设计教程下载,从而导致意外事件和额外的功能需求。对于每个按钮和可点击图标,请考虑以下问题:“如果玩家点击它会发生什么?”,因此您经常会意外地在某处发现缺少的功能。

很多时候,我们估计开发 X 功能需要 10 天,但由于缺少功能,我们需要额外增加 5 天。当需要添加新的美术资源和 UI 时,开发滞后会进一步加剧。

基于流程的设计方法可以帮助您制定更精确的开发计划。

2.推荐方法:GoogleDrawing->Outline view

ui设计课程视频教程_ui游戏设计教程下载_游戏ui设计和游戏原画

根据我的经验,设计游戏的过程通常使用以下两种方法之一

(1)巨型AI文件:这样,ui设计师将使用AI(Adobe Illustrator:美国ADOBE推出的专业矢量绘图工具)来绘制一整套界面和流程。最终结果是一张包含 30 多个界面的巨大图片音乐音效,有时还充满了箭头和注释。当然也可以按功能分解,但是还是会生成一堆界面,你很难看到当前功能之外的内容。

(2)大纲视图:另一种方式是在网页或图片上将所有界面有序排列,如3-4列。这种方法使查看界面和一般流程变得简单明了。

当然,这两种方法都有缺点:

巨型AI文件:

ui游戏设计教程下载_游戏ui设计和游戏原画_ui设计课程视频教程

¡ 太复杂了,你很难看清大局的脉络,因为画面太大了,细节让你头晕目眩。

大纲视图:

¡ 网页格式中缺少流程注释和箭头

两种方法的共同缺点:

¡ 缺乏个人和群体保护

¡ 不能共享、协作、允许多个用户一起制作流程文件