2019年在我們所能觀察到的諸多設計當中，淺色的背景是當之無愧的主流。淺色背景本身就不太可能喧賓奪主，讓視覺主體更加突出。而如今，我們逐漸發現，背景還具備補充主體的功能，并且這種補充是潛移默化的。背景的功能性其實還可以強化，這種思路可以在如今的APP 界面設計當中應用，讓整體設計更加平衡。

如果您已經對以往的設計項目感到厭倦了，那么不妨在2019一年里，開始嘗試新東西。雖然最近網頁設計領域并沒有涌現出新的玩法和新趨勢，但是在品牌的運用、色彩和UI設計上，還是有不少值得一提的新的網頁設計趨勢。

2019網頁設計趨勢1

這些看似跟風出現的設計手法還挺有意思的，設計師之所以這么選擇，很大程度上是因為它們的功能性和反模式的特點。在2018年的開頭，接下來的3個設計趨勢，你會在不少新網站上看到。

1、簡約文本LOGO的回歸

雖然這種趨勢說起來略顯簡單，但是確確實實許多網站開始回歸簡約的文本LOGO并且悄無聲息地置于網站的左上角。這類網站中絕大多數采用的是文本LOGO，少量的采用文本+圖形的樣式，不過圖形也非常簡單，和LOGO文本的融合度很高。

這些文本LOGO通常會使用簡約而幾何特征明顯的非襯線字體，背景和LOGO之間會保持一定的對比度，不會太過扎眼。當背景是彩色的時候，LOGO會用白色，或者當背景是淺色的時候，使用相對更深的顏色來構成色差。很明顯，設計師并不想讓LOGO顯得過于顯眼，不希望它吸引太多的注意力。

對于許多尚未擁有足夠聲望的初創品牌或者小企業而言，這一趨勢是非常受歡迎的。此外，包含有大量復雜內容的網站也更加傾向于這么做，就比如下面的Papercast，網站所傳達的信息量非常之大，設計師希望用戶能夠更加關注網站內容而非LOGO，這種設計就成了一個很好的選擇。

簡化的品牌形象設計，應該是收到移動端響應式網站設計的影響，簡化的LOGO能夠更輕松地放到更多的屏幕和場合，正如同《2018年，這10個LOGO設計趨勢值得你關注》這篇文章中所提到，簡化之后的LOGO能夠適應更多的需求，也可以帶著品牌走向更遠。

不過，不同的品牌有著截然不同的需求和定位，所以這一趨勢并非適宜于所有的網站和品牌，在具體設計的時候，設計師需要慎重做選擇。

2、超窄側邊欄

2019網頁設計趨勢2

雖然側邊欄作為設計元素從未真正脫離潮流，但是它也從來沒有成為設計趨勢中的中流砥柱。不過現在的情況開始有所改變了。

開始有不少網站開始在他們的首頁中有意識地加入側邊欄，有的會用它來承載社交媒體鏈接的小圖標，有的則用它作為作為導航元素的載體來使用。這些側邊欄的設計大都比較窄，作為一種縱向排布的元素，部分網頁當中還沒有使用全高。正在流行的這種側邊欄設計，最大的特點是窄，輕量級。

這種設計很大程度上要歸功于移動端網頁設計——移動端屏幕通常較小，為了方便交互而使用側邊欄作為功能載體，但是考慮到較窄的屏寬，側邊欄不能設計的太寬。而被移植到桌面端的側邊欄同樣不會設計得太寬大，這很容易讓人想到它在移動端上的樣子。

為了統一移動端和桌面端之間的體驗和交互，許多設計師會有意識地將各種縱向排布的元素加入到設計當中，而超窄側邊欄則成了最佳的載體。從首頁到社交媒體鏈接，從品牌LOGO到功能性按鈕，它們都可以有機地加入其中。

3、桃色

雖然紫色是2019年的年度潘通色，但是最近的網頁設計當中，你會發現桃色出現的頻率更高。

2019網頁設計趨勢3

桃色和肉色很相似，介于橙色和粉色之間，是一種溫暖而充滿激情的色彩，雖然很多人會認為它略顯女性化，但是它確實有柔和而具有親和力的一面。

桃色本身會給人以創意和活力感，喚醒人的饑餓感，有幸福、自信的情緒特征。

最著名的桃色是蠟筆中的桃色，它的HEX值為 #FFCBA4 ，RGB值為 255，203，164。

在下面的范例當中，直接將桃色作為配色方案中的主色，營造出富有節日氛圍的設計。

雖然桃色并非如同藍色、綠色和粉紅色一樣流行，但是它作為一種有趣、富有親和力的色彩，正受到越來越多設計師的青睞。

一年開頭總是特別適合重新開始。如果你正在開始一個全新的設計項目，可以試著將新的設計趨勢融入到其中，新的色彩，新的UI設計元素，它們會讓你的設計項目有著不一樣的視覺和用戶體驗。為什么不試試呢?

4、為創造戲劇感，使用色彩分割背景

分屏式設計并不新鮮，它是一個存在了很長時間的設計趨勢了。在桌面端的屏幕上，分屏式設計一直都很有效，寬廣的屏幕讓設計師有足夠的施展空間，但是在移動端上則是個挑戰。

2019網頁設計趨勢4

好在 UI 設計師們找到了解決方案，對比色是增加視覺吸引力的最佳方式。

在 Tubik Studio 的這個設計案例當中，設計師使用不均等分布的色塊來分割屏幕，同時使用白色背景區塊來承載主體內容，避免被背景色彩干擾。設計師充分利用了對比色的對抗性，以及和白色之間的對比度，功能完善，但是有趣又漂亮。

5、為營造氛圍，在背景上疊加輔助性圖形元素

雖然在背景圖片中疊加各種圖形化的元素聽起來很奇怪，但是確實是逐漸流行起來的一種背景設計玩法。不過，這存在一種風險，就是如果疊加太多的圖形化元素，會讓整體看起來過于雜亂。盡量在豐富視覺和制造視覺污染之間找到平衡，最終的設計效果，能夠給你帶來意料之外的優質效果。

2019網頁設計趨勢5

雖然手機越來越大，但是屏幕空間依然很寶貴。通過疊加一些特定的圖形元素來創造視覺深度，給用戶以空間感。

這種背景設計的另外一個好處在于，你可以讓整個UI顯得更加富有視覺吸引力。在設計的時候，需要注意的是，要保持元素之間的一致性，確保不同的元素在屏幕上呈現的時候，仍然保持協調。

6、為保持整體感，使用整圖作為背景

使用整張圖片作為背景，一直被UI/UX領域的設計師所爭論。對，你沒看錯，這個事情一直存在爭議。有人非常喜歡使用圖片背景，有人則完全無法接受這種呈現方式。

但是撇開個人喜好，趨勢上，這種背景運用方式還是越來越流行了。在APP的UI界面中，如果你能靈活自由地使用全屏背景的化，對于接下來的設計肯定是有所助益的。

2019網頁設計趨勢6

圖片所呈現的信息量當然是毋庸置疑的，更重要的是如何貼合品牌和氛圍，呈現出應有的氣場。

當然，最核心的技巧，是在于透明度的控制，和內容框的設計。為了避免信息和背景之間的對比度不足，合理的方法是使用內容框將前景的元素承載起來。而為了避免背景圖片喧賓奪主，還可以借助透明度的控制，來確保背景圖片更加平滑自然，不會影響到閱讀和使用。