WEB游戏界面的设计细节问题

本期特约：海外美术团队 Lyson

1.浏览器的差别跟用户分辨率差别是我们首先考虑的问题;

2.游戏页面设计，需贴主题、游戏背景等主线关系;

3.布局跟文案很重要;

一、浏览器的差别跟用户分辨率差别是我们首先考虑的问题;

首先在这里想要再次为新人提下，现在霸占互联网最小分辨率的还会是1024用户(特别是中国)，加之IE、FF主流浏览器的比例，由此特地整理了一个解说小图。

点击查看原始大小

在这张示意图上我们能比较清晰的看出一个网页在1024分辨率显示器下的效果。由此我们在很早之前就定下一条不成文的规定，那就是网页的核心内容宽度，最大绝对不超过980.预留的一点点的空间，给用户透气。

但往往是我们还是很容易就把画面给填满，原因就是游戏网页设计，早期它逃不开功能模块框架的边缘修饰，这种修饰还是不规则形态，

(这时候会像有些平房驻地，外头非要弄点其他东西来扩建，不愿意占用已经规划好的区域一样的道理。)

所以在此提醒同学们一定要学会卡位别超界

二、游戏页面设计，需贴主题、游戏背景等主线关系;

主题、游戏背景，这两个核心问题，设计师们一定要定位好，我们别拿什么就直接做，我们需要过滤的东西有很多~!

1.什么游戏?

2.什么语种?

3.什么主题?

4.文档、布局(WORD/VISIO/AxureRP)?

5.头脑风暴完的创意、色彩，是否贴近游戏背景跟本次主题?

三、布局跟文案很重要

每次的设计，设计师们最头疼的事情就是这两样，为什么呢?因为这两个元素直接音响到了最后效果，在特殊情况下，比重达到50% – 80%;可以抹杀很多创意表现。

举例(练习作品)：

文案突出型

结构突出型

我个人在做图的时候习惯的会总结归纳以上提到的问题，从而一步步过滤，最后在纸上画结构。(当然在这过程中肯定还有其他的内容，只是在这篇文章就不细提了)

最后重复：

1.浏览器的差别跟用户分辨率差别是我们首先考虑的问题;

2.游戏页面设计，需贴主题、游戏背景等主线关系;

3.布局跟文案很重要;