這一期刊物包含了VC團(tuán)隊(duì)14年Q1季度的所有優(yōu)秀吐血做出來(lái)的作品、4期觀點(diǎn)文章、N個(gè)接地氣超實(shí)用的設(shè)計(jì)教程，絕對(duì)滿足你們的各種幻想！讓V姐先來(lái)曝光其中1篇觀點(diǎn)饞饞你們！

目錄

【團(tuán)隊(duì)作品】《靈魂回響》項(xiàng)目作品賞析----------------------------------03頁(yè)
【觀點(diǎn)】回顧2013VC半年工作總結(jié)----------------------------------------21頁(yè)
【觀點(diǎn)】頁(yè)面設(shè)計(jì)細(xì)節(jié)總結(jié)--------------------------------------------------27頁(yè)
【觀點(diǎn)】游戲WEB創(chuàng)新路----------------------------------------------------36頁(yè)
【觀點(diǎn)】淺析中韓體驗(yàn)設(shè)計(jì)差異化------------------------------------------43頁(yè)
【設(shè)計(jì)教程】如何讓用戶看到更多------------------------------------------52頁(yè)

【設(shè)計(jì)教程】PS濾鏡的魔力-------------------------------------------------55頁(yè)
【設(shè)計(jì)教程】武俠秘籍封面繪制過(guò)程---------------------------------------59頁(yè)
【設(shè)計(jì)教程】活動(dòng)禮盒的繪制過(guò)程-----------------------------------------62頁(yè)
【設(shè)計(jì)教程】如何打造立體舞臺(tái)效果--------------------------------------66頁(yè)

【創(chuàng)意分享】?jī)A斜設(shè)計(jì)頁(yè)面欣賞-------------------------------------------69頁(yè)
【創(chuàng)意分享】水墨風(fēng)格設(shè)計(jì)推薦-------------------------------------------80頁(yè)
【加入我們】VC招聘求插入-----------------------------------------------92頁(yè)

期刊下載地址：vc.changyou.com/book.shtml

2014年我們引進(jìn)了一款韓國(guó)大作eos更名為"靈魂回響"。韓國(guó)游戲在中國(guó)很受歡迎,本土的游戲也深受韓國(guó)游戲的影響和啟發(fā),游戲網(wǎng)站也是如此。由于韓國(guó)的用戶習(xí)慣和國(guó)內(nèi)有差異，韓國(guó)網(wǎng)絡(luò)環(huán)境也相對(duì)優(yōu)越，所以我們?cè)隗w驗(yàn)設(shè)計(jì)上也做了很多本土化的改變。設(shè)計(jì)師們都努力將設(shè)計(jì)價(jià)值最大化，降低用戶的認(rèn)知成本。讓界面所承載的信息內(nèi)容更直接、便捷的呈現(xiàn)在用戶面前，讓用戶在體驗(yàn)頁(yè)面時(shí)更加流暢，舒服。

中韓用戶體驗(yàn)習(xí)慣

無(wú)論是韓國(guó)網(wǎng)站設(shè)計(jì)還是國(guó)內(nèi)網(wǎng)站設(shè)計(jì)，都是服務(wù)于本土用戶，然而這些用戶也很難以一概全。像國(guó)內(nèi)龐大的網(wǎng)民基數(shù)和每年以千萬(wàn)計(jì)的增加的新網(wǎng)民用戶，國(guó)內(nèi)設(shè)計(jì)師需要照顧更多的用戶體驗(yàn)習(xí)慣。

韓國(guó)NHN一向注重用戶體驗(yàn)感受，公司有用戶體驗(yàn)研究部門，NHN旗下的網(wǎng)站無(wú)論是naver購(gòu)物頻道網(wǎng)站還是hangame游戲網(wǎng)站，都極具自己的特點(diǎn)，在用戶體驗(yàn)上有獨(dú)到的見解，更加迎合韓國(guó)用戶的瀏覽習(xí)慣。

電商頁(yè)面搜索功能和商品列表的主次差異

NAVER在用戶分析上，進(jìn)行了搜索功能與頁(yè)面展示內(nèi)容的性價(jià)比調(diào)查，大部分用戶直接使用搜索，一小部分只看第一屏，只有極少部分會(huì)下拉頁(yè)面去查找。

NAVER將搜索功能與商品列表整合在一起，這在功能劃分上更統(tǒng)一一些，在用戶端的使用目標(biāo)上這兩個(gè)模塊是一致的：尋找目標(biāo)商品。

