2019年在我們所能觀察到的諸多設(shè)計(jì)當(dāng)中，淺色的背景是當(dāng)之無(wú)愧的主流。淺色背景本身就不太可能喧賓奪主，讓視覺(jué)主體更加突出。而如今，我們逐漸發(fā)現(xiàn)，背景還具備補(bǔ)充主體的功能，并且這種補(bǔ)充是潛移默化的。背景的功能性其實(shí)還可以強(qiáng)化，這種思路可以在如今的APP 界面設(shè)計(jì)當(dāng)中應(yīng)用，讓整體設(shè)計(jì)更加平衡。

如果您已經(jīng)對(duì)以往的設(shè)計(jì)項(xiàng)目感到厭倦了，那么不妨在2019一年里，開(kāi)始嘗試新東西。雖然最近網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域并沒(méi)有涌現(xiàn)出新的玩法和新趨勢(shì)，但是在品牌的運(yùn)用、色彩和UI設(shè)計(jì)上，還是有不少值得一提的新的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)。

2019網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)1

這些看似跟風(fēng)出現(xiàn)的設(shè)計(jì)手法還挺有意思的，設(shè)計(jì)師之所以這么選擇，很大程度上是因?yàn)樗鼈兊墓δ苄院头茨Ｊ降奶攸c(diǎn)。在2018年的開(kāi)頭，接下來(lái)的3個(gè)設(shè)計(jì)趨勢(shì)，你會(huì)在不少新網(wǎng)站上看到。

1、簡(jiǎn)約文本LOGO的回歸

雖然這種趨勢(shì)說(shuō)起來(lái)略顯簡(jiǎn)單，但是確確實(shí)實(shí)許多網(wǎng)站開(kāi)始回歸簡(jiǎn)約的文本LOGO并且悄無(wú)聲息地置于網(wǎng)站的左上角。這類網(wǎng)站中絕大多數(shù)采用的是文本LOGO，少量的采用文本+圖形的樣式，不過(guò)圖形也非常簡(jiǎn)單，和LOGO文本的融合度很高。

這些文本LOGO通常會(huì)使用簡(jiǎn)約而幾何特征明顯的非襯線字體，背景和LOGO之間會(huì)保持一定的對(duì)比度，不會(huì)太過(guò)扎眼。當(dāng)背景是彩色的時(shí)候，LOGO會(huì)用白色，或者當(dāng)背景是淺色的時(shí)候，使用相對(duì)更深的顏色來(lái)構(gòu)成色差。很明顯，設(shè)計(jì)師并不想讓LOGO顯得過(guò)于顯眼，不希望它吸引太多的注意力。

對(duì)于許多尚未擁有足夠聲望的初創(chuàng)品牌或者小企業(yè)而言，這一趨勢(shì)是非常受歡迎的。此外，包含有大量復(fù)雜內(nèi)容的網(wǎng)站也更加傾向于這么做，就比如下面的Papercast，網(wǎng)站所傳達(dá)的信息量非常之大，設(shè)計(jì)師希望用戶能夠更加關(guān)注網(wǎng)站內(nèi)容而非LOGO，這種設(shè)計(jì)就成了一個(gè)很好的選擇。

簡(jiǎn)化的品牌形象設(shè)計(jì)，應(yīng)該是收到移動(dòng)端響應(yīng)式網(wǎng)站設(shè)計(jì)的影響，簡(jiǎn)化的LOGO能夠更輕松地放到更多的屏幕和場(chǎng)合，正如同《2018年，這10個(gè)LOGO設(shè)計(jì)趨勢(shì)值得你關(guān)注》這篇文章中所提到，簡(jiǎn)化之后的LOGO能夠適應(yīng)更多的需求，也可以帶著品牌走向更遠(yuǎn)。

不過(guò)，不同的品牌有著截然不同的需求和定位，所以這一趨勢(shì)并非適宜于所有的網(wǎng)站和品牌，在具體設(shè)計(jì)的時(shí)候，設(shè)計(jì)師需要慎重做選擇。

2、超窄側(cè)邊欄

2019網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)2

雖然側(cè)邊欄作為設(shè)計(jì)元素從未真正脫離潮流，但是它也從來(lái)沒(méi)有成為設(shè)計(jì)趨勢(shì)中的中流砥柱。不過(guò)現(xiàn)在的情況開(kāi)始有所改變了。

