开发者阐述手机游戏用户界面设计的8大步骤(3)

[导读]5.选择功能 接下来便需要选择屏幕的功能。从此你便算真正开始进行游戏的互动设计。界面主要有两种功能:一是提供信息,二是允许用户做某事。 而设计师的工作便是明确需要在屏幕上呈现何种信息以及用户能够采取何种

5.选择功能

接下来便需要选择屏幕的功能。从此你便算真正开始进行游戏的互动设计。界面主要有两种功能:一是提供信息,二是允许用户做某事。

而设计师的工作便是明确需要在屏幕上呈现何种信息以及用户能够采取何种行动。我通过一张简单的草图勾勒出了游戏界面应该拥有哪些按钮并呈现出哪些信息。而这些草图都较为粗糙,甚至未考虑到尺寸和定位等问题。这时候你便需要问自己:是否该在这里设置按钮?具体该将按钮设置在哪里?按钮的尺寸要多大?等等。

以下便是我所勾勒出的一些草图:

界面草图(from paladinstudios)

我会根据不同心情或者所处的设计阶段,利用书签,便条纸或者Photoshop等工具绘制草图。

我们需要牢记:

*尽可能将信息量和按钮压到最低数量。

*明确每个屏幕都有一个主要目的。

*铭记屏幕流程处所有情境。

*删除任何重复的内容,除非它们真的有存在必要。

*考虑到需要在多个屏幕上分割内容,所以你需要尽可能地压缩信息量。

注:创造屏幕的功能草图。即通过界面的基本草图列出我们真正需要的内容。

6.创造线框图

在这个阶段我们便需要使用Photoshop!这是关于创造屏幕的布局(没有额外的装饰)。虽然这仍是关于互动设计,但是我们现在却需要开始正视定位和尺寸。在步骤5中你可能会在一张餐巾纸上绘制出草图,但是线框图却不再是那般随意。线框图可以说是设计师的指导方针,你不能草率对待。

wireframe(from paladinstudios)

以下我将列出创造游戏界面线框图的诀窍:

*使用一种能够支持你所有设备分辨率的模板。

*开始设计之前,与程序员好好讨论如何真正落实行动。

*在整个设计过程中定期与程序员一起核实设计的可行性。

*在Photoshop中为游戏的每一个屏幕分组,并使用你所创造的线框图去填充这些屏幕。

*当你做出了一个巨大的改变后记得复制整个屏幕组,然后重新开始新的设计。这样你便能够随时回到之前的设计中。

*明确一个主导框架:创造指南,并始终坚持这一指南——不论你选择了何种平台或屏幕。

*设置灰度等级,并且在必要的情况下为按钮设置颜色。

*还没有圆角:你需要重新调整尺寸并创造出更容易使用的普通矩形。

*使用Dropbox你便能够基于目标设备轻松地测试你的设计。在Dropbox中以jepg的格式保存设计,并在你自己的iPhone上打开它们。

我总是喜欢以jpeg格式保存设计。并且我会根据时间顺序去排列所有的文件。

注:创造线框图。不加任何修饰,并且也不留任何缺口。在你的目标设备上进行测试。

作者:秩名 2012-05-24

网友评论
人物专访
一语中的 发人深省时评观点
数据分析
任天堂16-17财年前三季度财报:纯利润1029亿日元
任天堂16-17财年前三
2016二次元手游:79%自研 66款进iOS畅销前100
2016二次元手游79%自
Top10游戏企业自研手游流水611.5亿 腾讯网易占51%
Top10游戏企业自研手
移动游戏
过去10年移动游戏大规模发展 未来10年势头仍将延续
过去10年移动游戏大规
Pokemon GO升级后调整玩法 将看不到口袋妖怪足迹
Pokemon GO升级后调整
AppAnnie移动应用趋势预测:手游电竞需求将增长
AppAnnie移动应用趋势
企业风采
乐逗游戏亮相GDC 推动全球游戏产业发展
乐逗游戏亮相GDC
第七大道七年纪:创始人曹凯感恩回馈离职老员工
曹凯感恩回馈离职员工
游族网络陈礼标:立足精品原创 布局全球市场
关于40407 | 友情链接 | 广告服务 | 联系我们 | 网站导航 | 网站招聘
网站备案:沪ICP备19024260号-2 上海随玩网络科技有限公司
Copyright © 2009-2014 www.40407.com