9月開學季,都有什么設計趨勢正流行?

發布日期:2018-09-06
瀏覽次數:273
  
每當進入下半年,網頁設計圈都會趨于穩定,設計趨勢的更新也會放緩。不過小飛發現一些具體的設計項目中還是有不錯的設計趨勢滴。如果你最近手上剛好有正在推進的設計項目,但又缺乏足夠的靈感,不妨看看下面這些。



1. 精心定制的插畫


近幾年來,插畫在UI和App設計項目中出現的比例越來越高,甚至隱隱有超過了圖片的趨勢。這主要有兩個原因,其一,插畫的視覺吸引力更強,更能給用戶留下深刻的視覺印象;其二,插畫的個性化特征更加鮮明,更適合用來發揮創意、營造氛圍、呈現信息。

當然,并不是說在網站中隨隨便便應用一張插畫就能帶來較好的效果。真正高效的插畫一定是有針對性的,易于識別的,能夠被不同的用戶輕松理解的。不清楚如何讓插畫在網頁中發揮作用?

Growcase 是設計師 Emit Ayouni 的個人作品集。他在網站上使用了圖標式的插畫設計,個人風格很是強烈,不僅賦予了網站獨特的風格調性,而且還進一步激發了用戶探索網站的興趣。


Ester Digital 網站使用的是設計感極強的素描插畫。當用戶滾動瀏覽時,插畫上會出現微妙的動效。這里的插畫同樣是高度定制過的,而這一點非常貼合網站「創意設計公司」的主題,有助于增強用戶對網站主旨的認識。


ICO Syndicate 也是將插畫與動效元素結合起來使用的。網站首頁的插畫線條簡約、配色簡單,但涉及的內容元素卻有很多。




2. 差異化面板設計


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

而現在,不少網站開始將一屏當成一個獨立的面板進行設計,多個差異化的面板構成了整個網站頁面。這種形式的布局設計,雖然可能會降低網站不同模塊之間的關聯度,但它強化了網頁內容組織的自由和包容性,提供了更多關于網頁內容堆疊的設計技巧。當然,這種差異化設計是以用戶可以無縫瀏覽不同屏幕內容為前提的。下面是差異化面板設計的3個優秀范例:

Adaptable 網站主要使用了兩種類型的面板設計:全屏設計和分屏設計交替出現。除此以外,有些面板并沒有完全兼容當前屏幕,這是為了讓用戶在瀏覽當前屏幕時可以提前知道下一屏的內容。


Van Cutsem 采用多種形式的面板設計,以給用戶呈現更加清晰的內容層次結構。


Blindspotting的面板種類也非常多樣,從全屏設計、到分屏設計,再到承載圖片和視頻的內容區塊設計。在這個網站上,差異化的面板主要是用來突出將要上映的電影。




3. 善用紫色


紫色是潘通發布的2018年度流行色,它代表著高貴、 莊嚴、 神秘、創造力、智慧、獨立等,可以用來紫色的詞語實在是太多了。

人們對于紫色的情感聯系也很鮮明,要么十分喜歡,要么特別討厭。也因此,相比其他顏色,紫色在網頁設計項目的使用頻率要低一些。不過,如果能與正確的信息和內容相搭配,紫色也能夠成為一種強有力的配色方案。

我們在使用紫色時,不管是將它作為背景、用來強調或是用作前景元素,一定要首先考慮它是否契合網頁的整體基調。如果你還是沒有什么頭緒,可以多看看其他設計師的相關設計作品:

ColorZ 在網站首頁設計了一個紫色的圓圈,用戶可以從這個圓圈中窺見背景圖片的紋理,整個網站的層次感一下子就出來了。除此以外,這個紫色圓圈也是一個視覺焦點,吸引用戶去注意網站中的文本信息。


Crescosa 這個網站采用了經典的分屏式設計,網站的一半屏幕采用了紫色,用來承載超大的導航菜單元素。屏幕中間是一個大的紫色寶石塊,幫助吸引用戶的注意力,引導用戶與頁面進行交互。


Verity 結合動態的燈光效果使用了深紫色的背景,視覺上給人以星空般的感覺(這是紫色圖片和背景最常見的一種應用形式)。紫色之所以能在這個網站發揮效用,主要是因為網站的圖片、顏色、文案保持了高度的統一,比如”魔法是真實的”的文案就與用戶看到紫色可能會有的聯想相吻合。


如今很少有網站會只使用一種設計趨勢,大多數設計師都傾向于博采眾長,將多種優秀的設計技巧結合起來使用,所以,了解一些當下最流行的設計趨勢,將其添加到自己的設計項目中是非常有必要的。當然,千萬不要為了迎合潮流而使用與自身網站定位不符的設計趨勢,恰到好處的設計更能打動用戶。


登錄后即可發表評論,立即登錄.