暢游VC：游戲視覺設(shè)計與用戶體驗

2015/1/11 16:03:53來源：暢游VC

對于游戲頁面設(shè)計，可能有很多設(shè)計師把重點放在視覺設(shè)計上，從而忽略了用戶的感受。個人認為其實一個頁面設(shè)計的怎么樣，關(guān)鍵還是在于用戶對頁面各個方面的感受。

時間很快，通過近一年對自己強烈的要求（快有強迫癥了），設(shè)計思維發(fā)生了很大的變化。

大家可能會問什么樣的頁面設(shè)計才算是優(yōu)秀的頁面設(shè)計，個人大概總結(jié)了一下。

Q：對于游戲頁面才講，什么樣的頁面才算是優(yōu)秀的頁面設(shè)計？

A：有很好的視覺導(dǎo)向，讓用戶在最短的時間內(nèi)找到想到的內(nèi)容，對內(nèi)容一目了然，頁面視覺創(chuàng)意整體感覺舒服而不感到扎眼。

目前，游戲頁面的設(shè)計質(zhì)量飛速提升，頁面上的細節(jié)提升、創(chuàng)意及形式感等都有了很大的變化，花瓣上的各種采集也讓我看到大家的設(shè)計思維及創(chuàng)意變化層出不窮，尤其是形式感方面，各種三角、菱形、圓形的拼接使頁面變的靈活多樣，千變?nèi)f化。但是有些設(shè)計為了追求創(chuàng)意而忽視了用戶的感受，頁面雖然視覺很好，卻讓頁面沒有盡到它應(yīng)盡的職責，從而導(dǎo)致上線后的效果不好。

以上分析均為個人觀點，有不對的地方還請諒解

聊到這里大家肯定會想問，什么是用戶體驗，具體是什么我也說不上來，用戶體驗包括的范圍很廣，包括用戶的行為、心理、習慣、情感、等，以及頁面上的布局、結(jié)構(gòu)、框架、代碼、視覺、互動等還有產(chǎn)品的本身及內(nèi)容都是相關(guān)的。

根據(jù)網(wǎng)絡(luò)、書本上的定義及個人的理解，簡單做了個概括。

Q：什么是用戶體驗？

A：用戶在使用我們的產(chǎn)品或者瀏覽我們網(wǎng)站的過程中所體會的到的各方面的感受，即使是錯誤的操作所帶來的感受（包括好的、不好的）

用戶體驗涉及到的面比較廣泛，作為一名視覺設(shè)計師，一直在想把視覺設(shè)計與用戶體驗緊密結(jié)合起來。選擇了近期一些自己做過的案例和大家一起分享和討論。希望大家給出寶貴意見。

根據(jù)以上用戶分析及現(xiàn)有素材，開始創(chuàng)意分析。

現(xiàn)有素材如下：

通過線稿讓我聯(lián)想到了圖紙，根據(jù)他的歷史背景，整個畫面第一屏采用了艦船圖紙設(shè)計的形式，把戰(zhàn)艦線稿放在了圖紙正中間，圖紙上的飛機、炮彈等戰(zhàn)艦上的組成元素的線稿在兩側(cè)、圖紙被游標卡尺、圓規(guī)等繪圖工具壓著邊緣呼應(yīng)線稿的繪制。讓用戶聯(lián)想到戰(zhàn)艦的圖紙設(shè)計過程，勾起喜愛戰(zhàn)艦的用戶對戰(zhàn)艦結(jié)構(gòu)的好奇，以及想深層解剖戰(zhàn)艦的心理。

第一屏loading完成后線稿將會變成戰(zhàn)艦?zāi)Ｐ蛯嶓w，線稿和模型的大小、位置在切換時始終保持相同，由loading頁過度到首頁。首頁畫面設(shè)計將戰(zhàn)艦置于海面上，通過戰(zhàn)艦周圍的浪花及前后的小艦船及飛機的表現(xiàn)充分體現(xiàn)出中心的戰(zhàn)艦。相同位置戰(zhàn)艦線稿與實體的慢慢轉(zhuǎn)變，增強用戶的代入感，頁面營造歷史滄桑感調(diào)動用戶情緒，給予用戶復(fù)活二戰(zhàn)歷史場景的心理暗示。