開(kāi)始有不少網(wǎng)站開(kāi)始在他們的首頁(yè)中有意識(shí)地加入側(cè)邊欄，有的會(huì)用它來(lái)承載社交媒體鏈接的小圖標(biāo)，有的則用它作為作為導(dǎo)航元素的載體來(lái)使用。這些側(cè)邊欄的設(shè)計(jì)大都比較窄，作為一種縱向排布的元素，部分網(wǎng)頁(yè)當(dāng)中還沒(méi)有使用全高。正在流行的這種側(cè)邊欄設(shè)計(jì)，最大的特點(diǎn)是窄，輕量級(jí)。

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

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

3、桃色

雖然紫色是2019年的年度潘通色，但是最近的網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中，你會(huì)發(fā)現(xiàn)桃色出現(xiàn)的頻率更高。

2019網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)3

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

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

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

在下面的范例當(dāng)中，直接將桃色作為配色方案中的主色，營(yíng)造出富有節(jié)日氛圍的設(shè)計(jì)。

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

一年開(kāi)頭總是特別適合重新開(kāi)始。如果你正在開(kāi)始一個(gè)全新的設(shè)計(jì)項(xiàng)目，可以試著將新的設(shè)計(jì)趨勢(shì)融入到其中，新的色彩，新的UI設(shè)計(jì)元素，它們會(huì)讓你的設(shè)計(jì)項(xiàng)目有著不一樣的視覺(jué)和用戶體驗(yàn)。為什么不試試呢?

4、為創(chuàng)造戲劇感，使用色彩分割背景

分屏式設(shè)計(jì)并不新鮮，它是一個(gè)存在了很長(zhǎng)時(shí)間的設(shè)計(jì)趨勢(shì)了。在桌面端的屏幕上，分屏式設(shè)計(jì)一直都很有效，寬廣的屏幕讓設(shè)計(jì)師有足夠的施展空間，但是在移動(dòng)端上則是個(gè)挑戰(zhàn)。

2019網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)4

好在 UI 設(shè)計(jì)師們找到了解決方案，對(duì)比色是增加視覺(jué)吸引力的最佳方式。

在 Tubik Studio 的這個(gè)設(shè)計(jì)案例當(dāng)中，設(shè)計(jì)師使用不均等分布的色塊來(lái)分割屏幕，同時(shí)使用白色背景區(qū)塊來(lái)承載主體內(nèi)容，避免被背景色彩干擾。設(shè)計(jì)師充分利用了對(duì)比色的對(duì)抗性，以及和白色之間的對(duì)比度，功能完善，但是有趣又漂亮。

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

雖然在背景圖片中疊加各種圖形化的元素聽(tīng)起來(lái)很奇怪，但是確實(shí)是逐漸流行起來(lái)的一種背景設(shè)計(jì)玩法。不過(guò)，這存在一種風(fēng)險(xiǎn)，就是如果疊加太多的圖形化元素，會(huì)讓整體看起來(lái)過(guò)于雜亂。盡量在豐富視覺(jué)和制造視覺(jué)污染之間找到平衡，最終的設(shè)計(jì)效果，能夠給你帶來(lái)意料之外的優(yōu)質(zhì)效果。

2019網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)5

雖然手機(jī)越來(lái)越大，但是屏幕空間依然很寶貴。通過(guò)疊加一些特定的圖形元素來(lái)創(chuàng)造視覺(jué)深度，給用戶以空間感。

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

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

使用整張圖片作為背景，一直被UI/UX領(lǐng)域的設(shè)計(jì)師所爭(zhēng)論。對(duì)，你沒(méi)看錯(cuò)，這個(gè)事情一直存在爭(zhēng)議。有人非常喜歡使用圖片背景，有人則完全無(wú)法接受這種呈現(xiàn)方式。

但是撇開(kāi)個(gè)人喜好，趨勢(shì)上，這種背景運(yùn)用方式還是越來(lái)越流行了。在APP的UI界面中，如果你能靈活自由地使用全屏背景的化，對(duì)于接下來(lái)的設(shè)計(jì)肯定是有所助益的。

2019網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)6

圖片所呈現(xiàn)的信息量當(dāng)然是毋庸置疑的，更重要的是如何貼合品牌和氛圍，呈現(xiàn)出應(yīng)有的氣場(chǎng)。

當(dāng)然，最核心的技巧，是在于透明度的控制，和內(nèi)容框的設(shè)計(jì)。為了避免信息和背景之間的對(duì)比度不足，合理的方法是使用內(nèi)容框?qū)⑶熬暗脑爻休d起來(lái)。而為了避免背景圖片喧賓奪主，還可以借助透明度的控制，來(lái)確保背景圖片更加平滑自然，不會(huì)影響到閱讀和使用。