位置:设计主页 > 网站制作 > 前端开发 >

聊聊那些让网站页面更加出彩的小细节

来源:畅游VC 作者:畅游VC 时间:2014-11-07 09:00

编者按:今天的案例不服不行!作者分别从场景打造、文字效果、交互元素等五个方面展开,为同学们一一剖开游戏网站的设计细节,特别强调,每方面都有对应的设计方法,都是可以拿来自己上手用的,别说我没告诉你哟。

@畅游VC :我们在平时浏览页面时,经常会为一些优秀作品的细节所惊叹。这些细节之处有的看似非常不起眼,但是设计作品之间的差距有时往往却正是这些不起眼的细节所决定的。什么是细节呢?细节一定是很细微的方面么?其实不然。个人觉得所谓页面的细节之处,并不是页面所必须包含的部分,但是却是拉开页面水平层次的一个重要方面,而且,细节不一定都是很细微的地方,很多大方面的处理也可以体现出细节。这篇文章我们就给大家总结一些在游戏页面的设计中所体现出来的细节之处,大家可以看看这些细节的地方自己在平时的设计过程中有没有注意到。如果有自己没有注意到的地方,那以后可以自己尝试一下,相信会帮助你的页面变的更加出彩!

废话不多说,我们通过下图来看下本文从哪几个方面跟大家来聊一聊游戏页面的细节。

一、场景打造

关于场景打造这块内容,这里主要从场景的层次以及对场景进行一些与游戏主题相呼应的处理这两个方面来进行描述。我们来看一些相关的例子:

上图绿色圈中的数字代表远近层次,即1代表离我们最近,2次之,3最远。那么此例就通过近景的树叶,中间的人物以及远景的天空塔,把画面的层次体现的非常清楚,画面感很强,而且主次分明。

上面两张图大家通过数字的标识也可以清楚地分析出它们的场景层级关系。这些呢都是通过增加一些前景事物的手法来展现场景层级关系,我们呢还可以利用主体元素与内容板块之间的关系来体现页面层级,如下图:

上图呢通过把其中一个人设至于背景之外,甚至放在了内容区里,而另外一个人设则在背景里面,以此而拉开页面的层次感,也是一种不错的方法。下图的处理手法类似,这里不再赘述。