如何設計出「好看」的UI介面(二):4個步驟,搞定介面設計

gameres遊資網 發佈 2020-02-06T10:32:29+00:00

遊戲定位:RPG,MOBA,棋牌,音樂,兒童,少女等。做練習或是風格嘗試的時候,先想好了這些分類之後,可以把幾種分類進行整合搭配,比如:設計思路:簡約民國漫畫風格、二次元魔幻題材等2.找靈感:多種載體媒介中提煉很多設計師在製作介面的過程中,總是喜歡直接找遊戲UI介面進行參考,最後

作者:哥白尼

前文回顧:

對很多設計師來說,如何開始設計一個新的介面,一個新的風格,怎麼確定方向,怎麼設計的獨特新穎,一直是一件很苦惱的事情,這裡簡單整理了一下以往的經驗總結,和大家一起分享。


關鍵點:


  1. 方向上:多種元素組合搭配設計。
  2. 找靈感:多種載體媒介中提煉。
  3. 帶著問題找參考素材。
  4. 主次關係調整。


1.方向上:多種元素組合搭配設計


遊戲主題:卡通漫畫,機甲,中國(神話、仙俠、古代、民國、現代等),歐美(希臘神話、冷兵器時代、中世紀、魔幻、科幻、現代等)。


遊戲定位:RPG,MOBA,棋牌,音樂,兒童,少女等。


遊戲風格:扁平,二次元,歐美風,中國風,日和風,可愛Q版等。


做練習或是風格嘗試的時候,先想好了這些分類之後,可以把幾種分類進行整合搭配,比如:


設計思路:簡約民國漫畫風格、二次元魔幻題材等



2.找靈感:多種載體媒介中提煉


很多設計師在製作介面的過程中,總是喜歡直接找遊戲UI介面進行參考,最後完成的介面總是給人似曾相識的感覺,很難做到風格獨樹一幟或是讓人眼前一亮。


我們在找靈感的時候可以避免找已完成的介面,可以在遊戲官網(推薦網易家遊戲官網)、原畫、電影、照片、廣告或是主機類遊戲中尋找設計點、構圖形式、層次穿插、整體氣氛的表現方式,再結合UE進行全新的設計。



3.帶著問題找參考素材


在方向和靈感都收集好後,開始思考介面的表現形式,比如擬物化的表現還是整體沉浸感的表現。再結合UE布局,開始對表現元素進行搭配拼接,而不是無腦的堆量。



4.主次關係調整


接下來就是一個耗費時間和精力的階段了,是對自己的想法進行嘗試和試錯的階段,從設計細節,到回歸整體,反覆思考,對比,進行製作。


這個過程中也需要考慮:用戶體驗,視覺順序,顏色關係,空間層次,整體氛圍,光影關係等。


結語:在製作一個新的功能介面或是做風格嘗試之前,可以運用這套方法先快速製作一些介面草圖,來驗證自己的設想,從而設計出自己滿意的介面。


專欄地址:

https://zhuanlan.zhihu.com/p/92130926


關鍵字: