浅谈游戏WEB设计的一些细节问题！(原创理论)学习分享 [复制链接]

作者：LYSONLIN

原文：

图片:01.jpg

本文内容：
1.浏览器的差别跟用户分辨率差别是我们首先考虑的问题；
2.游戏页面设计，需贴主题、游戏背景等主线关系；
3.布局跟文案很重要；



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






首先在这里想要再次为新人提下，现在霸占互联网最小分辨率的还会是1024用户（特别是中国），加之IE、FF主流浏览器的比例，由此特地整理了一个解说小图。
在这张示意图上我们能比较清晰的看出一个网页在1024分辨率显示器下的效果。
由此我们在很早之前就定下一条，不成文的规定，那就是网页的核心内容宽度，最大绝对不超过980.预留的一点点的空间，给用户“透气”。

但往往是我们还是很容易就把画面给“填满”，原因就是游戏网页设计，早期它逃不开功能模块框架的边缘修饰，这种修饰还是不规则形态，
（这时候会像有些平房驻地，外头非要弄点其他东西来扩建，不愿意占用已经规划好的区域一样的道理。）

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

图片:02.jpg

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







主题、游戏背景，这两个核心问题，设计师们一定要定位好，我们别拿什么就直接做，我们需要过滤的东西有很多~！
1.什么游戏？
2.什么语种？
3.什么主题？
4.文档、布局（WORD/VISIO/AxureRP）？
5.头脑风暴完的创意、色彩，是否贴近游戏背景跟本次主题？



三、布局跟文案很重要



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

图片:03.jpg

（文案突出型）                                                                                           （结构突出型）

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

最后重复：
1.浏览器的差别跟用户分辨率差别是我们首先考虑的问题；
2.游戏页面设计，需贴主题、游戏背景等主线关系；
3.布局跟文案很重要；

（申明：此教程来源于网络，转载请注明作者，如需商业用途请与作者联系。请支持原创！）

板凳