开发者阐述手机游戏用户界面设计的8大步骤(3)
5.选择功能 接下来便需要选择屏幕的功能。从此你便算真正开始进行游戏的互动设计。界面主要有两种功能:一是提供信息,二是允许用户做某事。 而设计师的工作便是明确需要在屏幕上呈现何种信息以及用户能够采取何种行动。我通过一张简单的草图勾勒出了游戏界面应该拥有哪些按钮并呈现出哪些信息。而这些草图都较为粗糙,甚至未考虑到尺寸和定位等问题。这时候你便需要问自己:是否该在这里设置按钮?具体该将按钮设置在哪里?按钮的尺寸要多大?等等。 以下便是我所勾勒出的一些草图: ![]() 界面草图(from paladinstudios)
我会根据不同心情或者所处的设计阶段,利用书签,便条纸或者Photoshop等工具绘制草图。 我们需要牢记: *尽可能将信息量和按钮压到最低数量。 *明确每个屏幕都有一个主要目的。 *铭记屏幕流程处所有情境。 *删除任何重复的内容,除非它们真的有存在必要。 *考虑到需要在多个屏幕上分割内容,所以你需要尽可能地压缩信息量。 注:创造屏幕的功能草图。即通过界面的基本草图列出我们真正需要的内容。 6.创造线框图 在这个阶段我们便需要使用Photoshop!这是关于创造屏幕的布局(没有额外的装饰)。虽然这仍是关于互动设计,但是我们现在却需要开始正视定位和尺寸。在步骤5中你可能会在一张餐巾纸上绘制出草图,但是线框图却不再是那般随意。线框图可以说是设计师的指导方针,你不能草率对待。 ![]() wireframe(from paladinstudios)
以下我将列出创造游戏界面线框图的诀窍: *使用一种能够支持你所有设备分辨率的模板。 *开始设计之前,与程序员好好讨论如何真正落实行动。 *在整个设计过程中定期与程序员一起核实设计的可行性。 *在Photoshop中为游戏的每一个屏幕分组,并使用你所创造的线框图去填充这些屏幕。 *当你做出了一个巨大的改变后记得复制整个屏幕组,然后重新开始新的设计。这样你便能够随时回到之前的设计中。 *明确一个主导框架:创造指南,并始终坚持这一指南——不论你选择了何种平台或屏幕。 *设置灰度等级,并且在必要的情况下为按钮设置颜色。 *还没有圆角:你需要重新调整尺寸并创造出更容易使用的普通矩形。 *使用Dropbox你便能够基于目标设备轻松地测试你的设计。在Dropbox中以jepg的格式保存设计,并在你自己的iPhone上打开它们。 我总是喜欢以jpeg格式保存设计。并且我会根据时间顺序去排列所有的文件。 注:创造线框图。不加任何修饰,并且也不留任何缺口。在你的目标设备上进行测试。
|
作者:秩名 2012-05-24
- ·AR的高端玩法:Magic Leap新专利可治疗色盲 2017-01-22
- ·纪念碑谷开启黑科技 上线AR功能可浏览奇幻建筑 2016-12-13
- ·Rift、 Vive和PS VR对比:哪个更划算 2016-10-24
- ·索尼证实计划推出高端PlayStation 4 将支持4K 2016-06-12
- ·华硕新品发布会召开 VR的较量展前就已开启 2016-05-31