品一品電商

2017年7月15日2 分鐘

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

更新日期:2022年5月21日

還在尋找網站或 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:數英網

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

    31630
    0