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