起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識2017年UI設計趨勢回顧
2017年已然過去，2018年將會有更多挑戰和機遇。在這篇文章中，會回顧2017備受矚目和好評的Web端、移動端的界面設計方案。
功能性的極簡主義
2017年，極簡主義被廣泛應用在APP和Web界面設計中。簡約主義強調視覺元素，認為每個元素都應該有目的性的傳遞信息。極簡主義的主要特點如下：
- 簡單
- 清晰
- 視覺層次有表現力
- 高度重視比例和構圖
- 每個元素都具備功能性
- 大量空置區域
- 高度關注核心細節
- 重視字體設計
- 刪除非功能性的裝飾元素
理智的應用極簡主義，有助于凸出界面的核心內容，引導用戶的視線流，此外，簡約主義通常認為精巧整潔能帶來理想的用戶體驗。
粗放主義
2017年，粗放主義在互聯網產品中流行起來。粗放主義旨在打破標準和可預見的設計風格，帶來驚奇的用戶體驗。以這種方式設計的網站，是對兼顧對稱性、和諧性、復雜布局和視覺表現力的設計方式的一種反叛。
粗放主義基于簡單原則和原始布局，在大多數情況下，不添加更多的視覺細節，有時甚至接近純HTML頁面。從用戶體驗和產品設計出發，粗放主義呈現出高水平的創意和獨特的外觀，無論用戶喜歡與否，都能對基于這種設計理念的產品留下深刻印象。
排版融入圖像
粗體和對齊一直常見于Web端和移動端的界面設計中。2017年，在頁面中加入切割或者刻寫后的標題或者關鍵字是一個新趨勢。這種方法加強了頁面中各元素的整體性，使布局、排版和界面中的圖像緊密結合。
動畫作為主banner
在瀏覽網頁時，首先映入用戶眼簾的是主banner，所以主banner肩負著吸引用戶眼球的作用。此外，網站上的任何內容，都承擔著信息和情感傳遞的作用，主banner也不例外，甚至在一些情況下，對用戶體驗起著決定作用。主banner承擔著多個職責，比如：
- 吸引用戶注意力
- 直觀地傳遞信息
- 表達網站風格
- 為整體的主題、情緒或者氣氛定下基調
- 有效展示產品的核心價值
2017年，動畫被廣泛應用在主banner上，原創的動畫形象讓產品生動起來，增強產品的吸引力。
根據主題配置插畫
根據不同的頁面內容，有針對性的定制吉祥物、icon和插圖等視覺元素，能加速用戶對信息的感知，增強頁面的視覺張力，提高可用性，并且優化導航架構。此外，圖片直觀清晰的優點，能幫助解決文字識別和用戶感知受限等問題，比如幼兒或者有閱讀困難癥的人群。設計師們對插圖的使用似乎進入了更高的層次，不僅將插圖和信息、主題結合緊密，還加入了時尚性和隱喻性。
無框架布局
2017年，很多Web界面設計都傾向于使用大幅背景圖和無框架模式。大幅背景圖的有效使用，既保持著頁面的邊界感和界限感，又能拓展用戶的視覺邊際，讓用戶感到界面更寬闊。
動畫界面
相比于2016年，2017年在動畫界面上更進了一步。不只是增加了交互過程中的真實性和運動性，還顯著提高了交互的可用性。交互方式的優化降低了操作復雜度，讓用戶更專注于頁面信息的同時，感受到頁面的靈動和活躍，幫助用戶更好地體驗產品和理解信息內容。2017年，各位交互設計師在按鈕、標簽、表單、加載動畫、滾動動畫上做出了突出貢獻。
通過友好的界面設計重塑品牌形象
2017年是品牌重塑的一年：大量的全球化公司、本地公司、產品和品牌，利用簡化元素、增加動畫Logo等方式重新設計了品牌logo。這個趨勢的原因之一是，隨著越來越多的品牌由線下走到線上，它們更注重品牌與互聯網的結合，以及品牌在年輕人中的口碑。因此，全新的Logo設計，目的是提高產品的品牌認知度。此外，動畫Logo也成為一個新趨勢，增強互動性的同時，還加強了用戶對品牌的認知。
單色調的界面設計
使用深色背景的Web和移動端界面設計，不僅保持了風格的獨立性，還增強了產品的存在感。深色容易讓人聯想到優雅、高貴和聲望，深色能加強人們對圖像的感知，使界面在不同環境下的對比度更小、更自然。這種設計風格受到相當一部分用戶的推崇。
深色背景的使用
使用深色背景的Web和移動端界面設計，不僅保持了風格的獨立性，還增強了產品的存在感。深色容易讓人聯想到優雅、高貴和聲望，深色能加強人們對圖像的感知，使界面在不同環境下的對比度更小、更自然。這種設計風格受到相當一部分用戶的推崇。
加強顏色對比度
設計師們將深色和淺色結合使用，在深色主題中，為核心信息區應用淺色背景，增強了顏色對比度和視覺表現力。這種方法能提高核心信息的可讀性，但由于顏色對比過于強烈，也受到很多爭議。
多種字體的組合使用
隨著大量新字體的出現，設計師們有了一個創新實驗的新天地。如今，文字不僅僅是溝通的手段，而且是設計理念的重要組成部分，因此，設計師們非常注重字體的選擇和組合。2017年，出現了大量新的襯線字體和無襯線字體，各種字體有效地結合使用，增加了視覺效果的層次感。
著陸頁的創新
毫無疑問，2017年，我們見證了著陸頁的創新和多樣。企業或者社會機構需要著陸頁來吸引用戶、提高銷量、促進轉化；在移動端，著陸頁也是提高產品升級覆蓋率的重要渠道。用戶測試和市場調研結果顯示，用戶對著陸頁的期待很高，希望著陸頁以清晰、可用的方式提供必要的信息，從而節省用戶的時間。
宣傳視頻
各種各樣的宣傳視頻被用在網站和APP里，當然這也不奇怪，視頻確實在帶來了更好的用戶體驗的同時，加深用戶對品牌和產品的印象。有創意的、有趣的視頻是吸引用戶注意力的一個好方法，同時還能快速清晰的傳遞信息。用戶每天被海量信息所淹沒，使用新產品的學習成本，令很多用戶望而生畏，尤其在新產品還沒有形成用戶口碑時。這種情況下，視頻作為動態的、有趣的、有吸引力的表達方式，能激活用戶的聽覺和視覺神經。當然，使用視頻可能帶來網頁加載速度慢、播放卡頓等問題，在使用之前應該進行充分的測試。
用戶體驗游戲化
2017年，很多產品應用了游戲化的界面設計，不只是一些娛樂性的產品，政府和企業門戶也有很多實例。在科技世界里，“游戲化”代表著發揮游戲機制，而非單純的游戲功能：挑戰、獎勵、積分、徽章、排行榜等，都是“游戲化”的手段，使用得當，能激勵用戶、提高留存和轉化。
方框和卡片式的布局
在豐富視覺層次和傳遞信息方面，方框和卡片發揮了重要作用，此外，還能協助保持頁面的整體性和一致性。
引入幾何元素
各種或簡單或復雜的形狀、圖案、直線、曲線，不管是傳統的使用方式，還是創新的組合設計，在2017年都被廣泛使用。
嘗試豐富的色彩組合
豐富多彩的界面設計從未消失，在2017年，有了更多有創意的顏色組合方式。顏色是增加界面感知、傳遞情緒的最強大方式。有效、創新的使用色彩不只取決于創造力，還涉及到色彩理論知識、色彩心理學、用戶體驗設計、界面設計等多個領域。
產品設計階段，使用真實內容
2017年依舊看重內容質量和產品體驗。在用戶體驗中，內容和設計是關聯的：設計師們必須保證內容和設計彼此支持協作，而不是互相爭奪用戶注意力。這就是為什么即使在產品設計初期，設計師們也喜歡使用真實的內容進行設計，而不是“XXX”或者隨便的什么內容。真實的內容讓設計師、測試人員和內容運營人員，更接近產品的真實體驗。
毫無疑問，2017年是界面設計多樣化的一年，也是注重用戶體驗的一年。網站和APP已經成為人們生活的一部分，用戶們有著不同的品味、興趣，喜愛不同的風格。用戶要面臨各種產品的選擇，這些產品的外觀和功能或相似，或迥異，但用戶總能找到一個符合心理預期的產品。無論如何，變化是永遠的不變，在過往設計趨勢的基礎上，找尋產品設計的新趨勢、新創意，這是設計師們永恒的挑戰。
作者：Tubik Studio. We are a comprehensive digital agency specializing in UI/UX design and development of websites and mobile applications, animation, graphic design and branding.
原文地址：https://uxplanet.org/review-of-popular-interface-design-trends-in-2017-5acf29187d35
譯者：李小新
本文系人人都是產品經理翻譯團隊 @李小新? 翻譯發布，未經本站許可，禁止轉載。
題圖來自unsplash，基于CC0協議
- 目前還沒評論，等你發揮！
