《上古世纪》新官网视觉表现的思考

项目背景

上古世纪从首次对玩家曝光，经过团队两年多的研发，终于迎来国服的第一次测试。经过漫长的等待，玩家首次进入了《上古世纪》的冒险之旅。为了响应首测，产品官方网站进行改版，一方面让官网承载的功能全面满足测试的要求，另一方面对于游戏官方的视觉传达进行全面刷新。

对于游戏产品的视觉包装，差异化、风格化设计以及页面的良好浏览体验，是我们每次官网改版力求做到最好为目标。而对于这次改版，我们也充分在挖掘上古产品的特点以及素材的特质，力求在众多同类型产品中，官网的视觉表现能独树一帜，形成自己的风格以及品牌化包装。

《上古世纪》产品特点以及素材情况：

1、世界观庞大  2、第三代网游（slogan：这一次、改变世界） 3、游戏场景画面众多且精良

在众多游戏官网中，“让我记住一个游戏的官网”，我想是设计师应该去做的，而记住，无疑必须从具体的视觉表现中去体现，并让人留下记忆，比如整体的配色，然后加上三要素：按钮、图片、文字的差异化表现。

上古庞大世界观的视觉体现就是众多的游戏场景，而塑造“唯美世界”的视觉呈现，应该是这次官网主视觉继续传承并一直坚持下去的品牌化包装路线，这点我们一致认同，于是怎么结合这次测试内容的要求，完成页面良好用户体验，加上传承的视觉，便是我们这次工作的目标。

以下是部分游戏场景截图：

前期探索与风格定位

风格化的方向确认后，对于页面的展现，我们也试图去尝试，现在终端技术的发展，以及网页浏览环境的变化， 我们不得不开始考虑各种应用环境的视觉表现，于是有了一些草案的探索。

方案1

响应式设计已经不是新鲜的字眼，这次上古世纪新官网能否做到响应式的表现，虽然有视觉的尝试，但也有对应的挑战。

挑战并非技术问题，而是响应式布局对视觉的表现会有特别的要求，比如“尽可能少的使用图片”“按钮，文字 尽可能不要使用视觉样式，而使用纯色与文本”……这些标准或条件将导致网站视觉上的游戏信息视觉传达降低，从市场的接受度来说，也很具挑战。

假如这些问题可以通过另一种方式去实现，这对用户来说则是大大的提升体验效果，无论用户使用市面上哪种尺寸的屏幕都是可以自适应，得到很好的内容呈现，而且对运营来说也是有百利而无一害，用户的浏览没有限制，就算是用手机也可以很好的浏览网站内容，而且在内容的增加与删减都不会有很大的限制，内容与背景之间的相互影响也不会太大，可以根据主题定制多套背景，在多张背景之间可以现实切换效果，再配上背景音效，视听感受应该不错。