如果要深究近期網頁設計趨勢的變化，這些變化更多是關于用戶模式，色彩和排版設計的。但是不論是其中哪種，都牽涉到一些微妙的設計技巧和復雜的影響因素，將它們納入6月的設計趨勢，似乎略有不足。在過去一個月所出現的新網頁設計作品當中，最顯著的設計趨勢還是體現在一些設計元素上，風格獨特的底部導航，自由隨性的Box元素，裝飾性極強的豎線元素。
近期如果你在糾結怎么設計網頁的話，這些設計趨勢可以用來看看~
1、底部導航設計
在手機上，底部導航是普及率頗為高的設計，但是在網頁上就不算多見了。雖然側邊欄和垂直導航基本上要脫離實驗性設計的身份了，但是底部導航這種“反習慣”的設計，仍然算是激進的一種設計手法。
底部導航在網頁上是先鋒的設計，所以它不是兼容所有用戶的一種設計策略。如果你做的是一個強調設計、受眾接受性較強的網站，可以嘗試接入這一設計趨勢。
如要使用底部導航加持設計，那么你需要正確地使用它：
- 保持簡約，在不用向下滾動的頁面上使用上佳，少數頁面使用為好
- 設計的要醒目，不要讓用戶忽略它們
- 如果頁面較長，使用懸浮固定的底部導航
- 搭配極簡風格的設計框架，復雜的網頁設計會讓用戶忽略底部導航
- 加入一些額外的元素來強化導航功能，確保用戶不會迷失
2、Box元素
Box，盒子是一種非常實用的頁面元素載體，在數字設計日趨多樣繁復的2017年，Box 元素簡直是設計師手里的攻城利器。從功能上來說，它和Material Design 中卡片的概念是高度相似的，但是它并沒有限制在這個風格當中。和卡片一樣，Box 元素可以承載各種各樣的內容，它非常符合今年設計師對于多樣性的需求。
當你開始使用Box元素的時候，應該注意下面的問題：
- 使用Box 來創建視覺焦點，比如下面的 Cedrick Lachot 這個網站
- 使用Box 將不同的元素分層，類似下面的Feudi Di San Gregorio 這樣設計
- 使用Box 來強化流程和視覺。Beoplay 的網站就使用堆疊的Box來創建視覺路徑，每個Box中承載不同的動畫，吸引用戶滾動瀏覽
3、豎線元素
雖然用戶并不一定會時刻注意到網頁背后的柵格系統，但是恰到好處的豎線元素，絕對能夠強化整個網頁的設計感。
豎線元素主要還是起到裝飾性的作用，和我們常見的原型、矩形和橫線元素不同，豎線元素其實出現的非常少，在很多時候能夠給整個設計一種有趣、別具一格的體驗。
豎線元素無疑會讓網頁更加風格化，不過它的侵略性并不強，所以，它的應用范疇還是很廣的：
- 可以嘗試使用較細的豎線融入背景
- 創建垂直豎線的圖像拼貼
- 在主圖上使用豎線元素創造視覺深度，強化層次
- 使用豎線穿過圖片上的視覺焦點
- 使用分屏式的設計，創造出垂直分割的視覺體驗
- 使用其他的小元素縱向排列，在背景中使用
- 讓元素在縱向上堆疊，而不是常見的橫向排列
結語
趨勢能夠流行多久？誰不知道，這是使用設計趨勢的風險所在。趨勢無疑是有時間限制的，但是在此刻，它是有價值和意義的。
【緊跟趨勢，也要搞定基本功】
- 《劃重點！在為可穿戴設備設計時這11點超重要！》
- 《對比這10個注意事項，你的網頁文字排版達標了么？》
- 《從這些工具開始，在設計時更科學地搞定配色》
- 《講真，如今的好設計還是離不開數據的支持》
- 《想讓設計更走心？你得學會用共情來驅動設計》
- 《學會插畫的這四種玩法，能讓你的UI體驗更優異》
- 《這樣做引導，幫你的用戶快速熟悉手勢交互》
- 《懸浮按鈕要怎么設計才能帶來好體驗？》
- 《怎樣借助故事板做好用戶體驗設計？》
原文地址：webdesignerdepot
原文作者：CARRIE COUSINS
優設譯文：@陳子木
本文由優設網原創翻譯，請尊重版權和譯者成果，轉摘請附上優設鏈接，違者必究。謝謝各位編輯同仁配合。
【優設網 原創文章 投稿郵箱：yuan@uisdc.com】
================明星欄目推薦================
優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。
設計導航：國內人氣最高的設計網址導航，設計師必備：http://hao.uisdc.com
復制本文鏈接 文章為作者獨立觀點不代表優設網立場，未經允許不得轉載。
發評論！每天贏獎品
點擊 登錄 后，在評論區留言，系統會隨機派送獎品
2012年成立至今，是國內備受歡迎的設計師平臺，提供獎品贊助 聯系我們
AI輔助海報設計101例
已累計誕生 737 位幸運星
發表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