游戏网页设计作品赏析 第1篇
《梦幻西游》将中国古典建筑的凝厚与Q版的意趣风格糅合在一起,将游戏场景打造成一幅“游戏画卷”。游戏中所有人物的3D造型都显得异常的圆润。相比起韩国网络游戏惯用的场景贴图手法而造成的视觉单调而言,《梦幻西游》中所有场景都由美工手绘完成。无论是干涩少雨的沙漠,还是湿润凝重的绿洲,在游戏中都栩栩如生。 《梦幻西游》中的版图非常的庞大,一共有四个大洲、五组迷宫及十二个门派以供玩家来探险,每一个地方都有独特的特色。有一望无垠的边境沙漠、盛世大唐的长安城、终年冰雪覆盖的北俱芦洲、阴森诡异的阴曹地府、波涛汹涌的东海龙宫等,各个地方的建筑均独具特色,并都有其不同的文化韵味。 《梦幻西游》的世界中仙、人、魔三族各有传承。为了让自己的门派弟子横行天下,各派师傅都不吝一己之私,纷纷将压箱底的功夫拿出来教育门徒。同时《梦幻西游》中首次鲜明地引入了门派克制系统,三族十二派相互克制,每个门派都有一招必杀技来克制另外一个门派,环环相扣,成为了一个结构严谨的“门派克制链”,从根本上杜绝了一派过于壮大的可能性。
...
代码如下(节选示例):
/*通用类*/ * { margin: 0; padding: 0; }
body { margin: 0 auto; font-size: 14px; background: #fff; color: #333;
position: relative;
.body { background: url(../images/) no-repeat; background-size: 100% cover; }
img { border: none; }
a { cursor: pointer; color: #333; text-decoration: none; outline: none; }
ul { list-style-type: none; }
em { font-style: normal; }
.lt { float: left; }
.rt { float: right; }
{ font: 0px Arial; line-height: 0; height: 0; overflow: hidden; clear: both; }
.clearfix::after { content: __; display: block; clear: both; }
.main { width: 1200px; margin-left: auto; margin-right: auto; }
.logo { float: left;
header { padding: 10px 0; background-color: rgba(255, 255, 255, .5);
nav { float: left; margin-left: 200px; }
nav ul li { float: left; width: 200px; line-height: 100px; }
nav ul li a { display: block; height: 100%; text-align: center; font-size: 20px; color: #346; font-weight: bold; }
.kuai1 { text-align: center; }
.kuai1 img { margin-top: 100px; }
.kuai2 .zou { width: 50%; float: left; }
.kuai2 .zou img { width: 100%; }
.kuai2 .you { width: 50%; float: left; padding: 0 20px; box-sizing: border-box; }
.kuai2 .you h3 { font-size: 30px; text-align: center; color: #334466; padding-bottom: 20px; }
.kuai2 .you p { font-size: 12px; line-height: 26px; }
.title { text-align: center; font-size: 50px; font-family: _楷体_; text-align: center; padding: 30px 0; }
.kuai3 ul { margin-left: -10px; margin-right: -10px; }
.kuai3 ul li { width: 50%; float: left; margin-bottom: 10px; padding: 0 10px; box-sizing: border-box; }
.kuai3 ul li img { width: 100%; height: 300px; }
.kuai3 ul li .text { padding: 20px 0; text-align: center; font-size: 16px; color: #334466; }
footer { width: 100%; height: 60px; background-color: #334466; text-align: center; line-height: 60px; color: #fff; font-size: 16px; }
.head { position: absolute; top: 0; width: 100%; left: 0; }
.tupian ul { margin-left: -10px; margin-right: -10px; padding-top: 30px; }
.tupian ul li { padding: 0 10px; width: ; float: left; box-sizing: border-box; margin-bottom: 30px; }
.tupian ul li img { width: 100%; height: 300px; display: block; object-fit: cover; border-radius: 30px; }
...
游戏网页设计作品赏析 第2篇
设计一个样式美观又人性化的网页,除了具备扎实的专业知识,还需具备美学和人机工程学等相关知识,优秀的网页应具备以下几个特点:
尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的,要去掉所有的冗余的东西;
要满足使用者的要求,网页适合使用,显示出其功能美;
围绕一个统一的目标设计,强调整体的功能性;
尽量符合网页美的标准,能够使网站的形象得到最大限度的提升,追求雅俗共赏。页面用色协调,布局符合形式美的要求:布局有条理,充分利用美的形式,使网页富有可欣赏性,提高档次。
发挥网络的优势,想方设法使每个使用者都参与到其中来。
游戏网页设计作品赏析 第3篇
以下是本篇文章正文内容,下面案例仅供参考(节选示例):