详细解析欧美游戏网站设计案例解析

2016-02-16 23:57 23 1 收藏

今天图老师小编要向大家分享个详细解析欧美游戏网站设计案例解析教程,过程简单易学,相信聪明的你一定能轻松get!

【 tulaoshi.com - 平面设计 】

最近一阵子我们分享了许多日本和韩国游戏网站案例,这次我们再来聊聊欧美游戏网站。电子游戏作为第九艺术,历史不到百年,但是人才辈出,创新不断:各种明星般的程序员,想想Doom的卡马克、RPG游戏史诗般的剧情(BLZ的剧情和黑岛的剧情设定),以及对细节的追求。

作为第九艺术的游戏,同样有自己的艺术特质。在玩一款游戏之前,你会怎么做呢,我通常会去打开游戏网站,先大致预览一下。感受一下网站传递出来的游戏氛围和靓点。那么下面我收集了一些设计优秀的游戏网页,一起来给大家聊聊。

重返德军总部:新秩序

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

颇有创意,纯红色的背景,白色字体做内容,优秀的动效和视频。别致的前进、后退按钮能够让你很方便的浏览。在导航栏会找到销售商信息,以便进行游戏预定

详细解析欧美游戏网站设计案例解析,PS教程,图老师教程网

汤姆克兰西:全面封锁

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

将社区和游戏内容很好的合二为一。功能性、创新性兼具。非常有型的主题,高分辨率图像,吸引人的视频。原汁原味的呈递游戏内容。

详细解析欧美游戏网站设计案例解析,PS教程,图老师教程网

最终幻想:新生国度

最终幻想的网页设计真实令人印象深刻,功能强大的导航系统以及震撼人心的图像。按钮有型,整体风格很艺术,独一无二的3D视角。

详细解析欧美游戏网站设计案例解析,PS教程,图老师教程网

谍战危机(也译:看门狗)

跟游戏一样,网页也有一种细腻、未来的氛围。看门狗的这款网页提供了很多社交元素。加载了很多有趣的社交微件,浏览者将从中获取到乐趣。菜单非常的简练,因此导航起来非常的方便。

详细解析欧美游戏网站设计案例解析,PS教程,图老师教程网

黑道圣徒 IV

又是游戏站点和线上社区的完美结合。透明化的导航菜单、银紫色的配色体系、滑动图像,这一切都令人印象深刻。而且图像元素的细节也非常到位。

详细解析欧美游戏网站设计案例解析,PS教程,图老师教程网

无主之地:2

本身是个非常创新、有趣的游戏。网页设计跟随游戏的卡通画风,打造了一种独一无二的效果。各种动效,不但能够满足用户的好奇心,而且翔实呈递游戏内容。

详细解析欧美游戏网站设计案例解析,PS教程,图老师教程网

那么看完后的启示是什么呢?

总结下来一下几点:

1、大图唱主角,尽量使用高分辨率的游戏大图带给用户视觉冲击。

2、导航要醒目、易用,这个不用多说了,网页设计的基本。

3、社区和游戏宣传结合,能起到非常好的互推作用。(当然你要控制得住话题,防水且能够及时堵住垃圾广告)

4、整体设计风格要和游戏美术风格搭调,氛围感要强,游戏强调的是沉浸式体验,因此网页设计也必须营造一种情景式体验。

5、多多利用动效,提供更多的游戏细节,让未购买游戏的用户对游戏产生兴趣。

来源:http://www.tulaoshi.com/n/20160216/1576621.html

延伸阅读
会写这个分享是因为有位朋友和我讨论如何改良某个他做的页面,因为很难表达,所以我干脆自己也试着去做了下,然后把思路分享出来。先看页面,主题是素食。 一、分析 因为这次并无任何客户要求,纯粹自己练习,那么按照自己定的主题素食,有了主题就有了方向,就可以开始分析了。首先我做个了简单的思维发散,由主题联想出相关的关键词,从...
无论网页或是移动APP的设计,很重要的一点是如何能在小而美和功能复杂性之间找到平衡点。本文就移动APP表单设计进行浅析,看设计师是如何在设计与交互体验之间做到小而美的平衡。 一.极致的减法 这是一个异于常规设计思路而得的登录框产物,这不是通常意义上的登录窗。它仅仅保留了用户名的输入,只需按回车便可确定,跳出了登录界面设计中的...
工具型网站的特点剖析 工具型网站万变而不离其宗地围绕两个关键词在展开属于它们各自的情节,那便是:功能与数据。所以谈至"体验",其实设计目标也就更加清晰和明确 1.在保证功能流程顺利走完的基础上,让用户的感觉更加舒适; 2.在面对大量数据时,让用户轻松找到自己所需要的而不被满屏幕的字符折腾地焦躁不安。 工具型产品普遍...
尽管这篇文章针对的是新闻类的网站风格设计,但文中提到的12点原则,适用于每一个博客和个站,对想要做大网站的设计师站长来说,尤其实用。对新手设计师而言,这些设计原则更是必须掌握的。 正文: 这篇文章我们要来深度围观并学习一下某种风格的网站设计,没错!就是报刊风格的网站!在后面的文字里,你会理解这个风格的一些基本特征,如果能...

经验教程

272

收藏

59
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部