出處：學(xué)UI網(wǎng)

英文：designschool.canva

鏈接：http://www.xueui.cn/tutorials/color-tutorial/the-palettes-of-50-visually-impactful-websites-to-inspire-you.html

出處：學(xué)UI網(wǎng)

英文：designschool.canva

鏈接：http://www.xueui.cn/tutorials/color-tutorial/the-palettes-of-50-visually-impactful-websites-to-inspire-you.html

你知道Facebook的主色為藍(lán)色是因?yàn)樗膭?chuàng)始人Zuckerberg是紅綠色盲嗎？配色對(duì)網(wǎng)站的重要性不言而喻，作為設(shè)計(jì)師的你若常糾結(jié)于配色，那么希望今天的50套配色方案能讓你略微輕松的應(yīng)對(duì)配色。

NO.1 對(duì)比

少量暖色與大面積藍(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)綠漸變色。

NO.21 愉悅

大量的空白，鮮艷的橙色，再用一個(gè)中性藍(lán)平衡暖色，熱情愉悅的現(xiàn)代風(fēng)。

NO.22 奢華

冷色調(diào)海軍藍(lán)，加上暖色系的褐色，以及少量鮮艷的紅色，創(chuàng)造了一個(gè)奢華的視覺。

NO.23 引人矚目的獨(dú)特

低飽和度的紅，搭配各種藍(lán)，創(chuàng)造出這種引人矚目的獨(dú)特。

NO.24 另類

紫色與綠色的搭配，讓人意想不到的另類。

NO.25 復(fù)古

豐富的色彩營(yíng)造了復(fù)古的氣息，用淺黃色強(qiáng)化了這種效果。

NO.26 干凈的復(fù)古

土紅色配以清新的綠，散發(fā)優(yōu)雅的古典魅力。

NO.27 醒目

平衡了高飽和度顏色，創(chuàng)造出令人驚嘆的效果。

NO.28 清新活潑

鮮艷的顏色創(chuàng)建一個(gè)有趣且充滿活力的氛圍，又不失專業(yè)性。

NO.29 干凈清新

不同深淺的藍(lán)色與灰色搭配，打造了一個(gè)干凈清新又不會(huì)枯燥乏味的色板。

NO.30 多彩

通過大面積白色來平衡多彩色調(diào)，創(chuàng)造一個(gè)充滿活力，豐富多彩又不會(huì)繁雜的頁面。

NO.31 寧靜

紫色與綠色打造一種安靜的感覺，橙色給這種安靜帶來點(diǎn)活力。

NO.32 輕柔

柔和的色調(diào)帶來輕松平靜的氛圍。

NO.33 新鮮

大面積留白配與蔬果的色調(diào)，帶來新鮮的氣息。

NO.34 興奮

高飽和度的色彩讓人感受到精力充沛的興奮感。

NO.35 俏皮

青綠色混合著暖色系的紅黃，呈現(xiàn)出活潑的俏皮。

NO.36 迷人的復(fù)古

低飽和度的金色與綠色，創(chuàng)造了這種不過時(shí)的復(fù)古效果。

NO.37 個(gè)性

藍(lán)紫漸變色搭配亮粉，散發(fā)出別具一格的個(gè)性。

NO.38 時(shí)尚暗色系

深紫、藍(lán)色、粉色演繹一種精致的時(shí)尚感。

NO.39 簡(jiǎn)潔

如果覺得簡(jiǎn)單的藍(lán)色系太多單調(diào)，那就扔一點(diǎn)點(diǎn)粉色，讓它獨(dú)特一點(diǎn)吧。

NO.40 混合

獨(dú)特而美麗的混色，雖不按套路走，卻也自然。

NO.41 熱帶

暖色調(diào)的黃色、紅色配以清新的綠色，迎面而來的夏天氣息。

NO.42 中性

在規(guī)矩的灰色投入一點(diǎn)點(diǎn)櫻桃紅，畫面頓時(shí)活躍。

NO.43 古色古香

低飽和度的古典色，打造了一個(gè)古色古香的優(yōu)雅頁面。

NO.44 跳躍

充滿活力的紫加少許的藍(lán)，平衡了跳脫感。

NO.45 新鮮時(shí)尚

不同深淺的綠色和藍(lán)色，形成一個(gè)新鮮時(shí)尚的頁面。

NO.46 專業(yè)

簡(jiǎn)單專業(yè)的企業(yè)站就用點(diǎn)深色系吧。

NO.47 極簡(jiǎn)

用跳躍的橙色來點(diǎn)綴極簡(jiǎn)風(fēng)。

NO.48 愉悅

用有趣的藍(lán)色、紫色、黃色，自然能帶來愉悅感。

NO.49 平靜

暖色的金黃色與深藍(lán)色調(diào)和，創(chuàng)造了平靜。

NO.50 波普

讓網(wǎng)站年輕、充滿活力的秘訣在于使用波普調(diào)。

↓