“簡潔大氣”設計指南

　　神馬是“簡潔大氣”？

　　現在被人們津津樂道的扁平化設計無疑成為了這四個字的代言，也讓之前似乎離開了人們視野的平面設計帶來了新思考，我們發現很多設計方法依舊非常經典。

　　無論是與客戶的溝通還是和產品經理的 PK 中，在第 N+1 次修改依舊沒有靈感的時候，不妨借鑑一下下面的小建議來救場。

　調整圖版率改變印象

　　圖片的加入是最能立刻改變和更換整體印象的法寶。

　　圖版率是雜誌版式中經常提到的概念:即頁面中圖片所佔面積的比率。圖版率高的雜誌頁面會給人帶來年輕與活躍的印象，相反地，全是文字，圖版率為 0，這樣的頁面就顯得沉穩許多。

　創造節奏感

　　你知道嗎？觀看者和一張簡單的海報設計也會產生互動過程。

　　當你在 20 米開外的時候會被它上面的人物與色彩吸引，走近至 5 米的時候會看到它的標語，而走到跟前會發現新的小字資訊。海報通過觀看距離的變化製造出閱讀的層次感，引導你不斷深入。

　　同樣的，在介面中除了利用明確的資訊分組引導視覺，還可以考慮在互動中也加入節奏，筆者不認為在扁平化的設計時代我們就不需要打造空間關係，通過手勢的變化製造出介面不同的景深效果，可以讓介面充滿呼吸感。

　　比如 AppFlow 中下拉重新整理時，背景圖片會由遠至近，就在不覺間擴充套件了視覺空間。

　使用鮮明的色彩營造氣場

　　穿衣服我們講究“氣場”，而設計中使用的色彩也應該明確，避免使用含混的色彩，這樣介面之間的元素才是有對比的。

　戒掉排滿的慣性

　　格式塔心理學中提到一個刪除原理，就是從構圖形象中排除不重要的部分，只保留那些絕對必要的組成部分，從而達到視覺的簡化。 不要排滿也就是我們時常說的留白，這裡的設計需要和產品一起做減法。

　　在實際專案中，筆者經常遇到這樣的對話：

“這裡為什麼要放這個功能？好像使用者用不上誒……”

“這裡不放這個功能看起來比較空，而且萬一使用者用到呢？”

“……”

　　人們以往的消費觀念是面對同樣的價格，最終大家會選擇看起來功能齊全的物品，在資訊競爭和功能為上的時代，慣性會讓你想要加入足夠多的功能或資訊去滿足使用者，這種情況下，堆滿資訊的頁面如果不進行刪減化處理，形成一定層次的分組和條理化處理，也將會變成讓人手足無措的電視遙控器。

　　其實考慮介面空不空的問題應該交給設計師解決，通過一定程度的留白就可以達到不錯的效果，我們只需要確認到底需不需要這個功能，有多需要，符不符合使用者的使用場景？

　隱藏與合併

　　當面對無法去掉的功能時，我們可以採用“主介面優先模式”，隱藏部分功能。

　　比如在閱讀中，為了更加沉浸式的閱讀體驗，經常利用手勢將閱讀流之外的功能隱藏起來，比如隨享Pro 向左滑進行評論和轉發，豆瓣閱讀的全屏閱讀。

　　主介面優先還體現在減少頻繁地切換介面，比如常見的檢視大圖功能，在以前我們常用的方式是滑到新的頁面去檢視圖片詳情，但真的需要那麼麻煩嗎？

　　在AppFlow 和網易應用中心應用主頁中，通過手勢向下滑動可以讓圖片當前頁放大，預覽 App 介面效果，這樣的體驗就很簡潔。

　　除了隱藏功能，我們還可以合併功能，減少 UI 控制元件的個數，進而節省下空間,比如下面對音樂播放進度和播放控制元件的整合。

　　設計是不斷創造新可能的過程，希望上面總結的這些小經驗可以讓設計更好的迴歸內容，利用最輕量、簡單的設計來傳遞核心資訊，也讓設計師們早日告別苦逼加班的日子。

Design makes life better.