2017年度UI設計趨勢回顧

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

source:http://news.vsochina.com/design/43653.html