韓國(guó)電商布局通常都是以簡(jiǎn)潔清晰、區(qū)塊明顯的的特點(diǎn)吸引用戶。但這并不意味著內(nèi)容上單一、乏味。韓國(guó)設(shè)計(jì)師更多的是利用清晰的導(dǎo)航來(lái)引導(dǎo)用戶更快、更直接的找到用戶所需要的產(chǎn)品，而不是把全部的頻道、分類羅列在首頁(yè)。這種設(shè)計(jì)層級(jí)分明，架構(gòu)清晰。

國(guó)內(nèi)電商站考慮到每天新增用戶量和國(guó)內(nèi)用戶瀏覽商品頁(yè)面的習(xí)慣，在布局方式及展示內(nèi)容中廣告推薦占據(jù)很大的面積，形式上也根據(jù)運(yùn)營(yíng)推廣的需要多種多樣。國(guó)內(nèi)運(yùn)營(yíng)商很擅長(zhǎng)用絢麗的顏色，多樣的廣告形式來(lái)吸引用戶對(duì)商品的關(guān)注，也能達(dá)成營(yíng)銷的最終目的。所以國(guó)內(nèi)電商設(shè)計(jì)更符合本土用戶的需求。

頁(yè)面創(chuàng)新性

這里主要講技術(shù)實(shí)現(xiàn)上的創(chuàng)新。響應(yīng)式設(shè)計(jì)，視差設(shè)計(jì)等互動(dòng)式網(wǎng)頁(yè)設(shè)計(jì)也開始運(yùn)用于游戲頁(yè)面設(shè)計(jì)中。讓頁(yè)面在視覺(jué)上和功能表現(xiàn)上更加優(yōu)化，給用戶更直接更震撼的視覺(jué)效果。

韓國(guó)設(shè)計(jì)師對(duì)這個(gè)頁(yè)面的優(yōu)化更加完整。為了實(shí)現(xiàn)響應(yīng)式設(shè)計(jì)體驗(yàn)，頁(yè)面內(nèi)容板塊大小統(tǒng)一，對(duì)用戶分辨率的大小完全適應(yīng)，根據(jù)分辨率的大小自由調(diào)整板塊的位置，保證用戶完整的體驗(yàn)網(wǎng)站效果。

《靈魂回響》官方網(wǎng)站

http://eos.changyou.com/

《靈魂回響》官網(wǎng)設(shè)計(jì)突破固有形式，用大頭圖展現(xiàn)游戲華美畫面，效果震撼，頁(yè)面能自主適應(yīng)用戶對(duì)頁(yè)面的縮放調(diào)整以及瀏覽設(shè)備形式。

現(xiàn)在設(shè)計(jì)師們對(duì)頁(yè)面設(shè)計(jì)的不單單關(guān)注在頁(yè)面效果的表現(xiàn)，更加注重用戶的體驗(yàn)和頁(yè)面的適應(yīng)性，這對(duì)我們而言是挑戰(zhàn)也是創(chuàng)新。

互動(dòng)站實(shí)現(xiàn)方式

網(wǎng)站設(shè)計(jì)中我們通常希望能夠做出華麗、絢爛、耀眼、震撼的視覺(jué)，這些效果有的是通過(guò)高清圖片展示的，有的則是通過(guò)flash來(lái)實(shí)現(xiàn)的,用戶也往往會(huì)將焦點(diǎn)聚集在圖片或flash上，被這些精彩的創(chuàng)意所震撼.為了保證這樣的視覺(jué)吸引力，韓國(guó)設(shè)計(jì)師往往會(huì)不惜犧牲網(wǎng)頁(yè)設(shè)計(jì)的標(biāo)準(zhǔn)，因?yàn)轫n國(guó)網(wǎng)速對(duì)他們毫無(wú)壓力，他們根本不會(huì)被網(wǎng)速影響到他們欣賞震撼的頁(yè)面效果。韓國(guó)的設(shè)計(jì)師無(wú)論在圖形的壓縮上還是flash的壓縮上都面對(duì)著較小的壓力，這也意味著他們擁有更開闊的設(shè)計(jì)空間，不用太過(guò)于犧牲圖像質(zhì)量來(lái)保證用戶訪問(wèn)時(shí)的流暢性。相對(duì)的國(guó)內(nèi)網(wǎng)絡(luò)環(huán)境沒(méi)有這么優(yōu)越，設(shè)計(jì)師們就要通過(guò)更多的方法來(lái)實(shí)現(xiàn)最終的頁(yè)面效果。韓國(guó)站更多采用視頻、CG、flash相結(jié)合實(shí)現(xiàn)網(wǎng)站互動(dòng)效果。國(guó)內(nèi)站多是采用圖片交互的flash形式實(shí)現(xiàn)網(wǎng)站互動(dòng)效果,即節(jié)省流量又能表現(xiàn)震撼效果和互動(dòng)體驗(yàn)。

