這一期刊物包含了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)站
《靈魂回響》官網(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。
受國(guó)內(nèi)網(wǎng)速的影響,國(guó)內(nèi)的flash站都被壓縮在10-20M之間,我們?yōu)榱吮WC網(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效果
《幻想神域》首測(cè)站
《靈魂回響》和《幻想神域》的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ò)掃描下方二維碼快速添加:
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評(píng)論!每天贏獎(jiǎng)品
點(diǎn)擊 登錄 后,在評(píng)論區(qū)留言,系統(tǒng)會(huì)隨機(jī)派送獎(jiǎng)品
2012年成立至今,是國(guó)內(nèi)備受歡迎的設(shè)計(jì)師平臺(tái),提供獎(jiǎng)品贊助 聯(lián)系我們
AI輔助海報(bào)設(shè)計(jì)101例
已累計(jì)誕生 753 位幸運(yùn)星
發(fā)表評(píng)論
↓ 下方為您推薦了一些精彩有趣的文章熱評(píng) ↓