2月份將會流行的網頁設計趨勢

很多時候,設計趨勢並不會表現的那麼明顯,甚至你看到它們也不一定會注意到。

但是它們也是客觀存在的,通過整個一月份的觀察和總結,我們認為接下來的一個月當中,圓形元素、分局式布局和深色背景+淺色文本會成為流行的網頁設計元素。

這些元素看起來都挺常用的,不過當大家開始扎堆用的時候,就以「趨勢」的形式體現出來了。

1、圓形元素

從形狀心理學的角度來看,圓形和環形有著完整、和諧的心理學特徵,在很多不同的場合,它常常會拿來傳達愛情、能量的意象。

在 Material Design 的規範中,圓形按鈕被大規模運用,並且由此開始,圓形在UI設計中開始承擔越來越多的責任。

不過,由於絕大多數的螢幕和畫布大都是矩形的,圓形元素通常不會貼邊使用,也避免了在布局進行響應式變化的過程中,圓形元素的扭曲和形變。

下面的案例當中,圓形元素都被很好的運用起來,布局保持著良好的流動性。

KymberleeJay 這個網頁使用圓形元素來承載首頁的主要文案,背景圖片中的女性人物的目光則起到了不錯的視覺引導作用。

Buddha Pizza 這個頁面則讓文字構成圓環,圍繞這批薩,創造出獨特的視覺奇觀。

Hotel Poispois 這個頁面則使用浮動的圓形來提升視覺,它們也可以被視作為巨大的按鈕,將用戶導向不同的頁面。

2、分局式設計

分局式設計很有意思,它流行一陣子之後銷聲匿跡,然後又回歸,來來去去好幾回。

最近這一設計趨勢又回歸了,這一次回歸的分局式設計看起來更加大膽,細節的搭配上則更加微妙。

分局式設計的好處在於,它可以更好地呈現響應式的設計,在桌面上左右分局,在行動端上上下疊加。

無論怎麼呈現,用戶都不會因為這種設計而錯過任何的訊息。

分局式設計之下,一個螢幕同時展示兩塊不同的內容,也讓不同的內容和元素有了對等的展示空間。

分局式設計讓用戶能夠自主控制交互,讓他們面對不同的內容的時候能夠選擇自己喜歡的內容和方式來操作。

Taco Bill 的網站就是一個很好的例子,當你打開網站的時候,設計師就為用戶提出了兩個問題:你是想打包帶走事物,還是預訂之後在餐廳里吃?

通過分局的方式,用戶有了兩個不同的選擇。

分局式的設計讓用戶的選擇更加直觀、可視化。

Nikos Pandazaras 的作品集網站則選擇了截然不同的設計思路。

他將導航置於螢幕的中間,而攝影作品則左右各一併排放置,兩者的重要性無疑是對等的,用戶可以同時看到兩幅不同的作品,螢幕的利用率倒是挺高的。

D』Aucy 在進行分局設計的時候,選擇了更加微妙的策略。左側僅有圖片,搭配著有紋理的背景;右側的背景選擇了近似的色彩卻沒有加上紋理,僅有文本標題。

兩者在保持近似一致的視覺設計的同時,又巧妙地呈現出差異性。

3、深色背景+淺色文本

深色背景+淺色文本是一個相對經典的組合。

不過最新的玩法和之前的略有不同,許多設計師在深色的背景之下,加入了動效和影片。

無論加入的影片或者動效是顯著的還是微妙,它們都很好地吸引了用戶的注意力,增加了視覺上的愉悅感。

比如 Top EstatesBullying and Behavior 這兩個網站,均是採用了相對微妙的背景動效。

白色的文本讓整個設計的訊息對比度有了保證,甚至讓內容顯得鮮明而突出。

通常保持靜態的文本和背景中深色的動效和影片構成了動靜對比,使得這些網頁在體驗上顯得非常有感覺。

背景顯得越黑暗,整體所營造出的神秘感就越明顯。

較深的背景也增加了整體的可讀性,背景中的動態元素則很好的營造了氛圍和情緒。

這樣的設計看起來並不複雜,但是其中所蘊含的訊息量一點都不比其他的設計方案來的少。

結語

這次所總結的三種設計趨勢擁有著良好的適用性,在幾乎任何設計項目當中都可以適當地融入進去。

無論是進行網頁重設計,還是開始全新的設計項目,這些設計趨勢都可以試著運用進去。

當然,首先最重要的,始終是你的設計目標是什麼。


 

【想讓你的網站其他人優秀嗎?這些設計趨勢一個都不要錯過!】

1.9種讓你的網頁很專業
2.預測2018網頁設計趨勢
3.2018年手機應用UI設計趨勢
4.這3個設計趨勢是網頁設計師的最愛


 

給你最好的網頁設計Gogoshark


Also published on Medium.

GogoShark 小編主要分享: 網頁設計, 數位行銷, SEO, 品牌策略...等領域。是你的數位行銷解決方案專家。提供數位行銷知識、分析工具、解決方案與資源夥伴;精準蒐羅數位網路行銷懶人包、關鍵字行銷、社群行銷、內容行銷等。GogoShark 是間位於台北的網頁設計公司

客服支援

您的問題,由我們來解決 - 位於台北的專業網頁設計服務 GogoShark 可協助您拓展事業版圖,透過更加簡單快速的方法將一切數位化