設計出不同凡響的網站是許多設計師一直追求的事情,所以大家著迷各種時尚的元素,漂亮的配色,流行的趨勢,復古的樣式,等等。經過時間驗證的經典網站設計、固定的搭配是不錯的選擇,而逐步展露頭角的新趨勢,則能更好的滿足這一需求。 一種全新的設計手法,融合了新的設計技巧,展現和前人不同的氣場,用更現代的氣質來承載內容,這樣的網站無疑會更加吸引用戶,讓訪客難以忘懷。今天要聊的三種設計趨勢其實已經出現一陣子了,但是作為一種相對綜合的設計手法,他們并沒有引起廣泛的關注。只需要使用現有的元素、色彩和排版手法,就可以實現這三種設計效果,但是它們不論是從美學特征上,還是從功能性上,都不輸于其他的趨勢。有興趣么?不妨來看看吧。
1、雙色調配色方案
雙色調配色已經存在很長的一段時間了,單我們幾天所說的雙色調方案是在全屏設計背景下,加入漸變效果和高沖擊力視覺設計下的雙色調配色方案。在扁平化的大勢之下,Spotify 大范圍使用雙色調配色,將這一設計手法推到了潮頭。 那么雙色調配色具體是怎么一回事呢? 簡單說來,是兩種色彩來構成一套配色。常見的雙色調配色會選擇互補色來進行組合。在更復雜的場合中,會使用其他的組合來營造特定的感覺,打破約定俗成的配色風格,可能會有驚喜。 大多數雙色調效果是使用一個色彩鮮艷的色調疊加在照片上實現的,強化深淺色彩對比,從而營造出色彩沖擊力。Shopify 對于這種手法的運用非常的純熟,在恰當的排版設計搭配下,將數十位設計師照片以這種*的方式展現出來。 從技術的角度上來看,雙色調配色可以同許多其他的設計手法、技術一同搭配使用,比如全屏設計,比如響應式設計,比如插畫,正如同上面的那些案例中的諸多技術一樣。除了*的視覺效果,它可以用來強調,對比。這是一種非常強的表現手法,用的時候記得適量使用。
2、分屏式設計
分屏式的網頁設計案例正在成倍增長。從技術上來講,這類網頁的設計師喜歡將屏幕均分為并排的兩個區塊,兩者尺寸大小都一樣,有的時候還會加上輪廓來強調區域的概念。 這樣設計的效果是很酷炫的,在代碼編寫到位的情況下,網頁在桌面端打開的時候,兩個區塊并排顯示,而在移動端上,并排的區塊智能地以上下堆疊的形式呈現出來。 分屏是設計的使用其實是可以嵌套細分的,它可以是簡單的對半分,也可以套個柵格,無限分割下去,這樣的案例非常的多。被劃分的區塊可以承載相似的、對比的內容,也可以承載截然不同的媒體類型,而柵格式細分的區塊還能幫助網站的設計者探索用戶真正感興趣的內容。 分屏式設計對用戶是友好的,和響應式設計可以很好地結合起來,同時還可以加入更多的新技術和設計手法。