這篇文章的目的是給你一個全面的介紹設計的最深的兔子洞:顏色。 它會把你介紹給最重要的術語和概念開始,幫助你做出更好的決策應用顏色在你的設計。
像往常一樣對這些指南,我們要講一個偉大的交易,包括:
顏色嗎?
色調(diào)
色彩、陰影和基調(diào)
價值
飽和/濃度
色輪
匹配的顏色
單色
類型的顏色
匹配的顏色
強調(diào)
顏色的一致性
顏色的含義
顏色相對論
沒有光就沒有色,對嗎? 實際上沒有“黑暗”就沒有顏色。 嗯? 我知道,這聽起來很奇怪,但沒有黑暗的顏色消失。 我們需要知道這樣東西當我們?yōu)閣eb design-choosing挑選顏色色調(diào),飽和度和價值? 可能不是! 將色彩理論意亂情迷每隔一段時間,讓你更有效的網(wǎng)頁設計師,因此更好的“傳播者”? 絕對的! 在顏色方面,我們都有大量的意見和情緒,但人們往往缺乏一個明確的知道他們是做什么。 有理論基礎建立在讓你更有效的設計的人。 藝術學校并不是一個地方,大多數(shù)人花大量的時間他們的生活,但你不需要花幾年彎曲的顏色你的需要。 讓我們了解事情的來龍去脈。
選擇顏色有很多的注意事項你不會期望。 一點警告,它可以是一個兔子洞你永遠不會逃避。 來彌補,我建議首先,你可能會專注于使它有趣的為用戶做出合理有效的選擇,支持你的設計。 這似乎是一個可控的目標顏色的新手。 我知道這聽起來超級腫脹,但主體性不是你可以擺脫在談到顏色。 假設我們可以同意選擇顏色 意義 和創(chuàng)建 感興趣 是一個很好的起點。
顏色可以是一個非常強大的“武器”在藝術或創(chuàng)造性arsenal-if產(chǎn)生適當?shù)恼n程。 我們的網(wǎng)頁設計,顏色通常是關于情感和視覺沖擊。 如果正確使用,顏色可以引導觀眾最重要的和添加強調(diào)如果你別過頭了。 我想這是公平地說,這可能是最重要的事情在使用web項目的顏色。 第二個問題是,您可以建立一個特定的情緒,情緒影響,品牌進一步的想法。 實際上是一個巨大的one-gigantic這整個主題。 我們將關注最重要的方面和術語來讓你開始。
色調(diào)是任何顏色在色輪上。
很多時候,當人們談論顏色,他們實際上是談論hues-which是基本,“純”顏色,可見光譜內(nèi)任何顏色。 健康人眼可以看到2.3米色調(diào);噸變異的紅色,藍色,綠色等等。
為我們的工作與顏色設計,他們代表的起點,就像原始的或最原始的版本。 在我們的設計中,建議留下這些避免業(yè)余或幼稚的。 你有沒有注意到漫畫對孩子喜歡用這些顏色的字符嗎? 我猜不是一個大驚喜。 你可以利用這個當然如果你去一定的審美,但大多數(shù)時候,幼稚的不是工作太好。
特使的護照 使用這種扭曲的、好玩的風格的優(yōu)勢。 你可以看到非常平坦,純潔的顏色。 但是他們使用這種風格來傳達一種印象或一個想法,難以描述對孩子沒有模仿的藝術作品。
沒有色彩和色調(diào)的分寸意味著他們?nèi)狈θ魏卧黾拥陌咨蚝谏?這就是為什么我們正在談論起著特定的色調(diào)。 色是白色的顏色。 當你把一個顏色和白色你著色。 更多的白色導致增加色相的明度。 添加白色的純色調(diào)減少它 飽和 ,使顏色沒那么強烈。
陰影的另一方面是黑色的顏色。 當你把一個顏色和黑色陰影。 這導致一個豐富,通常深,更強烈的顏色由于壓倒性的黑色色素的性質(zhì)。 許多黑人改變色調(diào)的特征,甚至通過少量。 因此他們應該謹慎使用。
可以看到在下面的頻譜中,中間你會發(fā)現(xiàn)純色調(diào)。 向左邊,我們添加越來越多的白人通過著色和正確的我們是紅色與黑色陰影。
Tint-Hue-Shade頻譜
我們說話的音調(diào)混合與灰色色調(diào),這意味著你同時有效的色彩和陰影。 音調(diào)可以比原來的淺或深hue-depending白人和黑人的數(shù)量增加了。 他們也會出現(xiàn)飽和,激烈的比原來的色調(diào)。 音調(diào)可以揭示微妙的色調(diào)和復雜的品質(zhì),更接近交涉我們看到“真實”世界的方式。
還是從現(xiàn)代藝術博物館的 藝術方面的行動 系列
值是光明或黑暗的色調(diào)。 為專業(yè)的結(jié)果值是非常重要的。 在某種程度上,他們是更重要的比選擇一個正確的色調(diào)。 當我們說我們討論一些顏色是光明或黑暗 價值 色調(diào)。 這告訴我們?nèi)绾侮P閉它是輕的或黑暗的版本。 規(guī)模就像一個灰度值為特定的色彩。
規(guī)模上的部分被稱為步驟。 每一個可以清楚地區(qū)別被明顯比下淺或深。 如果你運用這些值達到更好的色調(diào)對比用現(xiàn)實的燈光和陰影。
很多偉大的繪畫藝術歷史上我們共同欣賞大師是由藝術家們在微妙的色調(diào)對比通過正確使用價值的尺度。 他們深度的變化逐步實現(xiàn)價值的變化數(shù)量有限的色調(diào)。
這個工作不僅與灰色鱗片,但與單色顏色(色調(diào))。 把它作為色調(diào)的燈光和陰影。
清理——西西里海岸 安德烈奧肯博
你可以看到這種規(guī)模有效沖淡這幅畫。 值不改變當你灰色的顏色。 最輕的燈光和最黑暗的暗色仍然定義一個有效范圍產(chǎn)生一個圖像不松其藝術品質(zhì)。
或認為標志性的黑色和白色的照片過去的五十年左右。 他們通常有一個廣泛的步驟在灰度和創(chuàng)建一個更強的,更有趣的contrast-ranging從非常黑暗的黑人非常明亮的白人。 業(yè)余愛好者經(jīng)常得到平坦的黑白圖像,因為他們沒有意識到需要使他們更加充滿活力與更廣泛的灰度。
摘錄 Guerrillero Heroico Alberto科達摘錄 Guerrillero He
有趣的是,每個顏色都有自己的固有值的范圍。 有些人比其他人更大的范圍。 紅色,例如,有一個有限的范圍相比,一個藍色的色調(diào)。 紅色是在低灰度范圍,很黑暗。 黃色,另一方面,在高幅度。 綠色,紫色和藍色有最大的范圍從黑暗到光明幾個步驟。
我們?yōu)槭裁匆P心呢? 價值觀是一種有效的方式來呈現(xiàn)一個二維描述任何畫布上,讓它出現(xiàn)三維使用的相對色調(diào)色調(diào)。 這就是人們所說的更多 活著 或 充滿活力的 ——相對于單調(diào)的色彩,無法實現(xiàn)這一效果。 這就是為什么,在一般情況下,使用更多的去飽和色調(diào),純色調(diào)是幫不上什么忙,看起來不成熟。 一個好的技巧是只有一個顏色,為您的網(wǎng)站開發(fā)價值尺度。 強調(diào)特定的區(qū)域可以使用值和其他退去輕輕入background-all同時呆在同一色相。 簡單和優(yōu)雅。
Netlife研究Netlife研究
飽和,也叫 濃度 ,是另一個概念我們不應該忽視。 這是“colorfulness”或色相的純度。 這些時髦的術語翻譯的強度或者輝煌感知顏色。 色度是定義如何純色調(diào)。 當你買顏色繪畫,色度的顏色你的管。 相比之下,不飽和的顏色是沖毀或灰色的和經(jīng)常使用不同程度的陰影顏色。 一個完全不飽和的顏色呈現(xiàn)灰色。
我們通過添加稀釋色調(diào) 互補 顏色。 所有添加的相反色輪將有效地減小飽和度的色調(diào)。 兩個顏色,你有你的中性色,棕色或灰色。 重要的是要理解,我們不是添加灰色。 實際上你是創(chuàng)建一個灰色,但不是通過添加黑色或白色。 使用這些灰色畫家打破飽和的顏色。
為什么這是一個好主意嗎? 答案其實非常實用:你不想轟炸觀眾以強烈的色彩飽和度everywhere-quite相反。 高度飽和的顏色可以看非常假的和便宜的。 過多,會給你的眼睛幾乎沒有機會休息,并沒有真正關注,更多的視覺干擾。
當一個網(wǎng)站 UXDESIGNER.TOP ,專注于用戶體驗,以這種方式錯誤,它更是難過,看在我看來。 看起來不太好,不是嗎? 它有各種各樣的問題,但主要顏色混亂并不是一個容易的建立層次結(jié)構來引導觀眾。 糟糕的用戶體驗!
以藍色和橙色為例。 挨著他們的行為非常強烈。 如果你把你實現(xiàn)一個灰色基調(diào)可以分開他們更飽和的變體。 這個新顏色位置本身之間的高度飽和的版本和創(chuàng)建一個更視覺上賞心悅目的經(jīng)驗通過應用更現(xiàn)實的顏色。 這聽起來一樣毛茸茸的,它更有活力,更生活。 這將創(chuàng)建一個顏色之間的障礙更成熟的技術。 當你談論繪畫大師,這是他們牢牢掌控的事情之一。
印象,蘇蕾黎凡特 由克勞德。莫奈
在設計上是一個好主意來關注一個或兩個顏色,然后創(chuàng)建變體。 這給了你很多選擇在同一個顏色。 你改變你的顏色,但呆在同一色調(diào)(年代)。 然后幫助錨定你的觀眾的注意力當只有很少部分選擇性的高度飽和。 在上面的圖片中,你會發(fā)現(xiàn)你的眼睛的參議員真的跳出來。
我們得到一個色輪通過光的光譜,然后將兩端連接到一個圓。 這是一個經(jīng)典的和有用的工具用于向我們展示顏色之間的關系。 所以如何? 首先,色輪可以告訴你如何創(chuàng)建最大的對比可能為特定的選擇。
歌德的色輪
與其說對稱的色輪 科學 但是的表示我們的大腦是如何工作的。 它指向我們?nèi)绾位貞星樯系姆磻伾珕拘选?科學,沒有相反的顏色的顏色,一個想法在我們的大腦中,或者在我們的概念放在一起組織和區(qū)分顏色。 不過這肯定有助于選擇顏色。 這些觀點不僅是由于我們自己的生物學也非常受到幾個世紀的藝術史和各種文化之間有很大的差別。
在這些例子中我們將使用傳統(tǒng)的“藝術家”色輪,基于red-yellow-blue(RYB)顏色模型。 這是來自畫家如何創(chuàng)建它們的顏色mixtures-via減色法混合。 它主要用于藝術和設計這些天,比科學色彩理論,指的是青色,品紅和黃色(c my)作為其主要的顏色。 c my達到一個更大的顏色比RYB模型的子集。
紅、黃、藍是用于創(chuàng)建所有其他顏色,因此獲得的名字 主 。 你不能讓他們混合其他顏色。
這當然是一個好的起點和所有你需要知道的關于原色。 話雖這么說,我還想說,這是在過去許多顏色理論家的假設。 用油漆或墨水在現(xiàn)實中,例如,你只能混合有限范圍的顏色不匹配的完整范圍健康人眼能感知。 我們這里討論的是一個完整的子集的顏色,也被稱為域。 所以,這里為了一粒鹽。
綠色,橙色,紫色被結(jié)合三原色混合。
在歌德的色輪以上,綠色的基本形式。 這是兩個主要的顏色黃色和藍色的混合。 橙色是黃色和紅色的,紫色是紅色和藍色的混合。
這個想法我們可以更進一步,主要和次要的顏色混合,混合顏色,彼此在方向盤上。
來源: 維基百科
完這個偏差得到如下:
黃綠色:黃綠色
琥珀色:黃橙色的
朱砂:橙色
紅色:紫紅
紫羅蘭:藍紫色
蒂爾:藍綠色
注意,這個符號的二次顏色是主要的顏色。
類似的 顏色是相鄰色輪,挨著。
它們形成一個簡單的關系,通常是非常好看的,創(chuàng)造一個和平的、舒適的心情。 所以如何? 最有可能的,因為在本質(zhì)上,經(jīng)常可以看到這種顏色組合。
色輪,互補色互相反對。 互補色是一個非常受歡迎的組合,因為他們請眼睛“自然”。 紅色和綠色是特別受歡迎。
但是記住不要使用它們同樣,決定而不是一個主要的顏色。 一般較弱的顏色應該使用更廣泛和更強的增強。 想匹配的襯線和無襯線字體的顏色組合。 平衡是非常重要的。 互補色也能夠創(chuàng)建為每個色調(diào)最強烈的色彩對比。
三原色是等距放置在色輪上。 他們現(xiàn)在更多的先進的組合和使用這些初學者很難得到正確的我預料,但是不要讓我阻止你。 你練習越多,等等…
他們通常對漫畫和超現(xiàn)實的場景,意味著一定的趣味性。
這是一個新的RYB色環(huán)表示:
暖色的右邊代表色輪。 他們傾向于更矚目,精力充沛,真的很大,至少在我們通常的看法。 不要忘記這些非常人類屬性無關的光的現(xiàn)象。 這些顏色可以抓住我們的注意力很快被認為是非常活躍的。
SmartBribe
你可以使暖色有效工作,但是這里有一個例子失敗在建立信任,由爆破安全性和信心,你大量的暖色。 最重要的是,這個設計在建立一個壞的工作強調(diào)他們的主要行動。 他們的電子郵件訂閱按鈕有相同的顏色作為背景,視覺上消失。 它可能是更微妙、更有效的如果只有按鈕使用暖色脫穎而出更清楚如果背景是不使用這樣一個活躍的顏色數(shù)組。
左側(cè),另一方面,代表冷色。 這些更舒適和穩(wěn)定。 他們也往往容易褪色的背景成分和不太“跳出”。 他們被認為是更被動。
這個色輪的左側(cè)是非常受歡迎的這些天在流行網(wǎng)站。 像facebook和推特只是看一看,你會發(fā)現(xiàn)大量的知名項目制造這些顏色固有顏色調(diào)色板。 為什么? 因為web項目總是要打擊他們的沒有一個物理位置,個人和信任連接可以更容易。 網(wǎng)站迎合出現(xiàn)無數(shù)人需要穩(wěn)定,值得信賴的,放松和市場的平靜是安慰。 這些都是涼爽的顏色類型可以幫助你。
Etsy
黑色,白色,灰色和棕色被認為是中性的。 在這個意義上,他們是支持“顏色”。 如果應用得當,這些中立者可以在上面的莫奈繪畫結(jié)合在一起的一切。 他們提供了一個明亮的強度,更強烈的顏色更容易吸引眼球。 在這個意義上,中性色感興趣的基礎和variation-like西紅柿意大利面和肉丸子。 意大利面是中性的粘合劑。
背景的中性退去時帶來更多的飽和的顏色混合。 在每一個偉大的顏色詞匯,他們扮演了重要的角色,因為他們幫助你創(chuàng)建一個巧妙的平衡你的工作。 想象一下,如果一切都是大喊color-wise。 不會是非常有效的,我們將再次得到顏色“噪音”。 中性色是你的秘密武器來創(chuàng)建一個鋒利的焦點在需要的地方。 在實踐中,這意味著你建立你的作文主要是中性色調(diào),然后決定重點在哪里,眼睛應該是吸引的地方。 這就是飽和色調(diào)發(fā)揮作用。
Cinebody
想象一下,如果我們有大量的飽和的顏色。 這將是更加困難的預訂按鈕凸出來。 因為他們是這個行業(yè)的核心,他們需要高度強調(diào),以免迷路。 背景的白色和灰色地帶退去,讓幾個顏色強調(diào)流行了。
在我們繼續(xù)之前,將各種不同的顏色在一起談談。 我表示,這個過程真的可以類似于選擇字體。 嘗試提交一個,或者兩個主要顏色為你的設計。 玩有很多變化通過調(diào)整值,語氣,亮度、飽和度或使用中性色,等…如果你不發(fā)瘋和噸的顏色,你會實現(xiàn)一個更連貫的result-one將整個塊緊密結(jié)合在一起的有意義的和優(yōu)雅的。
從一種顏色,其他顏色反彈了,看看你可以把它多遠。 更好的如果你開始用一個簡單的灰度和等待你把顏色進入方程。 玩光明與黑暗在你早期的方法。 用于突出顯示部分主要顏色很少,而允許支持顏色做后臺工作。
我也應該迅速提到你需要知道單色的顏色選擇。 還記得上面這個色卡嗎?
這是一個單色顏色紅色色調(diào)的規(guī)模。 下面是一個很好的例子使用單色的有效方法。
Boom
如果您使用稀疏主導顏色,您可以創(chuàng)建有效的強調(diào)。 避免夸大太多,浪費機會突出關鍵設計元素與節(jié)省了“櫻桃”。 用它來關注元素是最重要的信息交流的關鍵。 這個“主”你的調(diào)色板的顏色通常與灰度很有效,因為它很容易淡出,支持有效的主要顏色。
RIF6 只強調(diào)了一個成功的業(yè)務事務的關鍵項目。 在這個例子中,很難不注意到按鈕,讓你買這個項目。 沒有指導的眼睛迅速接口項目,促進了用戶的主要行動。 所有在使用的主要顏色,該公司作為一個品牌認同。 簡單而有效的! ,沒有廢話。
一旦你建立一個用戶的心理地圖的顏色,重要的是不要打破它。 如果你故意選擇打破它,做它巧妙地和目的。 例如,保持聯(lián)系當他們做同樣的事同樣的顏色是至關重要的,特別是如果你有噸的頁面上的內(nèi)容。 同時,保持頭顏色一致的為用戶提供錨定他們的旅程。
保持背景顏色相似的也可以是非常有效的。 這不是做了很多傷害時忽視,但可以綁在一起時很好地觀察到。 最重要的是,你是設置對用戶的期望,和您想要方便用戶理解旅行到哪里去了。
模式
模式是一種新產(chǎn)品 Etsy 和它很好使用顏色一致。 甚至桌子上的書和東西的形象擴大優(yōu)雅的品牌顏色和呆在這個范圍的模糊,溫暖的顏色。 gray-ish墻在后臺提供了完美的背景將注意力集中到網(wǎng)站的主要行動呼吁。 顯然說“ETSY”沒有尖叫在你的臉。 兩個大拇指!
Etsy也做一個偉大的工作一致的顏色在他們的主頁,但他們也把球一點。 我認為這是公平地說,有足夠的空間來創(chuàng)造更多的凝聚力通過使用他們的主要頁面內(nèi)顏色更加一致,特別是關于背景。 看看自己,你是法官:
在不同的文化中,顏色可以表示不同的含義或關聯(lián)。 他們喚起不同的感受,不應該被低估,當我們在跨文化區(qū)域的項目工作。 為避免誤解和有效的溝通,我們需要考慮到這一點。
下面是一些常見的含義,顏色被認為是附加到他們。 你可能會發(fā)現(xiàn)他們膚淺,但不過最好能夠了解這些聯(lián)系,提交他們的記憶。
藍說話的信心,穩(wěn)定和業(yè)務不像其他顏色。 它還意味著信任和專業(yè)精神。 榮譽和被可靠的是正確的。 (藍色)沒有限制!
排序
綠色意味著增長,和諧、自然、財富、樂觀和錢(當然)。
Zpotdrop
愛是一個主要的與紅色,但權力,色情和力量搭配。 它有點棘手工作是它也可以意味著危險,血液,邪惡和緊急狀態(tài)。 勇氣,是同義的。 小心的背景和意義這一個因為它可以喚起非常強大的,潛在的負面內(nèi)涵。
的網(wǎng)站 SpeedX豹 使用紅色的非常巧妙。 它增強了自行車本身的顏色,但只有很少強調(diào)行動呼吁。 抹紅到處都不會顯得那么優(yōu)雅。
黃色象征著希望,快樂,陽光,興奮,但也警告。 因為它是如此的明亮,它可以在你大聲“尖叫”。 大多數(shù)時候,這不是我們,作為用戶,需要。 在下面的示例中,可能會更少。 為一個項目“安全”和“家庭”在它的名字,黃色的可能不是最好的選擇。
FamilyInSafe
皇室的顏色正名。 不是我的那杯茶,但這個顏色是用來傳達奢侈的想法,魔法和諸如此類的事。 有趣的是,我覺得朋克和。 協(xié)會與皇室和豪華可能源于自然昂貴的紫色的過去。 很難產(chǎn)生(一些故事,涉及噸 小蝸牛 等),因此只有那些社會食物鏈中最高能夠負擔得起。 如今,當然這不是一個問題了。
有趣的, 引導 ,一個非常流行的開源項目,使用紫色在一個完全不同的背景下很成功。 或許開源項目有更多的回旋余地,遵守不同的物理。 太棒了!
這是另一個棘手的項目列表中。 白色可以傳達純潔、潔凈柔軟,成熟,優(yōu)雅,神,婚禮,皇室成員和積極性。 在其他文化中也可以明確識別與死亡和悲劇。 白人和黑人可以有非常不同的含義取決于你在哪里。 小心!
Cinebody
最后,但并非最不重要的是,良好的神秘,性感,成熟的黑色。 為什么這么嚴肅的黑色? 它的工業(yè),機械,也可以聯(lián)想到“結(jié)束”,死亡和邪惡。 最重要的是,它是叛逆的。
Impossible
就我個人而言,我認為這些聯(lián)系有點做作。 但這完全取決于你! 做你的研究,當你工作在一個項目中,尤其是如果它達到你的文化舒適區(qū)以外的人,但有很多鹽的準備。 最重要的是,玩得開心,讓你的創(chuàng)造力流! 設計嚴格按照書死了無聊——一個確保殺死心情肯定的方式。
讓我提東西很快在我們頭上。 深受周圍是什么顏色。 在某些時候,我們談論的是涼爽和溫暖的顏色,但它是一個相對比。 顏色可以出現(xiàn)在彼此的關系。 他們可以溫暖或涼爽取決于環(huán)境。 我們?nèi)祟惖难劬τ悬c愚蠢。 看看下面的顏色相互影響以及灰色的邊界內(nèi)的廣場出現(xiàn)在每一個不同的光譜。 這是所謂的 顏色相對論 。
在一些極端的例子的顏色可以看到完全不同的,完全傻瓜人眼。 看看這個經(jīng)典的“檢查器陰影錯覺” 愛德華·h·阿德爾森 :
信不信由你,廣場A和B是相同的顏色。 需要看到一些證據(jù)嗎?
使用你最喜歡的顏色選擇器來檢查,如果你喜歡。 在路上精神食糧。
顏色可以是一個強大的情緒改變。 使用它你的優(yōu)勢或滅亡。 這真的是你,因為它是一個強大的武器使用。 慢慢來學習更多,不要氣餒的規(guī)模在你面前。 在網(wǎng)絡上,你應該使用顏色來創(chuàng)建一個特定的情緒和突出的元素是特別重要的。 與設計原則,少即是多。 如果一切都強調(diào)通過顏色,沒有突出,你會得到一個不利的信噪比。
不迷失在色彩理論不過一次! 你有一生來實現(xiàn)可能只有一小部分完全理解。 放輕松,享受過程! 一旦你打開你的眼睛,這整個主題,您將看到世界通過不同的鏡頭。
