在這些趨勢里面,有的會持續性地流行好幾年,也有一些,會被淘汰。幾乎每年年底,都會有一些網站,根據過去一年中 UI 設計風格的更迭,來預測下一年的趨勢。
在線網站 creative bloq 就以網頁設計為主,列舉了十個 2017 年的 UI 設計趨勢的例子,希望對你有所幫助。
一、有沉浸感的全屏式設計
Immersive 沉浸感,說的是一種讓你猶如身臨其境的模擬真實的效果。就像最初的美術來自于對現實的模擬一樣,這種擬真的設計,至今仍然受用。
因而我們能看到像這樣的網頁設計,它以全屏式的大幅圖像和視頻為主,以一種簡單卻有效的方式,迅速把你帶入它所設定的情境之中。
這是一個不錯的網頁設計的例子,來自 Campos Coffee,動態的全屏設計簡單卻蘊含豐富的信息。
Dutch airline KLM's magazine iFly50
技術的發展給這種擬真化的表達提供了更多的選擇。與靜態的圖像不同,視頻有著更為強烈的“敘事性”。盡管圖像在長久以來始終占據 UI 和網頁設計的主流,不過,在 2017 年,也許全屏式的互動視頻設計會更吸引你的眼球。
二、長滾動式設計
“滾動”,并不算是一個新的設計趨勢。
在過去的幾年內,滾動式的閱讀體驗在小屏幕設備上的發展尤為突出。想想你手機上的 app,一定有很多采取的是這種滾動式設計。
National Geographic
正如你所看到的這個國家地理的官方網站一樣,這種滾動設計的好處非常直白:它提供給用戶一個更為流暢的瀏覽體驗,以一個線性的方式,引導用戶在短時間內不受打擾地閱讀到更多的內容。
Riding the new silk road by New York Times
現在,“滾動”從小屏幕越來越多地轉向大屏幕設計。也有很多的設計師在研究大屏幕上的“滾動”機制如何處理,才能帶來更為卓越的使用感受。
在 2017 年,這種長條狀的滾動式網頁設計也許將成為主流。
三、漸變色的運用
2013 年開始盛行的扁平化設計中,強調簡潔的功能界面區分,拋棄多余的元素。至今,這種設計風格依然有著借鑒的價值。
不過,隨著扁平化的流行,它的弊端也開始顯現出來:一時之間幾乎是所有的平面設計都在強調扁平化,這使得它們趨于雷同,看上去毫無個性。
想要在扁平化設計中,加點不一樣的元素讓它更為生動,漸變色不失為一個好的選擇。
Spotify 的網站,就是一個極好的例子。它的主頁面把 2016 年最流行的粉色和藍色糅合,產生了雙色漸變,看起來十分絢麗。
再往下拉,就變成了橙色的漸變色,顯得十分有夏天的感覺。
雖然此前設計界對于 Instagram 的扁平化漸變色 logo 的設計褒貶不一,不過,它也意味著一種設計的趨勢:漸變色能讓設計看起來更活潑有趣,毫無疑問,它是 2017 年的十大設計趨勢之一。
四、插畫的運用
插畫可以讓設計具有“性格”,比起傳統的攝影,它是一種直觀的與用戶進行情感交流的視覺語言。
對于品牌來說,沒有什么能比用插畫來塑造品牌形象、傳遞品牌性格還要簡單有效的方式了。作為一種有趣的情感表達,插畫可以是量身定制的,因而它能幫助獲得用戶的信任,讓人感覺更為親切。
Dropbox 和 payplan 都是不錯的例子,它們的首頁以簡筆畫的形式很直觀地表達了產品的幾大功能,能夠幫助用戶快速理解。
此外,插畫的實現途徑并不唯一。它提供多種創意方向的選擇,不同的插畫也可以傳遞不同的情緒。比如簡筆風的手繪看上去單純可愛,精細繁復的筆觸可以產生一種“高級”質感,當插畫與攝影結合,則給人一種虛實難辨的奇幻感。
平面設計
工業設計
CG插畫
UI交互
室內設計
建筑環境