通常每年進(jìn)入下半年之后,設(shè)計趨勢通常都會呈現(xiàn)出一種比較穩(wěn)定的狀態(tài),不太會出現(xiàn)很獨特的變化。不過,在具體的設(shè)計項目當(dāng)中,仍然會有一些趨勢,值得設(shè)計師注意。如果你最近手頭上正好有正在推進(jìn)的設(shè)計項目,而靈感不足,不妨參考一下這些趨勢,看看有沒有值得借鑒和使用的地方。
1. 精心定制的插畫
作為設(shè)計當(dāng)中最「設(shè)計師」的組成部分,插畫本身有著強大的視覺吸引力。插畫元素在網(wǎng)頁和 APP設(shè)計項目當(dāng)中并不少見,但是就目前來看,只有精心定制的插畫會更加吸引用戶的注意力。精心調(diào)制的細(xì)節(jié),貼合語境的視覺內(nèi)容,都是提升插畫品質(zhì),增加轉(zhuǎn)化率的重要手段。
插畫越是精細(xì),定制性和獨特性越高,就越能夠讓整個設(shè)計項目稱為一個獨一無二的存在。想要靠近這一目標(biāo),有很多種不同的方法能夠做到這一點。
Growcase 這個網(wǎng)站是設(shè)計師 Emit Ayouni 的作品集,他的插畫作品從插畫風(fēng)格到色彩的運用都有著非常強烈的個人風(fēng)格,將插畫直接排布在網(wǎng)頁上,不僅賦予了網(wǎng)站獨特的風(fēng)格調(diào)性,而且讓用戶充滿了探索它們的沖動。
Ester Digital 的網(wǎng)頁中,所使用的插畫就明顯是草圖插畫的風(fēng)格,參差的筆觸讓這些插畫的紋理非常的清晰,手工的痕跡足夠明顯,而這一點非常貼合網(wǎng)站「創(chuàng)意設(shè)計」的領(lǐng)域特征,營造出了近乎完美的氛圍。
ICO Syndicate 不僅在網(wǎng)站中使用了風(fēng)格復(fù)古的插畫設(shè)計,簡約的線條和鮮艷的色彩本身就已經(jīng)非常抓人眼球了,結(jié)合了動效之后,整個插畫就顯得非常有趣吸引人了。
2. 差異化面板式設(shè)計
當(dāng)我們在討論網(wǎng)頁設(shè)計的時候,總是離不開「屏」這個單位。雖然網(wǎng)頁總體上可能是很長的一條頁面,但是由于我們使用顯示屏來查看頁面,使得我們每次都只能看到頁面的一個部分,也就是我們常說的「一屏」的內(nèi)容。
所以,有的設(shè)計將每一屏頁面視作一個獨立的面板的時候, 當(dāng)翻到下一個頁面的時候,就顯示下一個面板的內(nèi)容。這種差異化的、內(nèi)容獨立的面板構(gòu)成了整個網(wǎng)站頁面。這樣的布局設(shè)計,從概念的層面上讓網(wǎng)站的模塊之間的設(shè)計關(guān)聯(lián)性進(jìn)一步降低,也強化了內(nèi)容組織的自由度和包容性,提供了更多內(nèi)容堆疊的策略,同時,用戶在切換之后查看內(nèi)容也可以是無縫的。
Adaptable 使用的就是這樣的差異化的面板式設(shè)計,網(wǎng)站內(nèi)采用了多個不同的面板來承載內(nèi)容,這些面板甚至在尺寸上都不盡相同。不過有的面板并沒有完全兼容當(dāng)前屏幕,設(shè)計師讓用戶在瀏覽的時候能夠正好看到下一屏的內(nèi)容。
Van Cutsem 則采用的是全屏尺寸的差異化面板式設(shè)計,網(wǎng)站呈現(xiàn)出明顯不同的層次結(jié)構(gòu)。
Blindspotting 這個網(wǎng)站是一個電影宣傳網(wǎng)站,通過不同屏來承載不同的電影信息,為用戶呈現(xiàn)出電影的不同層面,也是非常用心了。
3. 活用紫色
紫色是2018年的潘通年度流行色,它代表著高貴、 莊嚴(yán)、 神秘、獨立,也有著智慧和創(chuàng)造力的外延,可以說是一種非常有性格有寓意的色彩了。
隨著紫色在設(shè)計中越來越多的運用,人們同紫色之間的情感聯(lián)系也越來越清晰了,你會發(fā)現(xiàn)大家對于它的情感從來都是清晰的,要么很喜歡,要么很討厭。這也使得它相比于其他的色彩,使用頻率要低一些。
不過,在進(jìn)行相對個性化的設(shè)計的時候,紫色的力量感明顯會更強一些,它會使得一些設(shè)計顯得更加獨特。在設(shè)計項目當(dāng)中,無論是使用紫色來作為背景,還是作為提亮色運用到 CTA元素中,都是可以的,不過需要注意紫色和整體配色之間的協(xié)調(diào)。
當(dāng)然,除了注意配色的技巧,最好還是多看看別人的設(shè)計,作為參考。
ColorZ 這個網(wǎng)站使用紫色作為提亮色,用戶仿佛能夠從這個圓圈中窺見背景中的紋理,整個網(wǎng)站的層次感一下就體現(xiàn)出來了,也創(chuàng)造出視覺焦點。
Crescosa 這個網(wǎng)站采用了經(jīng)典的分屏式設(shè)計,網(wǎng)站的一半屏幕采用了紫色,并且讓導(dǎo)航元素也采用了紫色,屏幕正中央還使用了一個大號的紫色寶石來構(gòu)建視覺焦點,設(shè)計師簡直太愛紫色了。
Verity 采用了深紫色的背景,結(jié)合燈光效果和動效,人物形象在屏幕中央作為視覺焦點,臉上反映著紫色的光芒和整體色調(diào)保持了一致,視覺上給人以星空般的感覺,這種視覺設(shè)計和網(wǎng)站的內(nèi)容、 主題保持著高度的關(guān)聯(lián)性,網(wǎng)站文案用的是「魔法是真實的」。
結(jié)語
如今的網(wǎng)站設(shè)計很少會使用單一的設(shè)計趨勢來完成設(shè)計了,網(wǎng)站中會使用不同的設(shè)計技法,結(jié)合當(dāng)下正好可以用得上的趨勢,來為整個項目加分。當(dāng)然,最重要的還是尺度,恰到好處的設(shè)計總是比那些硬上的設(shè)計來的更加走心。
復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評論!每天贏獎品
點擊 登錄 后,在評論區(qū)留言,系統(tǒng)會隨機派送獎品
2012年成立至今,是國內(nèi)備受歡迎的設(shè)計師平臺,提供獎品贊助 聯(lián)系我們
AI輔助海報設(shè)計101例
已累計誕生 753 位幸運星
發(fā)表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