这一期刊物包含了VC团队14年Q1季度的所有优秀吐血做出来的作品、4期观点文章、N个接地气超实用的设计教程,绝对满足你们的各种幻想!让V姐先来曝光其中1篇观点馋馋你们!

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

目录

【团队作品】《灵魂回响》项目作品赏析———————————-03页
【观点】回顾2013VC半年工作总结—————————————-21页
【观点】页面设计细节总结————————————————–27页
【观点】游戏WEB创新路—————————————————-36页
【观点】浅析中韩体验设计差异化——————————————43页
【设计教程】如何让用户看到更多——————————————52页

【设计教程】PS滤镜的魔力————————————————-55页
【设计教程】武侠秘籍封面绘制过程—————————————59页
【设计教程】活动礼盒的绘制过程—————————————–62页
【设计教程】如何打造立体舞台效果————————————–66页

【创意分享】倾斜设计页面欣赏——————————————-69页
【创意分享】水墨风格设计推荐——————————————-80页
【加入我们】VC招聘求插入———————————————–92页

 

期刊下载地址:vc.changyou.com/book.shtml

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

2014年我们引进了一款韩国大作eos更名为”灵魂回响”。韩国游戏在中国很受欢迎,本土的游戏也深受韩国游戏的影响和启发,游戏网站也是如此。由于韩国的用户习惯和国内有差异,韩国网络环境也相对优越,所以我们在体验设计上也做了很多本土化的改变。设计师们都努力将设计价值最大化,降低用户的认知成本。让界面所承载的信息内容更直接、便捷的呈现在用户面前,让用户在体验页面时更加流畅,舒服。

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

中韩用户体验习惯

无论是韩国网站设计还是国内网站设计,都是服务于本土用户,然而这些用户也很难以一概全。像国内庞大的网民基数和每年以千万计的增加的新网民用户,国内设计师需要照顾更多的用户体验习惯。

韩国NHN一向注重用户体验感受,公司有用户体验研究部门,NHN旗下的网站无论是naver购物频道网站还是hangame游戏网站,都极具自己的特点,在用户体验上有独到的见解,更加迎合韩国用户的浏览习惯。

电商页面搜索功能和商品列表的主次差异

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

NAVER在用户分析上,进行了搜索功能与页面展示内容的性价比调查,大部分用户直接使用搜索,一小部分只看第一屏,只有极少部分会下拉页面去查找。

NAVER将搜索功能与商品列表整合在一起,这在功能划分上更统一一些,在用户端的使用目标上这两个模块是一致的:寻找目标商品。

韩国电商布局通常都是以简洁清晰、区块明显的的特点吸引用户。但这并不意味着内容上单一、乏味。韩国设计师更多的是利用清晰的导航来引导用户更快、更直接的找到用户所需要的产品,而不是把全部的频道、分类罗列在首页。这种设计层级分明,架构清晰。

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

国内电商站考虑到每天新增用户量和国内用户浏览商品页面的习惯,在布局方式及展示内容中广告推荐占据很大的面积,形式上也根据运营推广的需要多种多样。国内运营商很擅长用绚丽的颜色,多样的广告形式来吸引用户对商品的关注,也能达成营销的最终目的。所以国内电商设计更符合本土用户的需求。

页面创新性

这里主要讲技术实现上的创新。响应式设计,视差设计等互动式网页设计也开始运用于游戏页面设计中。让页面在视觉上和功能表现上更加优化,给用户更直接更震撼的视觉效果。

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

韩国设计师对这个页面的优化更加完整。为了实现响应式设计体验,页面内容板块大小统一,对用户分辨率的大小完全适应,根据分辨率的大小自由调整板块的位置,保证用户完整的体验网站效果。

《灵魂回响》官方网站

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

http://eos.changyou.com/

《灵魂回响》官网设计突破固有形式,用大头图展现游戏华美画面,效果震撼,页面能自主适应用户对页面的缩放调整以及浏览设备形式。

现在设计师们对页面设计的不单单关注在页面效果的表现,更加注重用户的体验和页面的适应性,这对我们而言是挑战也是创新。

互动站实现方式

网站设计中我们通常希望能够做出华丽、绚烂、耀眼、震撼的视觉,这些效果有的是通过高清图片展示的,有的则是通过flash来实现的,用户也往往会将焦点聚集在图片或flash上,被这些精彩的创意所震撼.为了保证这样的视觉吸引力,韩国设计师往往会不惜牺牲网页设计的标准,因为韩国网速对他们毫无压力,他们根本不会被网速影响到他们欣赏震撼的页面效果。韩国的设计师无论在图形的压缩上还是flash的压缩上都面对着较小的压力,这也意味着他们拥有更开阔的设计空间,不用太过于牺牲图像质量来保证用户访问时的流畅性。相对的国内网络环境没有这么优越,设计师们就要通过更多的方法来实现最终的页面效果。韩国站更多采用视频、CG、flash相结合实现网站互动效果。国内站多是采用图片交互的flash形式实现网站互动效果,即节省流量又能表现震撼效果和互动体验。

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

