游戏开发论坛

 找回密码
 立即注册
搜索
查看: 12678|回复: 2

[分享] 几个步骤完成手机游戏界面设计

[复制链接]

1万

主题

1万

帖子

3万

积分

论坛元老

Rank: 8Rank: 8

积分
36572
发表于 2015-8-13 11:56:47 | 显示全部楼层 |阅读模式
本帖最后由 小篱 于 2015-8-13 12:23 编辑

0b36204fdae566bb13c2a37f0b945afc.jpg

  GameRes游资网授权发布 文 / 张诚阳

  游戏UI设计是图形界面设计的鼻祖,所有交互设计的首要目标是满足功能需求

  首先,通常先整理下交互流程,把玩家行为过程全部梳理一遍,如何进入界面,从哪里跳转,中间的各种可能性,会发生些什么。

1.jpg

  整个流程出来了看看需要多少个界面,每个界面的作用,分别在哪一层显示。和程序沟通好技术问题。

  列出详细的功能需求,把每个界面内需要展示的东西列出来,区分出哪些是玩家需要看到的,哪些是程序、美术需要的。

  举个例子:

2.jpg

  每个界面显示的内容都列出来,这一步要明确需要做些什么。

  前两步完成后逻辑就很清楚了,剩下的就是以什么样的方式把内容展示出来,

3.jpg

  到这一步整个框架就出来了,剩下的就是往里填图片了,之前说的都是逻辑层面的,这里要根据游戏的类似和风格定出游戏的画风和基调,卡通?日漫?美漫? 西方玄幻?未来科技?

  我习惯给美术一组关键字,比如一款日式卡通风格的RPG游戏:风格关键字 剑 魔法 枪 齿轮 机械 恶魔 号角 爪子 羊皮纸 厚重的书 符号 羽毛笔 水晶

  脑中有木有浮现出游戏的样子?想象的空间是很大的,传达好你的思路,让大家尽量统一对游戏的构想,美术做出来的东西才能不偏离主题。

  不玩游戏不见得就设计不出好的UI,毕竟UI设计是工作,正确的方法,良好的工作态度,浑厚的美术功底,这才是影响工作的主要条件。

  半路接到烂摊子是很烦躁的一件事,了解清楚游戏风格,把已经做的素材收集整理好,多沟通沟通,多去看看同类型游戏的UI,多截几张图对比,相信会有好的灵感。

  PS:野路子,希望对需要的人有所帮助,上面的图是用viso画的,操作起来比较简单,如果用原型工具做效果应该更好。

0

主题

6

帖子

25

积分

注册会员

Rank: 2

积分
25
发表于 2015-8-14 08:45:43 | 显示全部楼层
楼主你太好了

1

主题

41

帖子

115

积分

注册会员

Rank: 2

积分
115
发表于 2015-8-14 14:07:36 | 显示全部楼层
方向挺好,希望再有些进阶的内容,结合一些实例来讲讲设计的优劣吧!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

作品发布|文章投稿|广告合作|关于本站|游戏开发论坛 ( 闽ICP备17032699号-3 )

GMT+8, 2025-8-29 23:02

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表