如何設計出“好看”的UI介面（二）：4個步驟，搞定介面設計

前文回顧：如何設計出“好看”的UI介面（一）：排版的六項原則

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

關鍵點：

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

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

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

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

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

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

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


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

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

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


3.帶著問題找參考素材

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


4.主次關係調整

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

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

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

作者：哥白尼
專欄地址：https://zhuanlan.zhihu.com/p/92130926