通常每年進(jìn)入下半年之后，設(shè)計(jì)趨勢(shì)通常都會(huì)呈現(xiàn)出一種比較穩(wěn)定的狀態(tài)，不太會(huì)出現(xiàn)很獨(dú)特的變化。不過(guò)，在具體的設(shè)計(jì)項(xiàng)目當(dāng)中，仍然會(huì)有一些趨勢(shì)，值得設(shè)計(jì)師注意。如果你最近手頭上正好有正在推進(jìn)的設(shè)計(jì)項(xiàng)目，而靈感不足，不妨參考一下這些趨勢(shì)，看看有沒有值得借鑒和使用的地方。

1. 精心定制的插畫

作為設(shè)計(jì)當(dāng)中最「設(shè)計(jì)師」的組成部分，插畫本身有著強(qiáng)大的視覺吸引力。插畫元素在網(wǎng)頁(yè)和 APP設(shè)計(jì)項(xiàng)目當(dāng)中并不少見，但是就目前來(lái)看，只有精心定制的插畫會(huì)更加吸引用戶的注意力。精心調(diào)制的細(xì)節(jié)，貼合語(yǔ)境的視覺內(nèi)容，都是提升插畫品質(zhì)，增加轉(zhuǎn)化率的重要手段。

插畫越是精細(xì)，定制性和獨(dú)特性越高，就越能夠讓整個(gè)設(shè)計(jì)項(xiàng)目稱為一個(gè)獨(dú)一無(wú)二的存在。想要靠近這一目標(biāo)，有很多種不同的方法能夠做到這一點(diǎn)。

Growcase 這個(gè)網(wǎng)站是設(shè)計(jì)師 Emit Ayouni 的作品集，他的插畫作品從插畫風(fēng)格到色彩的運(yùn)用都有著非常強(qiáng)烈的個(gè)人風(fēng)格，將插畫直接排布在網(wǎng)頁(yè)上，不僅賦予了網(wǎng)站獨(dú)特的風(fēng)格調(diào)性，而且讓用戶充滿了探索它們的沖動(dòng)。

Ester Digital 的網(wǎng)頁(yè)中，所使用的插畫就明顯是草圖插畫的風(fēng)格，參差的筆觸讓這些插畫的紋理非常的清晰，手工的痕跡足夠明顯，而這一點(diǎn)非常貼合網(wǎng)站「創(chuàng)意設(shè)計(jì)」的領(lǐng)域特征，營(yíng)造出了近乎完美的氛圍。

ICO Syndicate 不僅在網(wǎng)站中使用了風(fēng)格復(fù)古的插畫設(shè)計(jì)，簡(jiǎn)約的線條和鮮艷的色彩本身就已經(jīng)非常抓人眼球了，結(jié)合了動(dòng)效之后，整個(gè)插畫就顯得非常有趣吸引人了。

2. 差異化面板式設(shè)計(jì)

當(dāng)我們?cè)谟懻摼W(wǎng)頁(yè)設(shè)計(jì)的時(shí)候，總是離不開「屏」這個(gè)單位。雖然網(wǎng)頁(yè)總體上可能是很長(zhǎng)的一條頁(yè)面，但是由于我們使用顯示屏來(lái)查看頁(yè)面，使得我們每次都只能看到頁(yè)面的一個(gè)部分，也就是我們常說(shuō)的「一屏」的內(nèi)容。

所以，有的設(shè)計(jì)將每一屏頁(yè)面視作一個(gè)獨(dú)立的面板的時(shí)候， 當(dāng)翻到下一個(gè)頁(yè)面的時(shí)候，就顯示下一個(gè)面板的內(nèi)容。這種差異化的、內(nèi)容獨(dú)立的面板構(gòu)成了整個(gè)網(wǎng)站頁(yè)面。這樣的布局設(shè)計(jì)，從概念的層面上讓網(wǎng)站的模塊之間的設(shè)計(jì)關(guān)聯(lián)性進(jìn)一步降低，也強(qiáng)化了內(nèi)容組織的自由度和包容性，提供了更多內(nèi)容堆疊的策略，同時(shí)，用戶在切換之后查看內(nèi)容也可以是無(wú)縫的。

