二維碼 購物車
部落窩在線教育歡迎您!

這些網(wǎng)站配色實例,設(shè)計師不要錯過

作者:美編來源:部落窩 發(fā)布時間:2017-12-08 19:11:01 點擊:6888

分享到:
0
收藏
你知道 Facebook 為什么選擇藍色嗎?因為她的創(chuàng)始人 Mark Zuckerberg 是紅、綠色盲。Mark Zuckerberg 說:“藍色對我來來說是最好的顏色,我可能看到所有的藍色。”
雖然這樣選擇顏色不是很科學,但也證明在顏色的搭配是非常重要的,尤其是在網(wǎng)站上,如果訪客看到自己不喜歡的顏色,也許他不會停留太久。
所以我們在做網(wǎng)頁設(shè)計時,首先要考慮訪客屬性以及風格。這里達人分享canva整理的50個網(wǎng)站配色方案,每個都是真實的案例,設(shè)計師們不要錯過!

NO.1 有趣和專業(yè)

干凈且充滿流程圖的調(diào)色板,少量暖色與大面積藍綠色,形成強烈的對比,即干凈又顯得專業(yè)。


NO.2 藝術(shù)

梵高美術(shù)館官網(wǎng),配色取自他的作品,溫暖的黃色、豐富的藍色配合清爽的綠色。


NO.3 優(yōu)雅

溫和的金色與白色調(diào),形成鮮明的對比,簡單、優(yōu)雅。


NO.4 現(xiàn)代

橙色和藍色打造出充滿活力的明亮色,再加入一點點灰色平衡,使整個配色有趣又不會跳躍。


NO.5 霓虹

強色調(diào)的霓虹搭配暗黑背景形成高對比度,呈現(xiàn)出的效果非常驚人。


NO.6 冷色

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


NO.7 熱情

墨染式混合冷暖調(diào),創(chuàng)造出一個獨特的氛圍。


NO.8 清爽

藍、灰、白打造清爽的背景,紅色引領(lǐng)了視覺的焦點。


NO.9 暖色調(diào)

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


NO.10 敏銳的現(xiàn)代風

吸引眼球的青綠色博得焦點,給人一種簡單的新鮮、現(xiàn)代感。


NO.11 酷炫

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


NO.12粉嫩

清淡柔和的色彩打造出明亮有趣的畫面。


NO.13 復(fù)古

明亮的復(fù)古風。


NO.14 干凈優(yōu)雅

大面積的紫色,干凈利落。


NO.15 活力

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


NO.16 優(yōu)雅成熟

來自藝術(shù)的靈感,金黃色點綴著深藍色。


NO.17 清爽夏日

當夏季我們只能聯(lián)想到紅色、橙色時。這位設(shè)計師卻用心的捕捉到季節(jié)性的藍色調(diào),調(diào)和大地色。


NO.18 權(quán)威

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


NO.19 大膽活力

大膽地使用黑色和白色,強烈的反差使得畫面更加有趣。


NO.20 清新

清新靚麗的藍綠漸變色。