二維碼 購(gòu)物車
部落窩在線教育歡迎您！

這些網(wǎng)站配色實(shí)例，設(shè)計(jì)師不要錯(cuò)過

作者：美編來源：部落窩 發(fā)布時(shí)間：2017-12-08 19:11:01 點(diǎn)擊：6891

分享到:
0
收藏
你知道 Facebook 為什么選擇藍(lán)色嗎？因?yàn)樗膭?chuàng)始人 Mark Zuckerberg 是紅、綠色盲。Mark Zuckerberg 說：“藍(lán)色對(duì)我來來說是最好的顏色，我可能看到所有的藍(lán)色。”
雖然這樣選擇顏色不是很科學(xué)，但也證明在顏色的搭配是非常重要的，尤其是在網(wǎng)站上，如果訪客看到自己不喜歡的顏色，也許他不會(huì)停留太久。
所以我們?cè)谧鼍W(wǎng)頁設(shè)計(jì)時(shí)，首先要考慮訪客屬性以及風(fēng)格。這里達(dá)人分享canva整理的50個(gè)網(wǎng)站配色方案，每個(gè)都是真實(shí)的案例，設(shè)計(jì)師們不要錯(cuò)過！

NO.1 有趣和專業(yè)
干凈且充滿流程圖的調(diào)色板，少量暖色與大面積藍(lán)綠色，形成強(qiáng)烈的對(duì)比，即干凈又顯得專業(yè)。


NO.2 藝術(shù)
梵高美術(shù)館官網(wǎng)，配色取自他的作品，溫暖的黃色、豐富的藍(lán)色配合清爽的綠色。


NO.3 優(yōu)雅
溫和的金色與白色調(diào)，形成鮮明的對(duì)比，簡(jiǎn)單、優(yōu)雅。


NO.4 現(xiàn)代
橙色和藍(lán)色打造出充滿活力的明亮色，再加入一點(diǎn)點(diǎn)灰色平衡，使整個(gè)配色有趣又不會(huì)跳躍。


NO.5 霓虹
強(qiáng)色調(diào)的霓虹搭配暗黑背景形成高對(duì)比度，呈現(xiàn)出的效果非常驚人。


NO.6 冷色
飽和色調(diào)搭配冷灰色，形成優(yōu)雅的效果。


NO.7 熱情
墨染式混合冷暖調(diào)，創(chuàng)造出一個(gè)獨(dú)特的氛圍。


NO.8 清爽
藍(lán)、灰、白打造清爽的背景，紅色引領(lǐng)了視覺的焦點(diǎn)。


NO.9 暖色調(diào)
干凈的畫面用淺棕色作背景，低調(diào)又不失溫暖。


NO.10 敏銳的現(xiàn)代風(fēng)
吸引眼球的青綠色博得焦點(diǎn)，給人一種簡(jiǎn)單的新鮮、現(xiàn)代感。


NO.11 酷炫
暖色的橘黃色結(jié)合冷色的青銅灰色，搭配出大膽的酷炫效果。


NO.12粉嫩
清淡柔和的色彩打造出明亮有趣的畫面。


NO.13 復(fù)古
明亮的復(fù)古風(fēng)。


NO.14 干凈優(yōu)雅
大面積的紫色，干凈利落。


NO.15 活力
明亮的藍(lán)色、橙色、黃色搭配淺灰，不僅體現(xiàn)了專業(yè)，也充滿了活力。


NO.16 優(yōu)雅成熟
來自藝術(shù)的靈感，金黃色點(diǎn)綴著深藍(lán)色。


NO.17 清爽夏日
當(dāng)夏季我們只能聯(lián)想到紅色、橙色時(shí)。這位設(shè)計(jì)師卻用心的捕捉到季節(jié)性的藍(lán)色調(diào)，調(diào)和大地色。


NO.18 權(quán)威
海軍藍(lán)搭配醒目黃，形成鮮明對(duì)比，給人一種現(xiàn)代而權(quán)威的即視感。


NO.19 大膽活力
大膽地使用黑色和白色，強(qiáng)烈的反差使得畫面更加有趣。


NO.20 清新
清新靚麗的藍(lán)綠漸變色。

上一篇：20個(gè)優(yōu)秀手機(jī)界面扁平化設(shè)計(jì)，讓你一秒看懂扁平化
下一篇：一稿過的網(wǎng)頁插畫設(shè)計(jì)