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

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

浅谈web设计细节

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

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

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

3.布局跟文案很重要;

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

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

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

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

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

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

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

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

1.什么游戏?

2.什么语种?

3.什么主题?

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

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

三、布局跟文案很重要

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

举例(练习作品):

文案突出型

文案突出型

结构突出型

结构突出型

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

最后重复:

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

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

3.布局跟文案很重要;

文章来源:gameued.com 转载请注明出处链接。