本書由一線資深設(shè)計師結(jié)合游戲UI研發(fā)的工作經(jīng)驗創(chuàng)作而成,由淺入深地為讀者介紹了什么是游戲UI、游戲UI的職業(yè)角色及基礎(chǔ)知識、游戲UI設(shè)計技能修煉的方法、移動設(shè)計新視角、游戲UI風(fēng)格設(shè)計和趨勢探索等相關(guān)知識。
作者將自己多年的工作經(jīng)驗和專業(yè)思考,以文字的形式整理出來分享給大家。通過系統(tǒng)介紹游戲UI設(shè)計的思維方式、知識體系、學(xué)習(xí)方法、工作流程和工作方法,幫助處在不同階段的設(shè)計師讀者可應(yīng)對不斷變化的工作模式。游戲UI設(shè)計并不局限于交互流程、圖標(biāo)設(shè)計、界面設(shè)計等單一的執(zhí)行層面,而是游戲體驗設(shè)計的重要組成部分。因此做好游戲UI設(shè)計需要關(guān)注游戲產(chǎn)品整體的體驗而不能局限于某一個任務(wù)流程。
希望本書能夠幫助設(shè)計新人或者在職場中感到迷茫的設(shè)計師解決一些在實際工作中遇到的常見問題,找到清晰的職業(yè)發(fā)展方向。同時也希望游戲行業(yè)的產(chǎn)品經(jīng)理、開發(fā)人員、運營推廣人員能夠閱讀本書,以便與設(shè)計師合作創(chuàng)造出更好的游戲體驗。
1、這是一本游戲UI設(shè)計教科書囊括了游戲UI設(shè)計的思維方式、知識體系、學(xué)習(xí)方法、工作流程和工作方法。
2、這是一本游戲UI設(shè)計入門書全方位講述了游戲UI設(shè)計師從入門到成長為一名優(yōu)秀設(shè)計師所需要掌握的內(nèi)容和方法。
3、這是一本游戲UI設(shè)計普及書游戲UI設(shè)計是游戲體驗設(shè)計的重要組成部分。因此做好游戲UI設(shè)計需要關(guān)注游戲產(chǎn)品整體的體驗而不能局限于某一個任務(wù)流程。
序:敲開游戲UI設(shè)計大門
隨著互聯(lián)網(wǎng)和電子游戲行業(yè)的飛速發(fā)展,游戲研發(fā)企業(yè)越來越重視游戲產(chǎn)品的用戶體驗(UE,User Experience),而用戶界面設(shè)計(UI,User Interface)是用戶體驗中最直接的部分。
游戲UI設(shè)計是建立在科學(xué)之上的藝術(shù)設(shè)計。游戲UI設(shè)計就像是產(chǎn)品的造型一樣,是游戲產(chǎn)品的重要賣點之一,好的游戲UI帶給人舒適的視覺感受,良好的交互方式能拉近玩家與游戲的距離。
如果不是用戶體驗這個熱點越來越被行業(yè)大佬們所重視和提倡,可能大多數(shù)人只關(guān)注游戲的角色、場景,以及劇情玩法等。
也許你和許多人一樣,即使玩過很多游戲,也沒有關(guān)注過游戲UI。那么,在系統(tǒng)地學(xué)習(xí)本書之前,先來大概了解游戲UI吧。
UI教育的現(xiàn)狀
由于國內(nèi)大多數(shù)高校尚未開設(shè)UI設(shè)計專業(yè),導(dǎo)致整個互聯(lián)網(wǎng)行業(yè)的UI設(shè)計專業(yè)人才供不應(yīng)求。與此同時,很多UI設(shè)計師因為越來越嚴(yán)重的加班和壓力選擇離開這個崗位,其中有一大部分UI設(shè)計師轉(zhuǎn)向了產(chǎn)品經(jīng)理、項目管理等其他崗位,這就加重了人才方面的短缺,也因此使得各種UI設(shè)計培訓(xùn)班大量涌現(xiàn)。
然而,現(xiàn)在很多培訓(xùn)機構(gòu)推出的UI設(shè)計培訓(xùn)班的課程很多,如ICON設(shè)計、網(wǎng)頁界面、iOS界面、安卓界面、APP設(shè)計、按鈕控件等,海量的課程內(nèi)容讓人望而卻步。其實這么多門課程的內(nèi)容很多都是重復(fù)的。UI設(shè)計專業(yè),與所用的是iOS系統(tǒng)還是安卓系統(tǒng)并沒有直接關(guān)系,只是不同的設(shè)計領(lǐng)域有不同的針對方向,不同的研發(fā)團隊有不同的工作流程罷了。
其實,真正針對游戲研發(fā),特別是針對游戲UI設(shè)計的培訓(xùn)少之又少。
大部分培訓(xùn)班名義上是游戲UI設(shè)計,實際上仍是傳統(tǒng)網(wǎng)頁設(shè)計課程,這種培訓(xùn)大量羅列制作方法和基礎(chǔ)課程,整個過程更多的是匆忙地追趕課程進度,沒有時間讓學(xué)員學(xué)會獨立思考,以至于他們參與到游戲研發(fā)的實際工作中以后,還需要企業(yè)進行內(nèi)部培訓(xùn)。
其實,游戲UI設(shè)計所涉及的知識面是非常廣泛的。游戲UI設(shè)計是一種創(chuàng)造性的工作,也是游戲開發(fā)中不斷力求完美的環(huán)節(jié)。游戲UI設(shè)計是一項邏輯性的工作,也是游戲開發(fā)中不斷克服困難的過程。
為什么選擇本書?
如果你跟其他人一樣,也有下面的一些疑惑:
●我學(xué)的是藝術(shù)繪畫專業(yè),想轉(zhuǎn)行做游戲UI設(shè)計能行嗎?需要怎么入行?
●我不是美術(shù)相關(guān)專業(yè)的,適合做游戲UI設(shè)計嗎?
●游戲UI設(shè)計一定要手繪嗎?還需要了解哪些知識?
●有一定的美術(shù)基礎(chǔ)和設(shè)計專業(yè)背景,可以自學(xué)游戲UI設(shè)計嗎?
●游戲UI設(shè)計能給我的獨立游戲帶來一些幫助嗎?
●……
那么,擁有本書是你最好的選擇。
什么人適合游戲UI設(shè)計?
面對不同的起點,到底誰更適合做游戲UI設(shè)計師呢?
其實在這個行業(yè)中有很多策劃人員、程序設(shè)計人員等都不是相關(guān)專業(yè)出身的。甚至很多設(shè)計師乃至設(shè)計總監(jiān),他們的專業(yè)也都與游戲或者設(shè)計毫不相干。當(dāng)然,如果你專業(yè)對口,在工作中一定會有些優(yōu)勢。
也有人好奇:到底是男人還是女人適合做游戲UI設(shè)計?是不是做設(shè)計都是吃青春飯?
人類從遠古到現(xiàn)代的進化過程中曾經(jīng)出現(xiàn)過女性色彩感更好、男性空間感更好的階段,但當(dāng)今的教育和生活早已脫離遠古時代,通過學(xué)習(xí)和訓(xùn)練,男性和女性的天賦差異雖然沒有完全消失,但也沒有那么鮮明了。
無論你研讀一些設(shè)計大師的書籍,還是參加一些互聯(lián)網(wǎng)大會,各種學(xué)習(xí)論壇,以及線下培訓(xùn)。你會發(fā)現(xiàn)很多在某種領(lǐng)域做出成績的人,都是源自內(nèi)心的熱愛和堅持。
游戲UI設(shè)計需要什么樣的能力?
游戲UI設(shè)計師需要有綜合能力,手繪只是其中必備的一項技能。至于是否適合做這一行,在很大程度上取決于你是否有強烈的興趣,以及一定的決心和天賦。
●你是否熱愛各種熱門好玩的游戲?
●你是否喜歡研究哪些游戲的體驗更好?
●你是否充滿靈感和創(chuàng)意?
●你是否喜歡發(fā)現(xiàn)問題,并積極地嘗試解決它們?
●你是否喜歡思考問題,羅列各種因素并尋找它們的邏輯關(guān)系?
●在繪制圖形時,你是否有強烈的興奮感?
●你是否喜歡通過交流來讓自己的想法得到其他人的認(rèn)可?
●你是否對自己有一定的規(guī)劃,并且勇于突破自己?
如果這些問題讓你感到無從回答,或者說大部分答案都是NO,那么你要認(rèn)真思考自己是否真的適合這個行業(yè)了。
如果現(xiàn)在你沒有答案,但是有足夠的熱愛,你可以努力培養(yǎng)游戲UI設(shè)計方面的意識。很多人轉(zhuǎn)行只是為了得到豐厚的報酬,他們往往遇到一點挫折就認(rèn)為這個行業(yè)不好混,最后希望幻滅悻悻離去。如果沒有愛,就是在消耗。沒有愛是什么都做不成的,只有心中有愛,能靜得下心來,才能克服重重困難達到更高的境界。因為支撐我們一直以飽滿的熱情投入到游戲UI設(shè)計研發(fā)中的,往往是最初對游戲和專業(yè)單純的熱愛。
給新人的若干建議
建議一:看,做,想。作為一個新人,剛?cè)胄胁槐丶庇诒憩F(xiàn)效果和過多地研讀理論?梢砸贿厔邮峙R摹一邊多看專業(yè)網(wǎng)站的設(shè)計文章。站酷、花瓣、UI中國、GAMEUI游戲設(shè)計圈聚集地、UXRen用戶體驗人的專業(yè)社區(qū)等都是必看的。養(yǎng)成獨立思考分析的習(xí)慣,多研究好的游戲,思考別人這么做的原因,這些都是日常必做的功課。無論選擇上培訓(xùn)班還是自學(xué),都要從多維度去攝取知識。
建議二:交流。加入一些游戲UI設(shè)計的交流群,結(jié)交一些同行是很不錯的,但不要只是為了索取別人作品的源文件而結(jié)交人,F(xiàn)在是互聯(lián)網(wǎng)信息共享時代,每年都有很多優(yōu)秀的交流活動,比如Create Change 設(shè)計論壇、IxDC國際體驗設(shè)計大會,如果你是學(xué)生,可以去申請做志愿者,可以開闊眼界,認(rèn)識很多設(shè)計大師和設(shè)計高手。
建議三:信息搜索。當(dāng)然最重要的還是通過實習(xí)或者正式的工作來積累項目經(jīng)驗。至于公司,你可以根據(jù)自己的實際情況去選擇大公司或者小公司。大公司和小公司各有各的特點,相對來說大公司更加專業(yè),福利待遇和發(fā)展空間也更大。但無論在哪里,都需要保持自己的專業(yè)度,多聽聽行業(yè)發(fā)出的聲音,而不是被不良環(huán)境所影響。那么怎么了解游戲公司的信息呢?21世紀(jì)是信息大爆炸和大數(shù)據(jù)的時代,信息搜索能力也是設(shè)計師需要具備的一項基本技能,這項技能會為你今后的設(shè)計工作帶來很多幫助?偟膩碚f,整個互聯(lián)網(wǎng)都是你的老師。
建議四:堅持。初次求職沒有被錄用也不必灰心,如果你真的想做一件事,堅持是必須具備的素質(zhì)。你可以自己多臨摹優(yōu)秀的設(shè)計作品,根據(jù)自己喜歡玩的游戲,主動嘗試做虛擬項目,或者分析某款游戲UI設(shè)計的優(yōu)劣并進行迭代。在這個過程中重要的是理清自己的思路而不是展示設(shè)計結(jié)果。將這些完成的項目及時總結(jié),筆記和博客都是很好的方式。這些良好的習(xí)慣可以給你帶來更多的朋友和更多的就業(yè)機會。
怎樣做一個好的游戲UI設(shè)計師?
從主觀上來說,游戲UI設(shè)計不僅要考慮如何繪制花紋、擺放按鈕,更重要的是考慮用戶的交互方式,以及程序的實現(xiàn)。這就意味著,游戲UI設(shè)計不僅要考慮美觀性,還要考慮是否好用。
以按鈕為例,什么樣的界面、什么樣的玩法需要怎樣的按鈕?這些按鈕要如何設(shè)計才能讓玩家更好地理解游戲的玩法,給玩家一個良好的體驗?zāi)兀?從客觀上來說,在游戲研發(fā)前期,在美術(shù)風(fēng)格還沒有敲定下來的時候,游戲UI設(shè)計師就需要參與其中。游戲界面存在的意義就是為了實現(xiàn)游戲與玩家之間的交流,這里的交流包括玩家對游戲的控制,以及游戲給玩家的提示和反饋。游戲UI的首要目的是實現(xiàn)控制和反饋。心理學(xué)講人類喜歡控制,可控的事物可以給人以簡單和安全的感覺。玩家沉浸在游戲世界中,游戲需要告訴玩家眼前的游戲世界正在發(fā)生著什么,玩家需要做什么,玩家來到這里可以得到什么,目標(biāo)是什么,未來將會面臨什么等大量信息。
玩家看到的和使用的是游戲界面而不是深藏在視覺背后的體系結(jié)構(gòu)。把游戲界面做好,可以增強玩家體驗游戲時的愉悅感,并且讓其更容易掌握游戲玩法。所以在游戲研發(fā)初期,先去設(shè)計游戲UI、再考慮程序?qū)崿F(xiàn)要比在一套已有代碼上面包一層華麗的皮更有意義。
對于游戲UI設(shè)計師來說,工作職能不僅是做設(shè)計,還要對一個效果負(fù)責(zé)到底,效果的好壞體現(xiàn)了設(shè)計師解決問題的能力。中間實現(xiàn)起來可能會遇到策劃、程序等多方面問題,但是在同等資源條件下,能想辦法讓結(jié)果更好一點,設(shè)計師的價值便體現(xiàn)出來了。
為什么寫這本書?
現(xiàn)在市面上有很多UI方面、用戶體驗方面的書籍,但游戲UI相關(guān)的內(nèi)容太少。有些側(cè)重于專業(yè)理論的講解,就如同上學(xué)時的教科書,讓很多初學(xué)者覺得晦澀難懂;有些偏向于軟件教程,不能夠滿足解決工作中實際問題的需要,因而經(jīng)常有一些不同階段的設(shè)計師會找我聊各自的困惑。
幸運的是我所在公司非常重視用戶體驗,并在早期就成立體驗設(shè)計中心。而團隊的存在在于群體學(xué)習(xí)情況下,很多問題能夠及時解決并總結(jié),然后分享給部門的其他項目的設(shè)計師,減少研發(fā)環(huán)節(jié)中出現(xiàn)重復(fù)消耗的情況,形成了知識和經(jīng)驗的共享。領(lǐng)導(dǎo)們鼓勵大家參與公司的內(nèi)部交流分享和外部的培訓(xùn)學(xué)習(xí),從不同領(lǐng)域的設(shè)計師及游戲行業(yè)前輩那里,我可以學(xué)到很多寶貴的經(jīng)驗。
在設(shè)計中心可以廣泛地接觸不同類型的項目,做設(shè)計管理對視野和綜合經(jīng)驗積累有幫助,由于堅持在一家公司工作,我可以對產(chǎn)品進行深入了解。在解決大量相關(guān)性問題后,我逐步建立起自己對產(chǎn)品和服務(wù)的一些思考邏輯,這使得我能跳出單一的設(shè)計角度去看待設(shè)計問題。我在自己的工作重心由自我提升轉(zhuǎn)變?yōu)閹铀颂嵘倪^程中也有很多體會,除去做不同項目之外,還要把一部分精力花在溝通協(xié)調(diào)、招聘等方面。比如分析團隊成員的能力模型,幫助他們專注個人成長,明確目標(biāo)來實現(xiàn)自我價值,以及用為他人服務(wù)的意識去解決更多問題。
通過大量的磨合,我發(fā)現(xiàn)很多問題都是不斷重復(fù)出現(xiàn)的。如為什么方案沒有被實施?為什么方案頻繁改動?為什么有些人進步非常快而有些人很努力卻一直原地踏步?我們在實際的工作中,有太多不可預(yù)期性,問題往往比你想到的多,解決方案也許與你最初的構(gòu)想千差萬別,多次訪談總會有意外收獲。
我逐漸明白很多情況比想象的要復(fù)雜,但也沒有想象的那么糟糕。用包容開放的心態(tài)去看待,優(yōu)秀的體驗不是設(shè)計師或者開發(fā)人員獨立完成的。我們有各自的專業(yè),需要尊重彼此的經(jīng)驗。設(shè)計師堅守著一致性原則,開發(fā)人員從習(xí)慣的角度處理問題,這往往帶來單一的視覺感受。專業(yè)化讓我們成為專家,但也容易切斷其他角度的視野,因此有時候策劃人員提出一些看似不可思議的構(gòu)思,我們需要加入更多的思考,思考如何將這種矛盾變成可能。
真正的創(chuàng)新是創(chuàng)造新的可能性,需要團隊成員相互了解和信任。大家的工作理念和設(shè)計觀念能夠達成統(tǒng)一,不斷擴展視野,對已有的經(jīng)驗進行反思和迭代。這對于設(shè)計師乃至整個團隊來說都是一次機遇。
因此我希望能夠?qū)⒆约憾嗄甑墓ぷ骺偨Y(jié)以文字的形式分享給大家,讓設(shè)計新人或者在職場中迷茫的設(shè)計師可以順利解決工作和發(fā)展中遇到的問題。本書系統(tǒng)介紹了游戲UI設(shè)計的學(xué)習(xí)方法、思維方式、工作流程、工作方法,最重要的是這些知識都是與實際工作緊密聯(lián)系的,并且都能在不斷變化的工作模式中產(chǎn)生作用。
雖然書中都是拿過往的項目案例來分析講解的,但是設(shè)計的基本原則都是相通的。本書能幫助設(shè)計師在實際工作中解決一些常見問題,也有助于游戲的產(chǎn)品經(jīng)理、開發(fā)人員、運營推廣人員了解游戲UI設(shè)計師的工作,以便更好地和設(shè)計師合作。
設(shè)計行業(yè)一直在飛速前進,工作方式和設(shè)計思維也在不斷地更新迭代。我雖已用心竭力,但由于本人的能力及項目所限,難免存在不足,書中如有錯誤和疏漏之處,歡迎讀者與我交流。
師維:
墨麟交互體驗設(shè)計中心設(shè)計經(jīng)理。從事游戲UI設(shè)計十余年間,經(jīng)歷了如第七大道《神曲》、墨麟科技《戰(zhàn)龍三國》《秦美人》《風(fēng)云無雙》《熱血屠龍》《古劍奇譚WEB》《全民無雙》《御龍在天美人版》等眾多流水過億的游戲項目。熱衷關(guān)注游戲行業(yè)的新興技術(shù)與設(shè)計理念,不斷從多種學(xué)科中學(xué)習(xí)探索和挖掘靈感,為項目提供創(chuàng)意的解決方案。并以導(dǎo)師角色不斷從專業(yè)技能、設(shè)計思維,還有執(zhí)行力等多方面,幫助團隊的設(shè)計師成長和實現(xiàn)自我價值。
第1章 什么是游戲UI 1
1.1 游戲UI的發(fā)展簡史 2
1.2 游戲UI設(shè)計和其他UI設(shè)計的區(qū)別 4
1.3 怎樣才算是好的游戲UI 6
1.4 游戲UI設(shè)計的職業(yè)角色 11
1.5 游戲UI在研發(fā)不同階段的工作重點 20
1.6 游戲UI在項目中的工作流程 22
1.7 視覺設(shè)計前的準(zhǔn)備工作 23
1.8 小結(jié) 27
第2章 游戲UI的基礎(chǔ)知識 29
2.1 游戲UI的專業(yè)知識 30
2.2 游戲UI的基礎(chǔ)模塊 44
2.3 游戲HUD界面 50
2.4 游戲系統(tǒng)功能 53
2.5 游戲的其他界面 56
2.6 小結(jié) 62
第3章 游戲UI設(shè)計技能的修煉 63
3.1 游戲圖標(biāo)設(shè)計 64
3.2 游戲字體設(shè)計 78
3.3 游戲界面設(shè)計 97
3.4 可視化界面設(shè)計文韜武略界面設(shè)計 123
3.5 隱喻化界面設(shè)計王土割據(jù)界面設(shè)計 125
3.6 本地化界面設(shè)計秦美人北美版界面 127
3.7 提升轉(zhuǎn)化率設(shè)計游戲登錄前期迭代 130
3.8 現(xiàn)有IP還原設(shè)計《古劍奇譚》游戲UI設(shè)計 136
3.9 小結(jié) 142
第4章 移動游戲UI設(shè)計新視角 143
4.1 移動游戲UI設(shè)計的特征 144
4.2 移動游戲UI設(shè)計 163
4.3 移動游戲UI未來的新視角 171
4.4 小結(jié) 181
第5章 游戲UI風(fēng)格與趨勢探索 183
5.1 游戲類型和題材對設(shè)計的影響 184
5.2 如何設(shè)計游戲UI的風(fēng)格 195
5.3 游戲UI趨勢探索 215
5.4 小結(jié) 229
終章:通往游戲UI設(shè)計大師之路 231