2018年Behance和Dribbble最佳的UI設(shè)計(jì)配色技巧總結(jié)

2018-05-22 2308 0
UI設(shè)計(jì)中配色是重中之重,今天分享的就是,2018年Behance和Dribbble最佳的UI設(shè)計(jì)配色技巧總結(jié),這篇文字不僅僅包含了各種流行色彩,還包含了色彩運(yùn)用的技巧關(guān)鍵字,如果你正在做UI,不管是Web UI還是 APP UI,都值得看看。

 

NO.1 對(duì)比

少量暖色與大面積藍(lán)綠色,形成強(qiáng)烈的對(duì)比,即干凈又顯得專業(yè)。

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

NO.2 藝術(shù)

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

NO.3 優(yōu)雅

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

NO.4 現(xiàn)代

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

NO.5 霓虹

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

NO.6 冷色

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

NO.7 熱情

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

NO.8 清爽

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

NO.9 暖色調(diào)

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

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

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

NO.11 酷炫

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

NO.12 粉嫩

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

NO.13 復(fù)古

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

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

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

NO.15 活力

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

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

來(lái)自藝術(shù)的靈感,金黃色點(diǎn)綴著深藍(lán)色。

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

NO.17 清爽夏日

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

NO.18 權(quán)威

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

NO.19 大膽活力

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

NO.20 清新

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

NO.21 愉悅

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

NO.22 奢華

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

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

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

NO.24 另類

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

NO.25 復(fù)古

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

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

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

NO.27 醒目

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

NO.28 清新活潑

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

NO.29 干凈清新

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案

NO.30 多彩

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

能激發(fā)UI靈感的網(wǎng)頁(yè)配色方案


14
評(píng)論區(qū)(0)
正在加載評(píng)論...