pt电子游艺平台

設計資源 |date: 2016-08-20 16:27:12

返回列表

搞定完美配色方案應當思考的八個問題

配色的文章并不少,有的是關于趨勢,有的則探討技巧。那么要搞定一整套的配色方案,從頭到尾應當注意哪些問題,又該擁有怎樣的思路呢?不論是品牌設計還是網站設計,配色都是其中最關鍵也是最具有挑戰性的組成部分。完美的配色方案并不是隨便挑兩個色彩就可以投入使用,實際上,優秀的配色背后有許多實用的規則在做支撐。

 

 

 

01.從色輪開始  

 

我們從小就開始接觸色輪,但是看起來很簡單的色輪直到今天依然是設計師手中最實用的利器。色輪不僅僅是一系列色彩的簡單組合,它暗含色彩之間的關系和規律,可以幫你構思配色,確定色彩之間的搭配是否協調。

 

color-wheel

 

色輪中包含了原色、間色和復色:

原色:紅色、黃色、藍色

間色:綠色、紫色、橙色

復色:天藍色、羅蘭紫、玫瑰紅、橘紅色、黃綠色等  

三原色想必大家都了解,值得注意的是,間色通常指的是兩種原色混合而得出的色彩,所以它也叫第二次色。這樣一來,復色也容易理解了,它是兩種間色或者原色與間色呼喝而形成的色彩,所以它也有個名字叫做第三次色。

 

nifty-e1461151402186

 

接下來的環節就很重要了:如何將色輪上的色彩合理的搭配到一起。

相似色:色輪上相鄰的三種色彩搭配在一起

互補色:色輪上來自不同兩邊完全相對的色彩是互補色

分離互補色:挑選一種色彩,然后再在色輪左右兩側上挑選一組互補色加入進來

雙互補色:這是最難創建的互補色,你需要挑選一個原色,然后在色輪上挑選兩對互補色與之進行搭配

單色調:使用一種色彩和它的同色系色彩來搭配

三色調:使用色輪上相互距離相同的三種色彩來搭配  

絕大多數的配色工具會使用色輪來幫你挑選配色,相當省心。

 

 

 

 

02.黑色、白色和中性配色  

 

挑選一兩個明亮的色彩并不足以支撐整個配色方案,那些經常被人忽視的色彩可能占據整個設計的色彩中的絕大部分,它們就是以黑和白為代表的中性色。

 

checkland

 

中性色為其他色彩搭建了表現的舞臺,讓他們展現性格營造氛圍。中性色更多的時候是在背景、細節上為整個項目營造出或冷或暖的氛圍,讓導航擁有更好的可用性,讓排版的可讀性更優秀,視覺上具備良好的引導性。  

 

 

 

 

03.色調和色彩

 

 

spotify (1)

 

少有設計師直接在色輪上取色就直接拿來用的,因為絕大多數時候,配色是需要經過調整才能用的。這個時候,你就需要調整色彩、色度和色調這些屬性:

色彩:顏色+白色

色度:顏色+黑色

色調:顏色+灰色/白色/黑色  

這些調整方式能改變色彩的飽和度,讓你的配色方案變的不一樣。完成基礎的配色之后,通過改變色彩、色度和色調來擴充整個配色,這樣確保了配色中的顏色都處于同一系,有增加了配色的豐富度。  

 

 

 

 

04.謹慎跟隨趨勢  

 

如你所知,每年隔三差五都會出幾個“配色流行趨勢”,就像時尚圈中的“流行色”一樣。這些配色雖然看起來相當有意思,但是需要謹慎使用:如果要長期使用,可能并不那么好用。如果你真的想跟隨某個趨勢,最好經常使用,認真打磨,讓它成為你的配色方案列表中的一員。

 

bump

 

一般情況下,你所創建的配色方案,應該是經得起時間考驗,能一次又一次使用的(色彩是品牌形象和品牌識別的根本)。所以,最好是將一系列真正“屬于你的”的配色方案,同時尚的趨勢結合起來,最大化的使用。  

 

 

 

 

05.避免彩虹式配色  

 

色彩的使用應該是有節制的。你的配色方案中并不需要5種甚至10種色彩同時存在,最好的配色方案通常只是2~4種色彩的搭配。

 

data

 

為什么?每個色彩在整個設計中都有它的作用,而每個色彩都應該有各自發揮的空間,并且被人所注意到。太多的色彩聚合到一起,就只是顏色而已。好的設計和配色方案會讓每種色彩具備它獨有的作用與角色,讓色彩各司其職,用戶也更容易融入到整個設計中來,也更容易同網站進行交互和溝通。

 

 

 

 

06.為文本元素單獨挑選色彩

 

 

uber (1)

 

當你思考色彩搭配的時候,文本元素應當使用什么樣的色彩是非常值得你思考的。除非文本色彩被固定死了只能是黑白灰,那么你應當考慮一下文本的配色問題。文本的色彩牽涉到各種問題,從色彩的可讀性到頁面的可用性、菜單的易用性,不一而足。當然,最需要考慮的還是文本的可讀性的問題。文字需要在不同的背景下保持足夠的對比度來確保它可讀。一般而言,文本元素的用色可以是配色方案的一部分,也可以是單獨挑選的色彩。  

 

 

 

 

07.結合內容考慮配色

 

 

poignee

 

優秀的配色方案并不只是確保視覺上的一致性,會讓內容和色調情緒上保持一致,尤其是在網站上。這個道理并不難理解。以自然為主題的網站可能會使用綠色和棕色,而銀行類的網站則大多使用讓人信任的色彩,比如藍色。網站有著怎樣的立意?它要展現什么樣的主題,傳達什么樣的情緒?在這樣的構思之下,可以幫你更好的建立配色方案。

 

 

 

 

08.堅持遵循配色方案

 

 

think

 

當你創造出一套優秀的配色方案的時候,你會盡量將這個方案貫穿整個項目。這個時候,你應當建立一套規則,來確保整個配色能夠系統化地貫穿到整個項目當中。這個過程中,你可能會思考下面的問題:

你同時在處理色彩有哪些?

哪些色彩是通過調節色彩、色調和色度而創造的?

是否為文本設定單獨的色彩?

UI元素是否具備成系列的配色?

能否在配色方案之外再單獨加入獨特的色彩?

內容來源:優秀網頁設計 若有任何來源問題請聯系本站更正

其它文章|返回列表

鎮江

鎮江市學府路88號

/

丹陽

丹陽市新民東路47號

T : 0511-88077310 13806103483

Mail: [email protected]  /  [email protected]

Our point
GET MORE +

Copyright ? 2005-2018 鎮江市云優網絡科技有限公司

All rights reserved 備案號:蘇ICP備16044122號-1

云優網絡手機官網

全國服務熱線:  13806103483 IF  YOU  HAVE  ANY  QUESTIONS , PLEASE  CONTACT  US
首頁 電話 短信 關于
pt电子游艺平台 微信棋牌游戏外挂 五张牌游戏 VR三分彩官网开奖结果 高频彩票有假 内蒙古11选5走势 福建31选7复式计算表 赌博在线娱乐平台 网上在线打鱼 快乐双彩开奖 pk10大小规律技巧 韩国美女比基尼图片 山东十一选五走势图一定牛选五 微信棋牌游戏外挂 五张牌游戏 VR三分彩官网开奖结果 高频彩票有假 内蒙古11选5走势 福建31选7复式计算表 赌博在线娱乐平台 网上在线打鱼 快乐双彩开奖 pk10大小规律技巧 韩国美女比基尼图片 山东十一选五走势图一定牛选五