這3個設計趨勢,在這個開學季正流行

通常每年進入下半年之後,設計趨勢通常都會呈現出一種比較穩定的狀態,不太會出現很獨特的變化。不過,在具體的設計項目當中,仍然會有一些趨勢,值得設計師注意。如果你最近手頭上正好有正在推進的設計項目,而靈感不足,不妨參考一下這些趨勢,看看有沒有值得借鑑和使用的地方。

1. 精心定製的插畫

作為設計當中最「設計師」的組成部分,插畫本身有著強大的視覺吸引力。插畫元素在網頁和 APP設計項目當中並不少見,但是就目前來看,只有精心定製的插畫會更加吸引用戶的注意力。精心調製的細節,貼合語境的視覺內容,都是提升插畫品質,增加轉化率的重要手段。

插畫越是精細,定製性和獨特性越高,就越能夠讓整個設計項目稱為一個獨一無二的存在。想要靠近這一目標,有很多種不同的方法能夠做到這一點。

Growcase 這個網站是設計師 Emit Ayouni 的作品集,他的插畫作品從插畫風格到色彩的運用都有著非常強烈的個人風格,將插畫直接排布在網頁上,不僅賦予了網站獨特的風格調性,而且讓用戶充滿了探索它們的衝動。

這3個設計趨勢,在這個開學季正流行

Ester Digital 的網頁中,所使用的插畫就明顯是草圖插畫的風格,參差的筆觸讓這些插畫的紋理非常的清晰,手工的痕跡足夠明顯,而這一點非常貼合網站「創意設計」的領域特徵,營造出了近乎完美的氛圍。

這3個設計趨勢,在這個開學季正流行

ICO Syndicate 不僅在網站中使用了風格復古的插畫設計,簡約的線條和鮮豔的色彩本身就已經非常抓人眼球了,結合了動效之後,整個插畫就顯得非常有趣吸引人了。

這3個設計趨勢,在這個開學季正流行

2. 差異化面板式設計

當我們在討論網頁設計的時候,總是離不開「屏」這個單位。雖然網頁總體上可能是很長的一條頁面,但是由於我們使用顯示屏來查看頁面,使得我們每次都只能看到頁面的一個部分,也就是我們常說的「一屏」的內容。

所以,有的設計將每一屏頁面視作一個獨立的面板的時候, 當翻到下一個頁面的時候,就顯示下一個面板的內容。這種差異化的、內容獨立的面板構成了整個網站頁面。這樣的佈局設計,從概念的層面上讓網站的模塊之間的設計關聯性進一步降低,也強化了內容組織的自由度和包容性,提供了更多內容堆疊的策略,同時,用戶在切換之後查看內容也可以是無縫的。

Adaptable 使用的就是這樣的差異化的面板式設計,網站內採用了多個不同的面板來承載內容,這些面板甚至在尺寸上都不盡相同。不過有的面板並沒有完全兼容當前屏幕,設計師讓用戶在瀏覽的時候能夠正好看到下一屏的內容。

這3個設計趨勢,在這個開學季正流行

Van Cutsem 則採用的是全屏尺寸的差異化面板式設計,網站呈現出明顯不同的層次結構。

這3個設計趨勢,在這個開學季正流行

Blindspotting 這個網站是一個電影宣傳網站,通過不同屏來承載不同的電影信息,為用戶呈現出電影的不同層面,也是非常用心了。

這3個設計趨勢,在這個開學季正流行

3. 活用紫色

紫色是2018年的潘通年度流行色,它代表著高貴、 莊嚴、 神秘、獨立,也有著智慧和創造力的外延,可以說是一種非常有性格有寓意的色彩了。

隨著紫色在設計中越來越多的運用,人們同紫色之間的情感聯繫也越來越清晰了,你會發現大家對於它的情感從來都是清晰的,要麼很喜歡,要麼很討厭。這也使得它相比於其他的色彩,使用頻率要低一些。

不過,在進行相對個性化的設計的時候,紫色的力量感明顯會更強一些,它會使得一些設計顯得更加獨特。在設計項目當中,無論是使用紫色來作為背景,還是作為提亮色運用到 CTA元素中,都是可以的,不過需要注意紫色和整體配色之間的協調。

當然,除了注意配色的技巧,最好還是多看看別人的設計,作為參考。

ColorZ 這個網站使用紫色作為提亮色,用戶彷彿能夠從這個圓圈中窺見背景中的紋理,整個網站的層次感一下就體現出來了,也創造出視覺焦點。

這3個設計趨勢,在這個開學季正流行

Crescosa 這個網站採用了經典的分屏式設計,網站的一半屏幕採用了紫色,並且讓導航元素也採用了紫色,屏幕正中央還使用了一個大號的紫色寶石來構建視覺焦點,設計師簡直太愛紫色了。

這3個設計趨勢,在這個開學季正流行

Verity 採用了深紫色的背景,結合燈光效果和動效,人物形象在屏幕中央作為視覺焦點,臉上反映著紫色的光芒和整體色調保持了一致,視覺上給人以星空般的感覺,這種視覺設計和網站的內容、 主題保持著高度的關聯性,網站文案用的是「魔法是真實的」。

這3個設計趨勢,在這個開學季正流行

結語

如今的網站設計很少會使用單一的設計趨勢來完成設計了,網站中會使用不同的設計技法,結合當下正好可以用得上的趨勢,來為整個項目加分。當然,最重要的還是尺度,恰到好處的設計總是比那些硬上的設計來的更加走心。


分享到:


相關文章: