[色彩美學]網頁設計怎麼選配色?這 29 個獲獎網站色譜方案給你靈感!


還在尋找網站或 UI 設計的配色方案? Visme 是一個製作演講和信息圖形的在線工具,它的設計團隊從 Awwwards 的獲獎網站中整理了一個配色方案清單,希望給你帶來一些靈感。

這份清單囊括了各式各樣的配色方案,自然、樸實、現代化、狂野、優雅、未來感、極簡主義等等。以及不同種類的網站,包括科技、商務、時尚、遊戲、工作室、建築等等。

別看這些網站的首頁看起來普普通通,除了配色值得參考,打開網站後,你會發現互動體驗和許多小細節設置也非常棒。

1. 簡潔時尚

網站鏈接:https://serioverify.com/


2. 亮麗優雅

網站鏈接:http://waaark.com/


3. 親近自然

網站鏈接:https://www.ifly50.com/en_in/50


4. 現代狂野

網站鏈接:http://species-in-pieces.com/


5. 活潑誘人

網站鏈接:http://zumtobel.us/


6. 簡單顯眼

網站鏈接:https://bert.house/en/


7. 紅色生動

網站鏈接:http://culture.pl/multimediaguides/


8. 高雅親切

網站鏈接:http://chordsurfer.redbull.com/


9. 圓滑未來感式

網站鏈接:https://www.sirinlabs.com/


10. 結構動力

網站鏈接:https://www.madeinhaus.com/


11. 極簡溫暖

網站鏈接:http://www.locus-solus.it/en/


12. 活力亮眼

網站鏈接:https://www.fcinq.com/


13. 藝術創意

網站鏈接:http://loflorecords.com/


14.傳統商業

網站鏈接:http://swissarmyman.com/unsupported.html


15. 藍色清爽

網站鏈接:https://www.supremo.tv/typeterms/


16. 時尚抽象

網站鏈接:http://sfcd.com/


17. 玫瑰紅和藍莓

網站鏈接:https://www.google.com/maps/about/behind-the-scenes/streetview/treks/petra/#streetview


18. 華麗的對比

網站鏈接:http://veille.reputationsquad.com/


19. 有效有特點的顏色

網站鏈接:http://makeitbright.diadora.com/it/


20. 時髦精緻

網站鏈接:http://www.fay.com/en-ww/


21. 扁平化設計

網站鏈接:https://chekhov.withgoogle.com/alive


22. 獨特搭配

網站鏈接:http://inspacewetrust.org/en/


23. 歡快積極

網站鏈接:http://www.ashortjourney.com/


24.色彩充沛

網站鏈接:http://12dishes.com/


25. 勇敢無畏

網站鏈接:http://holmmarcher.dk/en/


26. 經典傳統

網站鏈接:https://www.carandache.com/849paulsmith/#!/


27. 嚴肅商務

網站鏈接:https://www.croptrust.org/2014/


28. 吸引眼球

網站鏈接:https://historyoficons.com/


29. 真實平靜

網站鏈接:http://www.qedgroup.cz/en/


SOURCE:數英網

#網頁設計 #網頁配色 #得獎網站範本 #色彩美學

633 次瀏覽