韩国站为了追求逼真的视觉效果,直接用CG配合互动效果,营造出真实的感觉,使用户有一种身临其境的感觉。CG电影形式的网站。电影画质效果,韩国flash的大小一般在70、80M,有更大的也会超过100M。

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

http://h.changyou.com/

受国内网速的影响,国内的flash站都被压缩在10-20M之间,我们为了保证网站打开的速度和视觉效果,将人物和背景区分,人物在蓝背景下拍摄,背景的处理全靠设计师后期合成处理。包括体现人物职业的这些元素。

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

此悬念站运用了响应式设计,为本款游戏4名核心人员对本作品的介绍,此站大量的运用了视频展示,由于用户的屏幕多种多样,有部分小屏用户在浏览器模式下无法感受到完整视频带来的良好体验,因此本站对用户屏幕大小进行监测,对小屏用户在视频播放时自动切换到全屏模式。此站并对所播放视频进行优先加载检测,对用户感兴趣的视频进行优先加载,减少了用户等待的时间,提升用户体验。达到最好的视觉效果。

 

《灵魂回响》官网flash效果

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

http://eos.changyou.com/

《幻想神域》首测站

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

http://ffo.changyou.com/

《灵魂回响》和《幻想神域》的flash页面运用了视差滚动设计。视差滚动是让多层背景以不同速度滚动,以形成一种3D立体的运动效果,给观者带来一种独特的视觉感受。这种形式让用户对网站有一种控制感,是一种响应式的交互体验,就好像看万花筒,边转动边能看到新奇的画面,这也是这种设计的乐趣所在,很能吸引用户的关注度。

最重要的是这种形式的互动在K数上很好控制,对于国内相对拥挤的网络来说,用户也能有很好的体验效果。

视觉表现差异化

韩国的设计已经具备了自己的风格,他们的设计很多时候超出我们固有的思维模式,或从是色彩搭配上、或从形式结构上、或从精美的细节处理上都令我们眼前一亮。设计好像已经融入到韩国人的生活里,无处不在。从他们的设计里我们也得到了很多的启发,但是为了迎合本土用户的视觉审美和运营商的利益,我们也正在形成着自己的风格。

色彩情感差异

色彩做为第一视觉语言,当人类初接触到一个事物产生第一印象时,色彩的吸引力往往高于其造型所产生的印象。色彩具有象征性,然而色彩的象征性具有区域性,民族性。在中国人思维里:红玫瑰象征炽热的爱情,黄色总是与富丽,权利地位相连,白色纯洁,蓝色优雅平静,黑色肃穆,邪恶等。我们的设计往往也拘泥于节庆、送礼、VIP专题就得用红色,而韩国设计师在色彩运用上更大胆,他们更注重于色彩与环境的搭配,氛围的营造以及给用户的感受。

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

同样主题的专题站,设计师们从不同角度诠释页面的含义。

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

同样突出尊贵概念的专题,国内专题用了皇冠、钻石这些能代表尊贵的元素,制造华丽的背景,来烘托氛围。韩国专题虽然没有用直接的元素表达尊贵的概念,但是用神秘背景设计,紫色和金色相搭配,细节欧式花纹处理,页面含蓄但有细节同样显得尊贵、高级。

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

周年庆专题在我们平时观念里就是要喜庆的,热闹的气氛。国内设计师很好的诠释了这一点。韩国设计师用蓝色表现周年庆专题,蓝色给人信任,沉稳的感受,从另一个角度诠释周年庆奖品专题,让参与的用户对这个活动更加信任,提高参与度。

最后分享几个优秀韩国网站

专题氛围的渲染

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

环境渲染,纹理的运用

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

边框花纹的细节处理

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

场景布局,颜色搭配

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

韩国的游戏网站擅长一些细节上处理得,对画面层次感,体积,阴影都处理的很用心,恰到好处,常常见到一些巧妙的并不俗套的处理,或利用构图来凸显视觉上的差异,使整个网站具有不错的空间感,另外在一些小细节上比如一张图片,ICON,按钮,登陆框等等的处理上,都很精致,这些小细节的处理,通常起到提升了网站品质的作用。

总结

国内设计和韩国设计因为用户的习惯性,网络环境,表现方式等有很多的差异,所以在设计上我们各自做着一些创新和努力。韩国的网站一直都有自己的特点,他们将生活的细节,对美好事物的追求以及精益求精的态度都体现在页面设计上,这是我们要学习的。国内网站设计也正在飞速的发展着,我们也会有更多更优秀的作品展现给用户,让大家共同感受页面带来的美的视觉享受和操作体验。

如果喜欢请下载整本期刊:vc.changyou.com/book.shtml

关于畅游VC

搜狐畅游视觉设计中心团队。我们是从游戏和生活中汲取创意和灵感的一群设计精灵,用爱去释放奇妙的设计魔法,描绘让你我感动的虚拟人生。

官网博客:vc.changyou.com
新浪微博: @畅游VC
微信公众平台:cyou_vc

您也可以通过扫描下方二维码快速添加:

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册:网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/
设计微博:拥有粉丝量66万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

干货集合!畅游VC视觉研究刊物-ISSUE04(含PDF下载)
 

点赞
收藏 1

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。