下面是个WEB游戏界面的设计细节问题教程，撑握了其技术要点，学起来就简单多了。赶紧跟着图老师小编一起来看看吧！
【 tulaoshi.com - 平面设计 】
本期特约：海外美术团队 Lyson
1.浏览器的差别跟用户分辨率差别是我们首先考虑的问题;
2.游戏页面设计，需贴主题、游戏背景等主线关系;
3.布局跟文案很重要;
一、浏览器的差别跟用户分辨率差别是我们首先考虑的问题;
首先在这里想要再次为新人提下，现在霸占互联网最小分辨率的还会是1024用户(特别是中国)，加之IE、FF主流浏览器的比例，由此特地整理了一个解说小图。
点击查看原始大小
在这张示意图上我们能比较清晰的看出一个网页在1024分辨率显示器下的效果。由此我们在很早之前就定下一条不成文的规定，那就是网页的核心内容宽度，最大绝对不超过980.预留的一点点的空间，给用户透气。
但往往是我们还是很容易就把画面给填满，原因就是游戏网页设计，早期它逃不开功能模块框架的边缘修饰，这种修饰还是不规则形态，
(这时候会像有些平房驻地，外头非要弄点其他东西来扩建，不愿意占用已经规划好的区域一样的道理。)
所以在此提醒同学们一定要学会卡位别超界
二、游戏页面设计，需贴主题、游戏背景等主线关系;
（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）主题、游戏背景，这两个核心问题，设计师们一定要定位好，我们别拿什么就直接做，我们需要过滤的东西有很多~!
1.什么游戏?
2.什么语种?
3.什么主题?
（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）4.文档、布局(WORD/VISIO/AxureRP)?
5.头脑风暴完的创意、色彩，是否贴近游戏背景跟本次主题?
三、布局跟文案很重要
每次的设计，设计师们最头疼的事情就是这两样，为什么呢?因为这两个元素直接音响到了最后效果，在特殊情况下，比重达到50% – 80%;可以抹杀很多创意表现。
举例(练习作品)：
文案突出型
结构突出型
我个人在做图的时候习惯的会总结归纳以上提到的问题，从而一步步过滤，最后在纸上画结构。(当然在这过程中肯定还有其他的内容，只是在这篇文章就不细提了)
最后重复：
1.浏览器的差别跟用户分辨率差别是我们首先考虑的问题;
2.游戏页面设计，需贴主题、游戏背景等主线关系;
3.布局跟文案很重要;
来源:http://www.tulaoshi.com/n/20160217/1577866.html
看过《WEB游戏界面的设计细节问题》的人还看了以下文章 更多>>
