2017年APP UI設計風格預測開啟新的設計思路之門

當你遇到APP設計瓶頸的時候，是否會有種不滿足於之前的處理手法，內心湧動著突破自我的渴望，不願再麻木地進行設計？又或者擔憂自己的設計逐漸走向平庸，缺乏突破與新意？

如果你有上述這些困擾，別擔心~接下來Inspirr Creation將分享2017年APP UI設計風格預測，為各位開啟新的設計思路之門。

1. 半扁平化設計

在過去兩年左右的時光中，扁平化設計無疑是設計領域中討論熱度最高、最為火爆的趨勢。然而，受到媒體、技術和實用性等多方面因素的影響，雖然扁平化設計以緩慢漸進的方式滲透日常設計中，但是很多設計師早已對它感到「延誤」，並對其進行細微的改進，形成一個全新的設計趨勢：半扁平化設計。

什麼是半扁平化設計？直白來說，這種設計風格結合Material Design和Flat Design兩種風格的處理手法，既保留簡潔設計的精髓，同時巧妙融入空間感元素，如懸浮按鈕、卡片設計等，讓界面中的不同層面元素都遵循著一定原則，確保用戶在訪問過程中不會感到無所適從。

比如以下這些國外APP設計案例：

從細節上來看，頂部導航條通過淡淡的投影與背景巧妙區分，並且摒棄常見於iOS系統重的1px灰色線條，搭配極具空間感的卡片處理，在保證細節豐富的同時，又不會對用戶造成視覺干擾，而是使頁面更具層次感。

可能會有設計師表示質疑「這些都是國外的效果圖！英文設計很容易做出高大上的效果，要是換做我，做國內的產品或設計，可就沒那麼容易達到這樣的效果了！」事實上，設計的靈感與技巧是相同，只要我們善於學習與借鑑，同樣可以在國內設計中找到屬於半扁平化設計的獨特表達，比如以下這些例子：

2. 更多三維呈現

回顧以往的UI設計，不難看出二維處理手法佔據著主導地位。元素以平面的形式呈現在我們眼前，雖然簡潔明瞭，但難免缺乏一些生動與趣味。但是在今年，這一局面將逐漸改變，三維效果將慢慢融入設計之中，為內容增添更多的縱深感，進而提升設計的趣味性，尤其是在運營設計方面，能讓畫面更加豐富飽滿。

以360搶票軟體的視覺設計為例，該設計採用粘土塑形的方式塑造立體形象，為整個介面注入鮮活的生命力。

3. 幾何圖形的點綴

從2016年年底開始，越來越多設計作品開始運用不同顏色的幾何圖形進行點綴，在畫面中起到渲染氛圍的奇妙作用。這些幾何圖形雖然用色鮮亮大膽，給人帶來一種強烈的視覺衝擊力，卻不會出現喧賓奪主的感覺，反而為設計增添一份獨特的藝術氣息。

這些幾何圖形以各種形式出現在畫面中，或規則排列，或隨意散落，與整體設計風格相得益彰。這種設計手法不僅豐富了畫面的視覺效果，還能引導用戶的視線，突出重點內容，使整個設計更加生動有趣，吸引用戶的注意力。

4. 漸變色的運用

漸變色在APP設計中的運用範圍極為廣泛，它既可以作為背景，為整個頁面奠定獨特的基調；也可以應用於logo或按鈕上，起到畫龍點睛的作用。與擬物化時代為了還原物體本身空間而運用漸變不同，2017年的漸變設計更多地採用大撞色的方式，以營造獨特的氛圍，展現產品的獨特氣質。

這種大撞色的漸變運用打破了傳統色彩搭配的束縛，為設計帶來了全新的視覺體驗。它能夠激發用戶的情感共鳴，使產品在眾多競爭對手中脫穎而出。

漸變色的處理在logo或者按鈕上的運用：

5. 大標題，大間距的處理

預測今年將會有越來越多優秀的網頁產品跳出系統本身規範的束縛，開啟更加大膽的設計之旅。比如頁面文案不再侷限於設計規範中最大字號不能超過多少px、間距最好在多少px之內的條條框框，而是針對不同場景、不同用戶群體以及不同內容，進行特殊處理。

於是，我們便看到了更多大標題、大間距且大量留白的設計作品。這種處理手法與幾年前微軟的Metro Design有些相似，但如今許多優秀設計師已經能夠靈活運用不同的設計語言，不再侷限於某個系統平臺。大標題能夠迅速抓住用戶的眼球，突出重點資訊；大間距和大量留白則讓頁面更加簡潔、舒適，給用戶留出足夠的思考空間，提升用戶體驗。