《剑侠情缘网络版三》网页设计

摘 要

《剑侠情缘网络版三》（以下简称《剑网三》）是由西山居制作的一款3D武侠角色扮演网游。《剑网三》是将诗词、歌舞、丝绸、古琴、饮酒文化、茶艺、音乐等多种具有中国传统文化特色的元素融入到游戏中，展现给玩家一个气势恢弘、壮丽华美的大唐世界。 《剑网三》网页设计运用水墨风格为玩家提供关于《剑网三》的攻略以及展示玩家在游戏内的体验，艺术的表现出《剑网三》的中国风。

关键词：平面设计；网页设计；《剑侠情缘网络版三》

前 言

快节奏的都市生活，人们需要有效的放松方式，网络游戏成了很多人的选择，《剑网三》的网页制作是一个宣传游戏，为玩家提供资讯的贴近生活的课题。

《剑网三》是国产武侠网络游戏巅峰之作。《剑网三》致力于清新亮丽的风格画质，唯美写实的风格，磅礴壮观的武侠世界、恢宏大气的大唐江湖、唯美靓丽的风景，各具特色的门派服装，让玩家在欣赏美景的同时，提升自己的玩家等级，感受策马江湖的淋漓快感。《剑网三》以一种游戏的方式让玩家了解盛唐时期的诗词、乐器、中医、茶艺等中国传统文化。《剑网三》网页制作是宣传改款游戏以及为玩家提供游戏资讯为目的。我选择《剑网三》网页制作，是希望通过宣传《剑网三》来让玩家更好的了解中国传统文化。《剑网三》缓解现代都市人们充满压力的生活，同时了解中国的传统文化，增强民族自豪感以及荣誉感。

一. 选题相关概念与定义

网页设计#8212;#8212;网站是企业向用户和网民提供信息（包括产品和服务）的一种方式，是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为”网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。

二. 选题历史发展状况回顾

自1991年8月6日Tim Berners-Lee 建立第一个网站开始，短短的20多年间，各种各样的网站层出不穷，网站也在不停的更新换代和引领着时尚的潮流。

网络游戏官方网站作为网络游戏的宣传平台和衍生品，它具有针对性的宣传某款游戏，提供该款游戏的资讯以及该游戏的周边信息等特点。

《魔兽世界》作为暴雪出品的精品网络游戏，《魔兽世界》的官方网站也具有暴雪公司的风格。打开《魔兽世界》的官网，映入眼帘的是它的形象页，《魔兽世界》的LOGO以及其最新资料片的LOGO和游戏的最新资讯 。进入其主页后是相较于国内的游戏网站来说是比较简洁的，一目了然。

《穿越火线》是国内的游戏巨头腾讯代理FPS游戏。相较于《魔兽世界》，《穿越火线》在其形象页上更是加上了其最新的宣传视频。主页的导航排版更是符合国人的阅读方式。其网页内容也是较为丰富分为多个板块进行展示。

网络游戏官方网站其主页具有吸引人眼球的特点，让人眼前一亮。主页上我更喜欢多板块展示游戏的方式，快餐式文化发展直接影响着网络游戏，玩家在了解游戏的方式上需求更加的快捷，多板块的展示出的信息更为多，可以让玩家更为快捷的找到自己想要了解的资料。

三. 选题现状及展望

游戏类官方网站是为玩家提供最新的游戏资讯，了解游戏的发展状况以及游戏运营商举办一些活动的场所。一个网站的好坏直接影响玩家对这款游戏的感官。游戏官方网站的建设可以让玩家更好的了解的游戏并让玩家对游戏产生归属感。游戏官方网站同时发布大量的游戏周边情况，例如：COSPLAY、手办、T恤、装饰品等。

中国每年有大量的游戏产生和关服，伴随这些也有大量的游戏官网运营与关闭。根据我的市场调查发现，游戏官方网站的建设以国内大型网络运营商制作的网站出的精品网站较多，其他小公司的游戏官网则建设的中规中矩，并无出彩之处。《剑网三》网页的设计在为玩家提供资讯的基础上同时展现中国元素，使网站的UI与资讯并存。在我的设想中《剑网三》的官网不仅要体现大唐盛世的恢弘，也要体现出策马江湖的快感以及浓郁的中国风。

