設計出不同凡響的網站是許多設計師一(yī)直追求的事情，所以大(dà)家着迷各種時尚的元素，漂亮的配色，流行的趨勢，複古的樣式，等等。經過時間驗證的經典設計、固定的搭配是不錯的選擇，而逐步展露頭角的新趨勢，則能更好的滿足這一(yī)需求。
一(yī)種全新的設計手法，融合了最新的設計技巧，展現和前人不同的氣場，用更現代的氣質來承載内容，這樣的網站無疑會更加吸引用戶，讓訪客難以忘懷。今天要聊的三種設計趨勢其實已經出現一(yī)陣子了，但是作爲一(yī)種相對綜合的設計手法，他們并沒有引起廣泛的關注。隻需要使用現有的元素、色彩和排版手法，就可以實現這三種設計效果，但是它們不論是從美學特征上，還是從功能性上，都不輸于其他的趨勢。有興趣麽？不妨來看看吧。
1、雙色調配色方案
雙色調配色已經存在很長的一(yī)段時間了，單我(wǒ)們幾天所說的雙色調方案是在全屏設計背景下(xià)，加入漸變效果和高沖擊力視覺設計下(xià)的雙色調配色方案。在扁平化的大(dà)勢之下(xià)，Spotify 大(dà)範圍使用雙色調配色，将這一(yī)設計手法推到了潮頭。
那麽雙色調配色具體(tǐ)是怎麽一(yī)回事呢？
簡單說來，是兩種色彩來構成一(yī)套配色。最常見的雙色調配色會選擇互補色來進行組合。在更複雜(zá)的場合中(zhōng)，會使用其他的組合來營造特定的感覺，打破約定俗成的配色風格，可能會有驚喜。
大(dà)多數雙色調效果是使用一(yī)個色彩鮮豔的色調疊加在照片上實現的，強化深淺色彩對比，從而營造出色彩沖擊力。Shopify 對于這種手法的運用非常的純熟，在恰當的排版設計搭配下(xià)，将數十位設計師照片以這種獨特的方式展現出來。
從技術的角度上來看，雙色調配色可以同許多其他的設計手法、技術一(yī)同搭配使用，比如全屏設計，比如響應式設計，比如插畫，正如同上面的那些案例中(zhōng)的諸多技術一(yī)樣。除了獨特的視覺效果，它可以用來強調，對比。這是一(yī)種非常強的表現手法，用的時候記得适量使用。
2、分(fēn)屏式設計
分(fēn)屏式的網頁設計案例正在成倍增長。從技術上來講，這類網頁的設計師喜歡将屏幕均分(fēn)爲并排的兩個區塊，兩者尺寸大(dà)小(xiǎo)都一(yī)樣，有的時候還會加上輪廓來強調區域的概念。
這樣設計的效果是很酷炫的，在代碼編寫到位的情況下(xià)，網頁在桌面端打開(kāi)的時候，兩個區塊并排顯示，而在移動端上，并排的區塊智能地以上下(xià)堆疊的形式呈現出來。
分(fēn)屏是設計的使用其實是可以嵌套細分(fēn)的，它可以是簡單的對半分(fēn)，也可以套個栅格，無限分(fēn)割下(xià)去(qù)，這樣的案例非常的多。被劃分(fēn)的區塊可以承載相似的、對比的内容，也可以承載截然不同的媒體(tǐ)類型，而栅格式細分(fēn)的區塊還能幫助網站的設計者探索用戶真正感興趣的内容。
分(fēn)屏式設計對用戶是友好的，和響應式設計可以很好地結合起來，同時還可以加入更多的新技術和設計手法。
下(xià)面是一(yī)些高效分(fēn)屏的技巧：
當你沒有太強的視覺設計之時，注意字體(tǐ)和色彩的搭配
吸引用戶的注意力讓他們從左向右看，從而引導用戶的視覺運動。
使用色塊來分(fēn)割屏幕，爲主要信息留下(xià)足夠的空間，确保整體(tǐ)的可讀性。
将分(fēn)屏視作爲超大(dà)的卡片。将不同的内容制作成更小(xiǎo)的區塊，在大(dà)的卡片中(zhōng)組成馬賽克。
盡量确保每個區塊中(zhōng)内容的簡單易讀。
3、空間共享式排版
你可能在其他地方看到過這個趨勢：文字排版被延伸到了共享的設計空間。在絕大(dà)多數的網站中(zhōng)，圖像、背景和文字是最主要的元素，它們要麽相互嵌套有機組合，要麽相互分(fēn)離(lí)。
但是越來越多的設計師開(kāi)始試圖打破元素之間的界限，不同類型的視覺元素打破固有的位置，進入其他元素的空間，堆疊，交叉，錯落。看起來還是非常有趣的。
但是考慮到整體(tǐ)的可讀性，這種設計還是相當具有挑戰性的。
要使用這種設計技巧，最好搭配以簡單的排版。文字應當同其他的元素有足夠的對比性，從而确保它在橫跨多個不同元素的時候，保持基本的可讀性和辨識度。這也使得絕大(dà)多數這類網站都傾向于使用黑色和白(bái)色的文字。
字體(tǐ)尺寸也是一(yī)個值得注意的屬性，它和色彩控制同樣重要。你還需要注意文本部分(fēn)在不同尺寸的屏幕上的顯示和運動，也就是響應式變化中(zhōng)的斷點。
在諸多設計案例中(zhōng)，最值得注意的是Deux Huit Huit 。橫跨首頁主圖的文字的運動方式，當它穿越圖片、背景的時候，是如何确保它的可讀性的。
結語
各種各樣的設計趨勢很多，許多趨勢在你剛剛了解它們的時候就已經過時了，那些真正站得住腳的趨勢大(dà)多能同其他的技術、趨勢、設計手法能很好的兼容、搭配。而今天我(wǒ)們所說的三個 趨勢正好符合這一(yī)特征，它們能夠兼容現代的風格，流行的布局與開(kāi)發框架，更重要的是它們能看，夠看，好看，也不會破壞你的審美。

• 上一(yī)篇：優秀的網頁設計和網站建設技巧整理 2017/8/14
• 下(xià)一(yī)篇：幫你設計用觸控手勢的五種實用方法 2017/8/14

本文系本網編輯轉載，轉載目的在于傳遞更多信息，并不代表本網贊同其觀點和對其真實性負責。如涉及作品内容、版權和其它問題，請在30日内與本網聯系，我(wǒ)們将在第一(yī)時間删除内容！
[聲明]本站文章版權歸原作者所有 内容爲作者個人觀點 本站隻提供參考并不構成任何投資(zī)及應用建議。