浅谈游戏WEB设计的一些细节问题

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

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

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

3.布局跟文案很重要；

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

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

点击查看原始大小

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

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

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

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

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

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

1.什么游戏？

2.什么语种？

3.什么主题？

4.文档、布局（WORD/VISIO/AxureRP）？

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

三、布局跟文案很重要

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

举例（练习作品）：

文案突出型

结构突出型

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

最后重复：

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

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

3.布局跟文案很重要；

源地址：http://www.gameued.com/visual-design/web-design-detai.html