Adaptable 使用的就是這樣的差異化的面板式設(shè)計(jì)，網(wǎng)站內(nèi)采用了多個(gè)不同的面板來(lái)承載內(nèi)容，這些面板甚至在尺寸上都不盡相同。不過(guò)有的面板并沒有完全兼容當(dāng)前屏幕，設(shè)計(jì)師讓用戶在瀏覽的時(shí)候能夠正好看到下一屏的內(nèi)容。

Van Cutsem 則采用的是全屏尺寸的差異化面板式設(shè)計(jì)，網(wǎng)站呈現(xiàn)出明顯不同的層次結(jié)構(gòu)。

Blindspotting 這個(gè)網(wǎng)站是一個(gè)電影宣傳網(wǎng)站，通過(guò)不同屏來(lái)承載不同的電影信息，為用戶呈現(xiàn)出電影的不同層面，也是非常用心了。

3. 活用紫色

紫色是2018年的潘通年度流行色，它代表著高貴、 莊嚴(yán)、 神秘、獨(dú)立，也有著智慧和創(chuàng)造力的外延，可以說(shuō)是一種非常有性格有寓意的色彩了。

隨著紫色在設(shè)計(jì)中越來(lái)越多的運(yùn)用，人們同紫色之間的情感聯(lián)系也越來(lái)越清晰了，你會(huì)發(fā)現(xiàn)大家對(duì)于它的情感從來(lái)都是清晰的，要么很喜歡，要么很討厭。這也使得它相比于其他的色彩，使用頻率要低一些。

不過(guò)，在進(jìn)行相對(duì)個(gè)性化的設(shè)計(jì)的時(shí)候，紫色的力量感明顯會(huì)更強(qiáng)一些，它會(huì)使得一些設(shè)計(jì)顯得更加獨(dú)特。在設(shè)計(jì)項(xiàng)目當(dāng)中，無(wú)論是使用紫色來(lái)作為背景，還是作為提亮色運(yùn)用到 CTA元素中，都是可以的，不過(guò)需要注意紫色和整體配色之間的協(xié)調(diào)。

當(dāng)然，除了注意配色的技巧，最好還是多看看別人的設(shè)計(jì)，作為參考。

ColorZ 這個(gè)網(wǎng)站使用紫色作為提亮色，用戶仿佛能夠從這個(gè)圓圈中窺見背景中的紋理，整個(gè)網(wǎng)站的層次感一下就體現(xiàn)出來(lái)了，也創(chuàng)造出視覺焦點(diǎn)。

Crescosa 這個(gè)網(wǎng)站采用了經(jīng)典的分屏式設(shè)計(jì)，網(wǎng)站的一半屏幕采用了紫色，并且讓導(dǎo)航元素也采用了紫色，屏幕正中央還使用了一個(gè)大號(hào)的紫色寶石來(lái)構(gòu)建視覺焦點(diǎn)，設(shè)計(jì)師簡(jiǎn)直太愛紫色了。

Verity 采用了深紫色的背景，結(jié)合燈光效果和動(dòng)效，人物形象在屏幕中央作為視覺焦點(diǎn)，臉上反映著紫色的光芒和整體色調(diào)保持了一致，視覺上給人以星空般的感覺，這種視覺設(shè)計(jì)和網(wǎng)站的內(nèi)容、 主題保持著高度的關(guān)聯(lián)性，網(wǎng)站文案用的是「魔法是真實(shí)的」。

結(jié)語(yǔ)

如今的網(wǎng)站設(shè)計(jì)很少會(huì)使用單一的設(shè)計(jì)趨勢(shì)來(lái)完成設(shè)計(jì)了，網(wǎng)站中會(huì)使用不同的設(shè)計(jì)技法，結(jié)合當(dāng)下正好可以用得上的趨勢(shì)，來(lái)為整個(gè)項(xiàng)目加分。當(dāng)然，最重要的還是尺度，恰到好處的設(shè)計(jì)總是比那些硬上的設(shè)計(jì)來(lái)的更加走心。