韓國(guó)站為了追求逼真的視覺(jué)效果，直接用CG配合互動(dòng)效果，營(yíng)造出真實(shí)的感覺(jué)，使用戶有一種身臨其境的感覺(jué)。CG電影形式的網(wǎng)站。電影畫質(zhì)效果，韓國(guó)flash的大小一般在70、80M，有更大的也會(huì)超過(guò)100M。

http://h.changyou.com/

受國(guó)內(nèi)網(wǎng)速的影響，國(guó)內(nèi)的flash站都被壓縮在10-20M之間，我們?yōu)榱吮ＷC網(wǎng)站打開的速度和視覺(jué)效果，將人物和背景區(qū)分，人物在藍(lán)背景下拍攝，背景的處理全靠設(shè)計(jì)師后期合成處理。包括體現(xiàn)人物職業(yè)的這些元素。

此懸念站運(yùn)用了響應(yīng)式設(shè)計(jì)，為本款游戲4名核心人員對(duì)本作品的介紹，此站大量的運(yùn)用了視頻展示，由于用戶的屏幕多種多樣，有部分小屏用戶在瀏覽器模式下無(wú)法感受到完整視頻帶來(lái)的良好體驗(yàn)，因此本站對(duì)用戶屏幕大小進(jìn)行監(jiān)測(cè)，對(duì)小屏用戶在視頻播放時(shí)自動(dòng)切換到全屏模式。此站并對(duì)所播放視頻進(jìn)行優(yōu)先加載檢測(cè)，對(duì)用戶感興趣的視頻進(jìn)行優(yōu)先加載，減少了用戶等待的時(shí)間，提升用戶體驗(yàn)。達(dá)到最好的視覺(jué)效果。

《靈魂回響》官網(wǎng)flash效果

http://eos.changyou.com/

《幻想神域》首測(cè)站

http://ffo.changyou.com/

《靈魂回響》和《幻想神域》的flash頁(yè)面運(yùn)用了視差滾動(dòng)設(shè)計(jì)。視差滾動(dòng)是讓多層背景以不同速度滾動(dòng)，以形成一種3D立體的運(yùn)動(dòng)效果，給觀者帶來(lái)一種獨(dú)特的視覺(jué)感受。這種形式讓用戶對(duì)網(wǎng)站有一種控制感，是一種響應(yīng)式的交互體驗(yàn)，就好像看萬(wàn)花筒，邊轉(zhuǎn)動(dòng)邊能看到新奇的畫面，這也是這種設(shè)計(jì)的樂(lè)趣所在，很能吸引用戶的關(guān)注度。

最重要的是這種形式的互動(dòng)在K數(shù)上很好控制，對(duì)于國(guó)內(nèi)相對(duì)擁擠的網(wǎng)絡(luò)來(lái)說(shuō)，用戶也能有很好的體驗(yàn)效果。

視覺(jué)表現(xiàn)差異化

韓國(guó)的設(shè)計(jì)已經(jīng)具備了自己的風(fēng)格，他們的設(shè)計(jì)很多時(shí)候超出我們固有的思維模式，或從是色彩搭配上、或從形式結(jié)構(gòu)上、或從精美的細(xì)節(jié)處理上都令我們眼前一亮。設(shè)計(jì)好像已經(jīng)融入到韓國(guó)人的生活里，無(wú)處不在。從他們的設(shè)計(jì)里我們也得到了很多的啟發(fā)，但是為了迎合本土用戶的視覺(jué)審美和運(yùn)營(yíng)商的利益，我們也正在形成著自己的風(fēng)格。

色彩情感差異

