這一期刊物包含了VC團隊14年Q1季度的所有優秀吐血做出來的作品、4期觀點文章、N個接地氣超實用的設計教程，絕對滿足你們的各種幻想！讓V姐先來曝光其中1篇觀點饞饞你們！

目錄

【團隊作品】《靈魂回響》項目作品賞析----------------------------------03頁
【觀點】回顧2013VC半年工作總結----------------------------------------21頁
【觀點】頁面設計細節總結--------------------------------------------------27頁
【觀點】游戲WEB創新路----------------------------------------------------36頁
【觀點】淺析中韓體驗設計差異化------------------------------------------43頁
【設計教程】如何讓用戶看到更多------------------------------------------52頁

【設計教程】PS濾鏡的魔力-------------------------------------------------55頁
【設計教程】武俠秘籍封面繪制過程---------------------------------------59頁
【設計教程】活動禮盒的繪制過程-----------------------------------------62頁
【設計教程】如何打造立體舞臺效果--------------------------------------66頁

【創意分享】傾斜設計頁面欣賞-------------------------------------------69頁
【創意分享】水墨風格設計推薦-------------------------------------------80頁
【加入我們】VC招聘求插入-----------------------------------------------92頁

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

2014年我們引進了一款韓國大作eos更名為"靈魂回響"。韓國游戲在中國很受歡迎,本土的游戲也深受韓國游戲的影響和啟發,游戲網站也是如此。由于韓國的用戶習慣和國內有差異，韓國網絡環境也相對優越，所以我們在體驗設計上也做了很多本土化的改變。設計師們都努力將設計價值最大化，降低用戶的認知成本。讓界面所承載的信息內容更直接、便捷的呈現在用戶面前，讓用戶在體驗頁面時更加流暢，舒服。

中韓用戶體驗習慣

無論是韓國網站設計還是國內網站設計，都是服務于本土用戶，然而這些用戶也很難以一概全。像國內龐大的網民基數和每年以千萬計的增加的新網民用戶，國內設計師需要照顧更多的用戶體驗習慣。

韓國NHN一向注重用戶體驗感受，公司有用戶體驗研究部門，NHN旗下的網站無論是naver購物頻道網站還是hangame游戲網站，都極具自己的特點，在用戶體驗上有獨到的見解，更加迎合韓國用戶的瀏覽習慣。

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

NAVER在用戶分析上，進行了搜索功能與頁面展示內容的性價比調查，大部分用戶直接使用搜索，一小部分只看第一屏，只有極少部分會下拉頁面去查找。

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

韓國電商布局通常都是以簡潔清晰、區塊明顯的的特點吸引用戶。但這并不意味著內容上單一、乏味。韓國設計師更多的是利用清晰的導航來引導用戶更快、更直接的找到用戶所需要的產品，而不是把全部的頻道、分類羅列在首頁。這種設計層級分明，架構清晰。

國內電商站考慮到每天新增用戶量和國內用戶瀏覽商品頁面的習慣，在布局方式及展示內容中廣告推薦占據很大的面積，形式上也根據運營推廣的需要多種多樣。國內運營商很擅長用絢麗的顏色，多樣的廣告形式來吸引用戶對商品的關注，也能達成營銷的最終目的。所以國內電商設計更符合本土用戶的需求。

頁面創新性

這里主要講技術實現上的創新。響應式設計，視差設計等互動式網頁設計也開始運用于游戲頁面設計中。讓頁面在視覺上和功能表現上更加優化，給用戶更直接更震撼的視覺效果。

韓國設計師對這個頁面的優化更加完整。為了實現響應式設計體驗，頁面內容板塊大小統一，對用戶分辨率的大小完全適應，根據分辨率的大小自由調整板塊的位置，保證用戶完整的體驗網站效果。

《靈魂回響》官方網站

http://eos.changyou.com/

《靈魂回響》官網設計突破固有形式，用大頭圖展現游戲華美畫面，效果震撼，頁面能自主適應用戶對頁面的縮放調整以及瀏覽設備形式。

