《网站模板设计》第7单元 游戏网站

第7单元游戏网站教学要求知识要点能力要求关联知识游戏网站的设计方法掌握游戏网站的设计方法规划、设计游戏网站的构图了解游戏网站的构图质感、感官需求、心理需求游戏网站的设计技巧熟练掌握网站设计的技巧画笔、相对、相背

7.1游戏网站概述

如果要把游戏网站设计成flash网站，主要目的一定通过Flash技术展示游戏的特色，吸引玩家。设计网站的时候要重点注意几个方面的问题：背景的处理、人物的修饰、排版、菜单的设计。本单元着重对这几个方面依次进行详细的制作说明。游戏网站的背景一般都采用较深的颜色，这样能突出其设计效果，光感、肌理都很强，满足大多数游戏爱好者的感官需求和心理需求，一般其个性化不是很明显。在游戏开发中，人们非常重视在游戏环境中创建具有真实感的层次。游戏设计经常会参考建筑设计、环境设计。第7单元游戏网站7.2主页的制作

案例说明：

游戏网站的的网页，在设计时候注重层次感，将一个画面分层，犹如楼分很多层一样，分层的时候要注意：层次之间的线条、空间和大小要有区别；层与层之间仍然是一个整体，并以某种方式保持着联系；层与层之间过度要自然；整个页面总要包含焦点或重点，本案例分为三层，上有云彩层、中有人物层，下有地面层，并且每一个层次都有很好的衔接，重点是中间人物层。而下面的颜色最深、最浓，体现出重力感（重力感是通过不同的视觉重量体现的），重力感在设计中也是相当重要的，本案例的主页效果如图7.1所示。第7单元游戏网站7.1网站主页7.2.1制作步骤

具体制作步骤详见教材。第7单元游戏网站7.3角色选择页的制作

案例说明：

一般情况下，主页制作完毕，其它的网页就变得简单了，首先其他的页面一些说明信息以及导航都是不变的。产品展示页最终的效果如图7.2所示。第7单元游戏网站7.2角色选择页7.3.1制作步骤

具体制作步骤详见教材。第7单元游戏网站7.4内容页的制作

案例说明：

当选择了角色后，鼠标点击进去是游戏角色的具体介绍，内容页的最终效果如图7.3所示。第7单元游戏网站7.3内容页7.4.1制作步骤

具体制作步骤详见教材。第7单元游戏网站7.5图片展示页的制作

案例说明：

我们以图片展示页为例，这是网站中必不可少的页面，它起到的就是展示产品的作用，页面的最终效果如图7.4所示。第7单元游戏网站7.4图片展示页7.5.1制作步骤

具体制作步骤详见教材。第7单元游戏网站风格颜色搭配版式设计132在游戏开发中，人们非常重视在游戏环境中创建具有真实感的层次。游戏设计经常会参考建筑设计、环境设计。这样能突出其设计效果，光感、肌理都很强，满足大多数游戏爱好者的感官需求和心理需求，一般其个性化不是很明显。根据游戏网站受众群体和主题来选择主色调，成人类的游戏网站，主要采用深色背景，成熟的色彩，复色较多；儿童类多数采用较鲜艳、亮丽、活泼的颜色。在游戏网站的排版中,大致和其他类网站的排版是相同的,目的都是让浏览者阅读方便,且内容主题明确,使浏览者更能迅速的找到所需的资料。

多采用对称、均衡、对比、呼应、疏密的构图方法。

制作重点：突出效果的制作，背景的制作，突出背景的质感。1、平衡:指画面的图像文字的视觉分量在左右、上下几个方位基本相等,分布匀称。2、呼应:在不平衡的布局中的补救措施,使一种元素同时出现在不同的地方,形成相互的联系。

3、对比:利用不同的色彩、线条等视觉元素相互并置对比,造成画面的多种变化,达到丰富视觉的效果。

4、疏密:太满、太密、太平均是任何版式设计的大忌,适当的疏密搭配可以使画面产生节奏感,体现出网站的格调与品位。第7单元游戏网站7.6本单元小结

本单