Jenny碎碎念(一) 和UI在泥潭摸爬滾打最后不知道誰贏了
在《雙盲把戲》開發(fā)的過程中,在我負責(zé)的所有美術(shù)工作中,人物設(shè)計和場景設(shè)計可以說是我最樂在其中并且擅長的——因為它們和我大學(xué)的專業(yè)對口。但除了畫畫,在這快兩年的開發(fā)歷程里最讓我頭疼的就是UI設(shè)計了。每一個部分的UI都經(jīng)歷了至少兩次的返工以及多次的修改。當然,根本原因就是我是一個半路出家的設(shè)計師(撓頭)。最開始的版本往往是憑直覺一拍腦袋做的,但是隨著游戲開發(fā)的推進以及新功能的添加,我們逐漸發(fā)現(xiàn)UI的審美已經(jīng)落后,或者在傳達信息上不夠有效了——這時候就要推翻重做一次。

舉個例子,昨天我開始重新做我們?nèi)蝿?wù)系統(tǒng)的二級界面。如果玩過我們游戲demo的小伙伴應(yīng)該記得我們有一個筆記本系統(tǒng),它記錄了人物信息以及任務(wù)信息等等。但是在最近的功能升級中,我們發(fā)現(xiàn)其實可以把一整個筆記本系統(tǒng)精簡掉,這樣不僅減少了玩家操作,也使得任務(wù)系統(tǒng)更加清晰。
圖一是舊的任務(wù)界面,那時候設(shè)計時因為要強調(diào)“筆記本”感,所以加入了很多手帳的元素,并且兩個人物的任務(wù)是混在一起的(畫面左邊)。作為一個畫畫人的視角來看,這個界面還是很漂亮的。但是當我隔了半年,試圖作為一個玩家來看這個頁面,發(fā)現(xiàn)它引導(dǎo)性不強,那些裝飾的元素反而讓我的眼睛無所適從。
所以我開始動手精簡畫面。首先,既然它已經(jīng)不是“筆記本”的一部分,就沒有必要保留任何手帳的元素了,顏色上面直接采用我們游戲UI的普遍配色(黑色和米色)就好。其次,分開兩人的任務(wù)清單,偵探的任務(wù)歸一欄,魔術(shù)師的歸一欄,這樣在查詢時更加高效清晰。這同時也避免了舊版本任務(wù)欄標題和背景剪影打架的問題。再然后就是把“已完成任務(wù)”向下沉,和“未完成任務(wù)”分開。同時,完成任務(wù)的標志由紅色的馬戲團印章改為印在邊角的灰色印章。
這樣一波操作完之后界面變得清晰不少,視線上有了明確的動線。雖然作為插畫人的那一部分我還是喜歡舊版筆記本的那種裝飾感、手工感。我的直覺會讓我的設(shè)計偏向冗余,直到今年高強度修改UI后才意識到,畢竟游戲不是一本畫冊,和玩家的交互才是最重要的。
Ok!打包了新界面的素材給我們程序員了,不知道新界面做出來之后會不會還有修改的空間呢,we will see!