現在設計師們對頁面設計的不單單關注在頁面效果的表現，更加注重用戶的體驗和頁面的適應性，這對我們而言是挑戰也是創新。

互動站實現方式

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

韓國站為了追求逼真的視覺效果，直接用CG配合互動效果，營造出真實的感覺，使用戶有一種身臨其境的感覺。CG電影形式的網站。電影畫質效果，韓國flash的大小一般在70、80M，有更大的也會超過100M。

http://h.changyou.com/

受國內網速的影響，國內的flash站都被壓縮在10-20M之間，我們為了保證網站打開的速度和視覺效果，將人物和背景區分，人物在藍背景下拍攝，背景的處理全靠設計師后期合成處理。包括體現人物職業的這些元素。

此懸念站運用了響應式設計，為本款游戲4名核心人員對本作品的介紹，此站大量的運用了視頻展示，由于用戶的屏幕多種多樣，有部分小屏用戶在瀏覽器模式下無法感受到完整視頻帶來的良好體驗，因此本站對用戶屏幕大小進行監測，對小屏用戶在視頻播放時自動切換到全屏模式。此站并對所播放視頻進行優先加載檢測，對用戶感興趣的視頻進行優先加載，減少了用戶等待的時間，提升用戶體驗。達到最好的視覺效果。

《靈魂回響》官網flash效果

http://eos.changyou.com/

《幻想神域》首測站

http://ffo.changyou.com/

《靈魂回響》和《幻想神域》的flash頁面運用了視差滾動設計。視差滾動是讓多層背景以不同速度滾動，以形成一種3D立體的運動效果，給觀者帶來一種獨特的視覺感受。這種形式讓用戶對網站有一種控制感，是一種響應式的交互體驗，就好像看萬花筒，邊轉動邊能看到新奇的畫面，這也是這種設計的樂趣所在，很能吸引用戶的關注度。

最重要的是這種形式的互動在K數上很好控制，對于國內相對擁擠的網絡來說，用戶也能有很好的體驗效果。

視覺表現差異化

韓國的設計已經具備了自己的風格，他們的設計很多時候超出我們固有的思維模式，或從是色彩搭配上、或從形式結構上、或從精美的細節處理上都令我們眼前一亮。設計好像已經融入到韓國人的生活里，無處不在。從他們的設計里我們也得到了很多的啟發，但是為了迎合本土用戶的視覺審美和運營商的利益，我們也正在形成著自己的風格。

色彩情感差異

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

同樣主題的專題站，設計師們從不同角度詮釋頁面的含義。

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

周年慶專題在我們平時觀念里就是要喜慶的，熱鬧的氣氛。國內設計師很好的詮釋了這一點。韓國設計師用藍色表現周年慶專題，藍色給人信任，沉穩的感受，從另一個角度詮釋周年慶獎品專題，讓參與的用戶對這個活動更加信任，提高參與度。

最后分享幾個優秀韓國網站

專題氛圍的渲染

環境渲染，紋理的運用

邊框花紋的細節處理

場景布局,顏色搭配

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

總結

國內設計和韓國設計因為用戶的習慣性，網絡環境，表現方式等有很多的差異，所以在設計上我們各自做著一些創新和努力。韓國的網站一直都有自己的特點，他們將生活的細節，對美好事物的追求以及精益求精的態度都體現在頁面設計上，這是我們要學習的。國內網站設計也正在飛速的發展著，我們也會有更多更優秀的作品展現給用戶，讓大家共同感受頁面帶來的美的視覺享受和操作體驗。

如果喜歡請下載整本期刊：vc.changyou.com/book.shtml

關于暢游VC

搜狐暢游視覺設計中心團隊。我們是從游戲和生活中汲取創意和靈感的一群設計精靈，用愛去釋放奇妙的設計魔法，描繪讓你我感動的虛擬人生。

官網博客：vc.changyou.com
新浪微博：?@暢游VC
微信公眾平臺：cyou_vc

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

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

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