色彩做為第一視覺(jué)語(yǔ)言，當(dāng)人類初接觸到一個(gè)事物產(chǎn)生第一印象時(shí)，色彩的吸引力往往高于其造型所產(chǎn)生的印象。色彩具有象征性，然而色彩的象征性具有區(qū)域性，民族性。在中國(guó)人思維里：紅玫瑰象征熾熱的愛(ài)情，黃色總是與富麗，權(quán)利地位相連，白色純潔，藍(lán)色優(yōu)雅平靜，黑色肅穆，邪惡等。我們的設(shè)計(jì)往往也拘泥于節(jié)慶、送禮、VIP專題就得用紅色，而韓國(guó)設(shè)計(jì)師在色彩運(yùn)用上更大膽，他們更注重于色彩與環(huán)境的搭配，氛圍的營(yíng)造以及給用戶的感受。

同樣主題的專題站，設(shè)計(jì)師們從不同角度詮釋頁(yè)面的含義。

同樣突出尊貴概念的專題，國(guó)內(nèi)專題用了皇冠、鉆石這些能代表尊貴的元素，制造華麗的背景，來(lái)烘托氛圍。韓國(guó)專題雖然沒(méi)有用直接的元素表達(dá)尊貴的概念，但是用神秘背景設(shè)計(jì)，紫色和金色相搭配，細(xì)節(jié)歐式花紋處理，頁(yè)面含蓄但有細(xì)節(jié)同樣顯得尊貴、高級(jí)。

周年慶專題在我們平時(shí)觀念里就是要喜慶的，熱鬧的氣氛。國(guó)內(nèi)設(shè)計(jì)師很好的詮釋了這一點(diǎn)。韓國(guó)設(shè)計(jì)師用藍(lán)色表現(xiàn)周年慶專題，藍(lán)色給人信任，沉穩(wěn)的感受，從另一個(gè)角度詮釋周年慶獎(jiǎng)品專題，讓參與的用戶對(duì)這個(gè)活動(dòng)更加信任，提高參與度。

最后分享幾個(gè)優(yōu)秀韓國(guó)網(wǎng)站

專題氛圍的渲染

環(huán)境渲染，紋理的運(yùn)用

邊框花紋的細(xì)節(jié)處理

場(chǎng)景布局,顏色搭配

韓國(guó)的游戲網(wǎng)站擅長(zhǎng)一些細(xì)節(jié)上處理得，對(duì)畫面層次感，體積，陰影都處理的很用心，恰到好處，常常見到一些巧妙的并不俗套的處理，或利用構(gòu)圖來(lái)凸顯視覺(jué)上的差異，使整個(gè)網(wǎng)站具有不錯(cuò)的空間感，另外在一些小細(xì)節(jié)上比如一張圖片，ICON,按鈕，登陸框等等的處理上，都很精致，這些小細(xì)節(jié)的處理，通常起到提升了網(wǎng)站品質(zhì)的作用。

總結(jié)

國(guó)內(nèi)設(shè)計(jì)和韓國(guó)設(shè)計(jì)因?yàn)橛脩舻牧?xí)慣性，網(wǎng)絡(luò)環(huán)境，表現(xiàn)方式等有很多的差異，所以在設(shè)計(jì)上我們各自做著一些創(chuàng)新和努力。韓國(guó)的網(wǎng)站一直都有自己的特點(diǎn)，他們將生活的細(xì)節(jié)，對(duì)美好事物的追求以及精益求精的態(tài)度都體現(xiàn)在頁(yè)面設(shè)計(jì)上，這是我們要學(xué)習(xí)的。國(guó)內(nèi)網(wǎng)站設(shè)計(jì)也正在飛速的發(fā)展著，我們也會(huì)有更多更優(yōu)秀的作品展現(xiàn)給用戶，讓大家共同感受頁(yè)面帶來(lái)的美的視覺(jué)享受和操作體驗(yàn)。

如果喜歡請(qǐng)下載整本期刊：vc.changyou.com/book.shtml

關(guān)于暢游VC

搜狐暢游視覺(jué)設(shè)計(jì)中心團(tuán)隊(duì)。我們是從游戲和生活中汲取創(chuàng)意和靈感的一群設(shè)計(jì)精靈，用愛(ài)去釋放奇妙的設(shè)計(jì)魔法，描繪讓你我感動(dòng)的虛擬人生。

官網(wǎng)博客：vc.changyou.com
新浪微博：?@暢游VC
微信公眾平臺(tái)：cyou_vc

您也可以通過(guò)掃描下方二維碼快速添加：

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊(cè)：網(wǎng)頁(yè)設(shè)計(jì)師必須修煉的內(nèi)功技法，更是不可或缺的WEB設(shè)計(jì)指南http://hao.uisdc.com/ps/。
設(shè)計(jì)微博：擁有粉絲量66萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：