四.总结

1. 1.”网页设计”是依据网站宗旨，将结构、信息、色彩等元素有机的整合在统一的网页中，并对网页风格进行整体的设计。
2. 2.一般的网页设计都存在着简单的堆砌现象，页面也没有网络游戏类的活泼和动感。网络游戏官方网站界面需要进行一定的重组和整合。
3. 3.《剑网三》网页设计的受众设想为《剑网三》玩家以及希望对《剑网三》进行了解的人。《剑网三》网页设计应注重在提供游戏资讯的同时存在美感。

参考文献

[1]栾大成，宋延清.网页设计全书[M]. 北京：清华大学出版社,2009,12.

[2]孙良军.网页设计精彩150例[M]. 北京：中国青年电子出版社,2007,4.

[3]马威.网页制作[M].北京：清华大学出版社, 2009,3.

[4]施博资讯.Dreameaver CS3标准教程[M]. 北京：海洋出版社,2008,10.

[5]小林重顺.形象配色艺术[M]. 北京：人民美术出版社,2006,12.

[6]丛琳.标志设计速查图点[M]. 北京：化学工业出版社，2007,1.

[7]雷剑，盛秋.图像处理与特效制作[M]. 北京：人民邮电出版社，2009,6.

[8]杨格，曾双明，王洁等.Flash经典案例完美展现[M]. 北京：清华大学出版社,2008,4.

[9]陈楠. 平面设计与色彩[M]. 江西：江西美术出版社,2005.

[10]胡崧.HTML从入门到精通[M].北京：中国青年出版社,2007

[11]张怒涛.Photoshop平面设计图像处理技法[M].北京：清华大学出版社,2003.

[12]丁海祥.计算机平面设计实训[M].北京：高等教育出版社，2008.

[13]陈季.Flash基础与实例教程[M].北京：北京希望电子出版社，2005.

[14]杨选辉.网页设计与制作教程[M].北京：清华大学出版社，2009.

[15]曹雁青，杨聪.Photoshop经典作品赏析[M].北京：北京海洋智慧图书有限公司，2002.

一.研究问题：

本题致力于如何将网站的资讯与界面设计和融合、统一，以及将平面设计如何通过网页设计的技术进行转换。

二.设计内容：

本课题相应划分为两个设计部分：

1. 网页结构搭建

2. 网页的界面设计

三.设计目标：

1. 通过对《剑网三》玩家的调查，了解受众的品味与喜好，对网页的结构搭建和界面设计提供研究建议。

2. 通过平面设计与网页设计，提供一份完整的《剑侠情缘网络版三》的官方网站。

四.本课题主要的设计方法：

1.搜集素材：前期进行大量的信息搜查，收集图片、信息内容等，通过资源整合归类，筛选出有价值的素材资源。

2.网站策划：通过素材的收集整合，构思网页布局、颜色、图片、文字等信息的位置编排，确定整个网页的布局、色彩风格、内容展现形式。

3.静态页面制作：使用Photoshop软件进行页面设计，进一步确定色彩的搭配使用，文字的字体大小，各版位的信息规划，把构思的创意实际体现在页面中。

4.素材处理：根据页面的需要，使用Photoshop软件对素材进行尺寸及色彩的处理，使用Flash软件制作页面Banner动画,将页面整体完善。

5.切图：对已设计好的网页进行优化，各页面切图。

6.动态页面制作：使用Dreamweaver软件，将静态页面的切图用表格布局重新布局，建立页面、素材的链接，完善整个网站的制作。

五.拟解决的关键设计问题

1.力争做到将平面设计与网页设计相结合，这是提高《剑侠情缘网络版三》网站品质的关键问题。

2.了解网页制作的流程，以及解决怎样将平面设计进行网页制作的转换。

六.创新点

为了更好的体现网站界面优化的效果，网站的界面与资讯会更好的相结合。网站更应体现游戏的风格。

七.设计成果

1. 《剑侠情缘网络版三》网站。

2. 招贴等

3. 毕业设计展板4块