2016-04-28
3029
編者按：我們過去印象中的雙色配色的設計，多是復古而有情懷的，非常的“80年代”。但是今天的雙色配色的范疇已經遠超越了復古，它可以柔媚也可以冷硬，可以前衛(wèi)也可以個性，雙色配色有多強大，也許取決于你腦洞。
雙色配色方案并不是簡單的兩種色彩搭配到一起，這兩種色彩通常是兩種對比明顯的色彩。而我們所常見的雙色配色的圖片則主要突出中間色調和高光，藍色、棕色、紅色和黃色是這種配色中最常見的色調。然而，對于網頁設計師而言，雙色配色則很少受到這樣的限制，色調的選取更加自由，搭配方式也更加多樣而個性，你會發(fā)現(xiàn)原來雙色配色也同樣可以打開新世界的大門。
如果你需要可以立刻上手的工具，那么下面的這些應該能幫到你：
·jQuery Duotone;
·Duotone Colorschemes;
·Colofilter.
接下來，我們一起看看那些將雙色配色玩兒得出神入化的優(yōu)秀網頁設計，看看這個令人著迷的設計趨勢，到底有著怎樣的魅力。
作為一個運動品牌，設計師通過一系列時尚而現(xiàn)代的高素質圖片來體現(xiàn)它的特質，而統(tǒng)一的深藍/明黃配色則讓整個網站的氣質和氛圍保持了高度的一致，個性也得以凸顯。
Mirage Festival 的紅藍搭配看起來略顯怪異，但是兩種略顯疏離的色彩反而營造出獨特的美感，尤其是同主流的白底黑字進行對比的時候。
Fjord Trend 的首頁中，不同圖片的背景圖被設計成了雙色配色。設計師所選取的色彩秉承了傳統(tǒng)意義上雙色調圖片的配色風格，色彩沉穩(wěn)現(xiàn)代，柔和而不具侵略性，但是作為主要的色調，兩者又有著明顯的對比。
經典的紅黑色被Triple 9的首頁用作雙色配色的主色調，兩種情緒濃烈的色彩讓這里的視頻和圖片都帶有微妙的情緒。與此同時，色調的選取還讓網站隱隱散發(fā)出暴力和野蠻的感覺，個性十足。
網站的首頁被設計成為四個全屏的輪播圖，每個都有著漂亮的雙色調背景，我們所看到的藍色背景的圖片是海軍招募主題的頁面。背景的色彩選取同時也讓前景的內容和元素凸顯出來，讓用戶更容易獲取。
Heroes and History 同樣也是一個雙色配色網站，主要的色調是紅色，作為網頁主要視覺要素的插畫也同樣是如此。和其他的頁面不同，雙色搭配中的另外一種是白色，除了網站的文本之外，插畫的外輪廓和少數幾個元素使用的是白色，讓插畫的風格和特色更加明顯。
雖然同樣是使用的雙色配色，但是Holm Marcher & Co 的頁面從配色到結構都給人一種嚴肅務實的感覺，沉穩(wěn)的色調給網站奠定了專業(yè)和強力的基調。
MailChimp 的回顧頁面的配色也可以稱得上絢爛，火熱的紅和冰冷的藍合二為一。為了保證統(tǒng)一性和體驗的一致性，設計師將背景圖片也轉化為和兩種主色調一致的色彩。
Atomic.io 的設計師則將網站的視頻和圖片都轉化為典型的雙色配色，強力的視覺沖擊力和典型的模塊化布局讓它簡單而一致。
大量專業(yè)領域和機構的華麗照片填滿了網站，有些照片還保留著原樣，但是有的則進行了有趣的調整。在典型的雙色配色之下，這些圖片呈現(xiàn)出不同凡響的美感和獨特設計感。
黃色和綠色的雙色配色并不常見，這種獨特的配色也讓這個頁面顯得風格獨樹一幟，不同于傳統(tǒng)的雙色調圖片的那種沉穩(wěn)，這個網頁的色調看起來更加活潑。
Tumblr 的年度總結在色調上更加復古懷舊，抽象的動畫和海報式的界面元素更是強化了這種感覺。略顯臟亂的用色讓整個頁面充滿了80年代的風情，但是卡片式設計的加入，又沒有讓這種配色毀了整個設計，反而成功地讓它顯得更加條理化了。
Lois Jeans 的這個頁面設計，能量和情緒幾乎都要濃烈得溢出來一樣。雖然只是簡單的文字+圖片的排版，但是粉色+藍色的搭配讓頁面呈現(xiàn)出一種層次感，協(xié)調而驚艷。
雖然這樣的配色很少見，但是你并不會覺得New Deal Design的頁面難看，你更多會感覺它很有個性。粉紅色和黃色的搭配讓整個網站顯得明亮非凡，充滿戲劇性。這種明亮而友好的配色會給人傳達出一種正向的情緒。
Spotify 的這個頁面是一定要推薦的。作為年度音樂總結頁面，Spotify選取去年最有影響力、蜚聲國際的真正音樂潮人作為主題。高端網站建設,企業(yè)網站建設,廣州響應式網站設計師使用著兩年流行的雙色調設計來調整精選的藝人照片，營造出獨特的氛圍。動態(tài)設計和層次豐富的美感讓頁面的風格更加先鋒，也更有特色。
首頁的設計透露出一種興奮的情緒，幾乎所有的元素被紫紅色染透了，屏幕上每個元素浸透在一種俏皮有趣的氛圍當中。
網頁設計師對于現(xiàn)代風格的駕馭力很強，頁面干凈而平衡，和前面其他的案例不同，整個網站呈現(xiàn)出一種嚴肅的氣息，但是同時又不失魅力和藝術感染力。藍黑色調之間的過渡自然，白色的文本和按鈕有與之構成對比，恰到好處。
這是Lois Jeans 的另外一個設計作品，網頁主題是春夏裝，整個頁面的設計相對更加謹慎，藍黑的色調更加冷峻，高端網站建設,企業(yè)網站建設,廣州響應式網站整個頁面呈現(xiàn)出一種冷的情緒，白色的點綴可以說是點睛之筆。頁面的過度效果精心設計過，令人側目。
網頁中的雙色調圖片很好的創(chuàng)造出一種年代感，優(yōu)雅而漂亮。淡雅的色調于深沉的褐色結合起來共同創(chuàng)造出懷舊的氛圍，圖片主題也同樣會喚醒大家對于80年代的回憶。
Standby 的頁面設計走的是極簡的路線，整體結構也相對更加優(yōu)雅。深淺兩種藍色相互搭配，有趣的字體和巧妙的插畫恰如其分地豐富了整個設計的細節(jié)。
關注我們：在查找公眾號中搜索：zomsky1688，或者掃描下方二維碼快速關注。 
本文來自廣州品牌網站建設網站設計制作公司-縱天
關鍵詞：高端網站建設,企業(yè)網站建設,廣州響應式網站
400-611-9921
020-29860991
地址1：廣州市天河區(qū)珠江新城邦華環(huán)球廣場16F
業(yè)務 QQ: 3561401262
E-mail： sales@zomsky.com
