很多時候，設計趨勢并不會表現的那么明顯，甚至你看到它們也不一定會注意到。但是它們也是客觀存在的。通過整個一月份的觀察和總結，我們認為接下來的一個月當中，圓形元素、分屏式布局和深色背景+淺色文本會成為流行的網頁設計元素。

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

1、圓形元素

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

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

不過，由于絕大多數的屏幕和畫布大都是矩形的，圓形元素通常不會貼邊使用，也避免了在布局進行響應式變化的過程中，圓形元素的扭曲和形變。下面的案例當中，圓形元素都被很好的運用起來，布局保持著良好的流動性。

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

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

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

2、分屏式設計

分屏式設計很有意思，它流行一陣子之后銷聲匿跡，然后又回歸，來來去去好幾回。最近這一設計趨勢又回歸了，這一次回歸的分屏式設計看起來更加大膽，細節的搭配上則更加微妙。

分屏式設計的好處在于，它可以更好地呈現響應式的設計，在桌面上左右分屏，在移動端上上下疊加。無論怎么呈現，用戶都不會因為這種設計而錯過任何的信息。

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

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

Taco Bill 的網站就是一個很好的例子，當你打開網站的時候，設計師就為用戶提出了兩個問題：你是想打包帶走事物，還是預訂之后在餐廳里吃？通過分屏的方式，用戶有了兩個不同的選擇。分屏式的設計讓用戶的選擇更加直觀、可視化。

Nikos Pandazaras 的作品集網站則選擇了截然不同的設計思路。他將導航置于屏幕的中間，而攝影作品則左右各一并排放置，兩者的重要性無疑是對等的，用戶可以同時看到兩幅不同的作品，屏幕的利用率倒是挺高的。

D’Aucy 在進行分屏設計的時候，選擇了更加微妙的策略。左側僅有圖片，搭配著有紋理的背景；右側的背景選擇了近似的色彩卻沒有加上紋理，僅有文本標題。兩者在保持近似一致的視覺設計的同時，又巧妙地呈現出差異性。

3、深色背景+淺色文本

深色背景+淺色文本是一個相對經典的組合。不過最新的玩法和之前的略有不同，許多設計師在深色的背景之下，加入了動效和視頻。

無論加入的視頻或者動效是顯著的還是微妙，它們都很好地吸引了用戶的注意力，增加了視覺上的愉悅感。比如 Top Estates 和 Bullying and Behavior 這兩個網站，均是采用了相對微妙的背景動效。

白色的文本讓整個設計的信息對比度有了保證，甚至讓內容顯得鮮明而突出。通常保持靜態的文本和背景中深色的動效和視頻構成了動靜對比，使得這些網頁在體驗上顯得非常有感覺。

背景顯得越黑暗，整體所營造出的神秘感就越明顯。較深的背景也增加了整體的可讀性，背景中的動態元素則很好的營造了氛圍和情緒。

這樣的設計看起來并不復雜，但是其中所蘊含的信息量一點都不比其他的設計方案來的少。

結語

這次所總結的三種設計趨勢擁有著良好的適用性，在幾乎任何設計項目當中都可以適當地融入進去。無論是進行網頁重設計，還是開始全新的設計項目，這些設計趨勢都可以試著運用進去。當然，首先最重要的，始終是你的設計目標是什么。

【2018年設計趨勢，一個都不要錯過】

1. 《2018年，這10個LOGO設計趨勢值得你關注》
2. 《超全面總結！2017年UI設計領域流行過這21個設計趨勢》
3. 《掌握這12個移動端UX設計趨勢，你就掌控了2018年》
4. 《這款獨特的紫色，是為你指引2018年設計方向的年度潘通色》

本文由優設網原創翻譯，請尊重版權和譯者成果，轉摘請附上優設鏈接，違者必究。謝謝各位編輯同仁配合。

================明星欄目推薦================

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備：http://hao.uisdc.com