網站設計趨勢并不會表現的那么明顯,甚至你看到它們也不一定會注意到。但是它們也是客觀存在的。通過整個一月份的觀察和總結,我們認為接下來的一個月當中,圓形元素、分屏式布局和深色背景+淺色文本會成為流行的網頁設計元素。
這些元素看起來都挺常用的,不過當大家開始扎堆用的時候,就以“趨勢”的形式體現出來了。 1、圓形元素 從形狀心理學的角度來看,圓形和環形有著完整、和諧的心理學特征,在很多不同的場合,它常常會拿來傳達愛情、能量的意象。 在 Material Design 的規范中,圓形按鈕被大規模運用,并且由此開始,圓形在UI設計中開始承擔越來越多的責任。 不過,由于絕大多數的屏幕和畫布大都是矩形的,圓形元素通常不會貼邊使用,也避免了在布局進行響應式變化的過程中,圓形元素的扭曲和形變。下面的案例當中,圓形元素都被很好的運用起來,布局保持著良好的流動性。 KymberleeJay 這個網頁使用圓形元素來承載首頁的主要文案,背景圖片中的女性人物的目光則起到了不錯的視覺引導作用。 2、網站分屏式設計 分屏式設計很有意思,它流行一陣子之后銷聲匿跡,然后又回歸,來來去去好幾回。最近這一設計趨勢又回歸了,這一次回歸的分屏式設計看起來更加大膽,細節的搭配上則更加微妙。 分屏式設計的好處在于,它可以更好地呈現響應式的設計,在桌面上左右分屏,在移動端上上下疊加。無論怎么呈現,用戶都不會因為這種設計而錯過任何的信息。 分屏式設計之下,一個屏幕同時展示兩塊不同的內容,也讓不同的內容和元素有了對等的展示空間。 分屏式設計讓用戶能夠自主控制交互,讓他們面對不同的內容的時候能夠選擇自己喜歡的內容和方式來操作。 Taco Bill 的網站就是一個很好的例子,當你打開網站的時候,設計師就為用戶提出了兩個問題:你是想打包帶走事物,還是預訂之后在餐廳里吃?通過分屏的方式,用戶有了兩個不同的選擇。分屏式的設計讓用戶的選擇更加直觀、可視化。 3、深色背景+淺色文本 深色背景+淺色文本是一個相對經典的組合。不過最新的玩法和之前的略有不同,許多設計師在深色的背景之下,加入了動效和視頻。 無論加入的視頻或者動效是顯著的還是微妙,它們都很好地吸引了用戶的注意力,增加了視覺上的愉悅感。比如 Top Estates 和 Bullying and Behavior 這兩個網站,均是采用了相對微妙的背景動效。 結語 這次所總結的三種設計趨勢擁有著良好的適用性,在幾乎任何設計項目當中都可以適當地融入進去。無論是進行網頁重設計,還是開始全新的設計項目,這些設計趨勢都可以試著運用進去。當然,首先最重要的,始終是你的設計目標是什么。 |