VC教程!教你使用最受歡迎的配色小工具Kuler

經(jīng)常聽朋友抱怨說顏色如何難用,那今天給大家推薦一個PS自帶的小工具,kuler線上版地址:https://kuler.adobe.com/create/color-wheel/ 或許能幫你解決顏色使用方面的困擾。

相關(guān)推薦:
《取色指南!7款靠譜工具幫你選取完美配色》
《碉堡!配色神器第二代!Color Cube免費開放下載》
《配色弱的同學(xué)必看!跟大自然學(xué)配色(自定義色板教程)》

在介紹工具之前,我們先簡單復(fù)習(xí)下網(wǎng)頁設(shè)計中配色的基礎(chǔ)知識。

那么配色需要遵循什么規(guī)則或者原理么?

網(wǎng)頁配色的基本原則:

(1)色彩搭配的合理性。

每一種顏色都有自己的含義,如:紅色:熱情、奔放、喜悅、莊嚴等等,這可以向瀏覽者準確快速地傳遞出設(shè)計者想要表達的主題。

(2)色彩的鮮明性。

頁面的"視覺焦點區(qū)"一般是首屏的區(qū)域,在這區(qū)域中使用鮮明的色彩可以給瀏覽者留下深刻的印象并帶來第二次訪問。

(3)色彩的獨特性。

如何在眾多同類型的頁面中脫穎而出,這就需要獨特的配色方案。

如何根據(jù)上面的原理來找到方法?

(1)對比色彩的搭配

一般來說,色彩的三原色(紅、黃、藍)最能體現(xiàn)色彩間的差異。色彩的強烈對比具有視覺誘惑力,可以突出重點,產(chǎn)生強烈的視覺效果。

(2)冷色系的搭配

冷色系搭配是指使用綠色、藍色及紫色等色彩的搭配,可為網(wǎng)頁營造出寧靜、清涼和高雅的氛圍。

(3)暖色系的搭配

暖色系搭配是指使用紅色、橙色、黃色等色彩的搭配,可為網(wǎng)頁營造出穩(wěn)性、和諧及熱情的氛圍。

(4)鄰近色的搭配

鄰近色是指在色環(huán)上相鄰的顏色,如綠色和藍色、紅色和黃色,可以易于達到頁面和諧統(tǒng)一的效果。

(5)同種色彩的搭配

同種色彩搭配是指首先選定一種色彩,然后調(diào)整其透明度和飽和度,將色彩變淡或加深,而產(chǎn)生新的色彩,這樣的頁面看起來色彩統(tǒng)一,具有層次感。

下面為大家介紹這個叫Kuler的PS小工具,它躲藏在擴展面板里面。這個小工具需要大家安裝完整版的PS才能使用。

VC教程!教你使用最受歡迎的配色小工具Kuler

打開面板后會發(fā)現(xiàn)里面已經(jīng)有了不少配色方案,左上方可以選擇列出方案的排布順序。如果這其中有"大廚"們中意的那么不多說,馬上開工。如果都不盡如意,"大廚"只能自己動手豐衣足食了。

VC教程!教你使用最受歡迎的配色小工具Kuler

點擊創(chuàng)建,可以進入到編輯模式,耽誤當務(wù)之急是要確定主色(基色),然后通過各種配色方案生成配色板。

VC教程!教你使用最受歡迎的配色小工具Kuler

很簡單吧,現(xiàn)在我們已經(jīng)選好配色方案,那么如何使用呢?如果想使用某個色板為前景色,可以雙擊色塊,前景色就會同步為當前色塊顏色。如果要把配色方案添加到色板中,可以點圖2下方的色板按鈕。還可以保存這個主題,點擊圖2下方保存按鈕,就可以了。

Tips:命名主題名時須為英文,不支持中文哦。

點擊瀏覽>選擇已保存,就能看到剛存儲的配色方案了,除此之外,"大廚"們也可以將自己滿意的配色方案上傳到網(wǎng)上。

如果你的PS版本不是完整安裝的,那么可以用Kuler的線上版本:

https://kuler.adobe.com/create/color-wheel/

下面列出幾種基礎(chǔ)配色方案,供大家參考:

潮流的扁平化配色

VC教程!教你使用最受歡迎的配色小工具Kuler

帶有情感傾向性配色

VC教程!教你使用最受歡迎的配色小工具Kuler

中國傳統(tǒng)顏色

VC教程!教你使用最受歡迎的配色小工具Kuler

相關(guān)推薦:
《取色指南!7款靠譜工具幫你選取完美配色》
《碉堡!配色神器第二代!Color Cube免費開放下載》
《配色弱的同學(xué)必看!跟大自然學(xué)配色(自定義色板教程)》

關(guān)于暢游VC

搜狐暢游視覺設(shè)計中心團隊。我們是從游戲和生活中汲取創(chuàng)意和靈感的一群設(shè)計精靈,用愛去釋放奇妙的設(shè)計魔法,描繪讓你我感動的虛擬人生。

官網(wǎng)博客:vc.changyou.com
新浪微博: @暢游VC
微信公眾平臺:cyou_vc

您也可以通過掃描下方二維碼快速添加:

VC教程!教你使用最受歡迎的配色小工具Kuler

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計師需要讀的100本書:史上最全的設(shè)計師圖書導(dǎo)航:http://hao.uisdc.com/book/
設(shè)計微博:擁有粉絲量66萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航:全球頂尖設(shè)計網(wǎng)站推薦,設(shè)計師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號:【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加:

VC教程!教你使用最受歡迎的配色小工具Kuler
 

收藏 11
點贊

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。