雖然最近網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域并沒有涌現(xiàn)出新的玩法和新趨勢(shì),但是在品牌的運(yùn)用、色彩和UI設(shè)計(jì)上,還是有不少值得一提的新的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)。
如果你已經(jīng)對(duì)以往的設(shè)計(jì)項(xiàng)目感到厭倦了,那么不妨在新的一年里,開始嘗試新東西。雖然最近網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域并沒有涌現(xiàn)出新的玩法和新趨勢(shì),但是在品牌的運(yùn)用、色彩和UI設(shè)計(jì)上,還是有不少值得一提的新的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)。
這些看似跟風(fēng)出現(xiàn)的設(shè)計(jì)手法還挺有意思的,設(shè)計(jì)師之所以這么選擇,很大程度上是因?yàn)樗鼈兊墓δ苄院头茨J降奶攸c(diǎn)。在2018年的開頭,接下來的3個(gè)設(shè)計(jì)趨勢(shì),你會(huì)在不少新網(wǎng)站上看到。
1、簡(jiǎn)約文本LOGO的回歸
雖然這種趨勢(shì)說起來略顯簡(jiǎn)單,但是確確實(shí)實(shí)許多網(wǎng)站開始回歸簡(jiǎn)約的文本LOGO并且悄無聲息地置于網(wǎng)站的左上角。這類網(wǎng)站中絕大多數(shù)采用的是文本LOGO,少量的采用文本+圖形的樣式,不過圖形也非常簡(jiǎn)單,和LOGO文本的融合度很高。
這些文本LOGO通常會(huì)使用簡(jiǎn)約而幾何特征明顯的非襯線字體,背景和LOGO之間會(huì)保持一定的對(duì)比度,不會(huì)太過扎眼。當(dāng)背景是彩色的時(shí)候,LOGO會(huì)用白色,或者當(dāng)背景是淺色的時(shí)候,使用相對(duì)更深的顏色來構(gòu)成色差。很明顯,設(shè)計(jì)師并不想讓LOGO顯得過于顯眼,不希望它吸引太多的注意力。
對(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)。
不過,不同的品牌有著截然不同的需求和定位,所以這一趨勢(shì)并非適宜于所有的網(wǎng)站和品牌,在具體設(shè)計(jì)的時(shí)候,設(shè)計(jì)師需要慎重做選擇。
neverbounce
papercast
weareadaptable
2、超窄側(cè)邊欄
雖然側(cè)邊欄作為設(shè)計(jì)元素從未真正脫離潮流,但是它也從來沒有成為設(shè)計(jì)趨勢(shì)中的中流砥柱。不過現(xiàn)在的情況開始有所改變了。
開始有不少網(wǎng)站開始在他們的首頁(yè)中有意識(shí)地加入側(cè)邊欄,有的會(huì)用它來承載社交媒體鏈接的小圖標(biāo),有的則用它作為作為導(dǎo)航元素的載體來使用。這些側(cè)邊欄的設(shè)計(jì)大都比較窄,作為一種縱向排布的元素,部分網(wǎng)頁(yè)當(dāng)中還沒有使用全高。正在流行的這種側(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ī)地加入其中。
bubblewits
designups
squeeze
3、桃色
雖然紫色是2018年的年度潘通色,但是最近的網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中,你會(huì)發(fā)現(xiàn)桃色出現(xiàn)的頻率更高。
桃色和肉色很相似,介于橙色和粉色之間,是一種溫暖而充滿激情的色彩,雖然很多人會(huì)認(rèn)為它略顯女性化,但是它確實(shí)有柔和而具有親和力的一面。
桃色本身會(huì)給人以創(chuàng)意和活力感,喚醒人的饑餓感,有幸福、自信的情緒特征。
最著名的桃色是Crayola蠟筆中的桃色,它的HEX值為 #FFCBA4 ,RGB值為 255,203,164。
在下面的范例當(dāng)中,F(xiàn)olk Strategies 和 Coli 直接將桃色作為配色方案中的主色,營(yíng)造出富有節(jié)日氛圍的設(shè)計(jì)。
雖然桃色并非如同藍(lán)色、綠色和粉紅色一樣流行,但是它作為一種有趣、富有親和力的色彩,正受到越來越多設(shè)計(jì)師的青睞。
folkstrategies
coeli
listenfestival
結(jié)語(yǔ)
一年開頭總是特別適合重新開始。如果你正在開始一個(gè)全新的設(shè)計(jì)項(xiàng)目,可以試著將新的設(shè)計(jì)趨勢(shì)融入到其中,新的色彩,新的UI設(shè)計(jì)元素,它們會(huì)讓你的設(shè)計(jì)項(xiàng)目有著不一樣的視覺和用戶體驗(yàn)。為什么不試試呢?