網(wǎng)站建設(shè)中如何創(chuàng)建完美的顏色組合
日期:2016/8/1 / 人氣:
其中一個(gè)設(shè)計(jì)過(guò)程中最具挑戰(zhàn)性和棘手的部分可以選擇一個(gè)調(diào)色板,代表你的品牌或信息,同時(shí)為設(shè)計(jì)一個(gè)驚人的基地。
創(chuàng)造完美的色彩組合不僅僅是挑選兩種顏色,并用它運(yùn)行了。實(shí)際上,有相當(dāng)多的科技和設(shè)計(jì)的色彩理論背后。今天,我們將看看在九點(diǎn)的方法來(lái)幫助你創(chuàng)造更完美的調(diào)色板。(當(dāng)然,尖端配備的網(wǎng)站擁有靚麗的色彩組合的展示。)
先從色輪
色輪
你還記得從學(xué)校的色輪作為一個(gè)孩子?它仍然是一個(gè)實(shí)用的工具,作為一個(gè)成年人。
色輪可以幫助你思考的顏色,以及如何不同的色調(diào)之間的相互關(guān)系。這是確定的顏色一對(duì)(或更多)是否會(huì)涉及到彼此和諧的方式的實(shí)用方法。
車輪包含主,二級(jí)和三級(jí)的顏色和其內(nèi)的每組合。
原色:紅,黃,藍(lán)
二級(jí)顏色:綠色,紫色,橙色(的兩種原色混合)
第三顏色:天藍(lán)色的,紫羅蘭,玫瑰,橘紅色,黃綠色,春綠(主要和次要顏色的搭配)
俏皮的
方向盤上是重要的,有助于色調(diào)是如何很好地協(xié)同工作,你如何搭配顏色。
類似的:選擇三種顏色彼此相鄰的色輪
互補(bǔ):顏色從色輪的相對(duì)側(cè)
拆分互補(bǔ):選擇顏色和使用顏色上相反的顏色兩側(cè)從色輪
雙重互補(bǔ)性:打造最困難的,這個(gè)概念采用了原色和色輪的相反顏色的兩側(cè)補(bǔ)充(用色彩和色調(diào)效果最好)
單色:一個(gè)顏色和顏色變化(如俏 皮,上面)
三元:三色色輪上等距
大多數(shù)顏色采摘工具使用色輪的模擬,以幫助你做出的色彩選擇。(所以真的各地的設(shè)計(jì)理論,這部分沒(méi)辦法。)
黑色,白色和中性物質(zhì)
黑色,白色和中性物質(zhì)
但是調(diào)色板不僅僅是一個(gè)鮮艷的顏色或兩個(gè)以上。值得商榷,在調(diào)色板中最重要的顏色可能是你沒(méi)有真正看到的 – 黑色,白色和中性。
這些顏色設(shè)置一切是如何工作的階段。他們往往是背景的一部分,為項(xiàng)目提供一個(gè)溫暖或涼爽的感覺(jué),并有助于整體的導(dǎo)航和可用性雖然排版等方向提示。
爽膚和著色
爽膚和著色
很少有設(shè)計(jì)師會(huì)從色輪搶幾個(gè)顏色,只是用它們直線上升。這就是色彩,色調(diào)和色調(diào)進(jìn)來(lái)了。
色彩:顏色加白
燈罩:彩色加黑
色調(diào):色加灰色或黑色和白色
這些變化改變顏色的飽和度,給你的調(diào)色板中偏差。當(dāng)談到創(chuàng)建色彩組合色彩,色調(diào)和色調(diào)常常被用來(lái)擴(kuò)大調(diào)色板超過(guò)兩個(gè)或三個(gè)顏色,您可以使用粗體或斜體與排版以同樣的方式,使所有的色彩都在同一個(gè)家庭(多)。
使用趨勢(shì)與注意事項(xiàng)
使用趨勢(shì)與注意事項(xiàng)
有這么多的“時(shí)髦”的色彩在那里。雖然他們可以很有趣謹(jǐn)慎地使用,這些顏色可能有些比較難用長(zhǎng)期的。如果你想使用一種顏色的趨勢(shì),堅(jiān)持一個(gè)時(shí)髦的選擇,到你的調(diào)色板工作吧。
一般情況下,你要?jiǎng)?chuàng)建一個(gè)調(diào)色板,將經(jīng)得起時(shí)間和可用于一遍又一遍。(顏色是品牌形象的重要因素。)一對(duì)夫婦的是“你的”色工作,并增加一個(gè)時(shí)髦的選擇,因?yàn)樽畲笥绊懙目谝簟#ㄟ@樣的話,當(dāng)趨勢(shì)結(jié)束后,你可以返回到另一個(gè)口音的顏色。)
避免彩虹
避免彩虹
顏色最好是有目的和有節(jié)制使用時(shí)。你不需要在你的調(diào)色板5年,10或15種顏色。最好的色彩組合常常是兩種或三種顏色具有一個(gè)中性背景只是分組。
為什么?這給每個(gè)顏色空間中可以看出,有一個(gè)目的。顏色應(yīng)該做的東西設(shè)計(jì)。太多的色彩,唯一的目的就是顏色。最好的設(shè)計(jì)和顏色組合存在,使得每種顏色具有特定角色和用戶可以在一個(gè)方式,使該網(wǎng)站更容易使用與彩色接合。(例如,大多數(shù)設(shè)計(jì)師使用的一個(gè)網(wǎng)站項(xiàng)目的每個(gè)按鈕相同的顏色。)
包括文本元素一個(gè)顏色
包括文本元素一個(gè)顏色
當(dāng)你正在構(gòu)建的色彩組合,它想想文本元素是非常重要的。除非文將只有黑色,白色或灰色,確定將使用什么顏色(或顏色)的文本元素。
這可以包括從顏色什么可讀性和可用性來(lái)鏈接到菜單項(xiàng)。計(jì)劃的顏色選擇文本時(shí)最重要的考慮因素是可讀性�?套中枰写罅康脑谙鄬�(duì) 于背景的對(duì)比度,使得它可以看到和容易閱讀。
用于文本元素的顏色可以是整體的配色方案或強(qiáng)調(diào)色特定于刻字的一部分。
考慮顏色,因?yàn)樗婕暗絻?nèi)容
考慮顏色,因?yàn)樗婕暗絻?nèi)容
在最好的顏色組合不僅色相匹配色相,而且還搭配色彩的內(nèi)容。想想實(shí)際上是在網(wǎng)站上。不要在顏色的選擇與內(nèi)容很好地融合在一起?
有時(shí)候,這是一個(gè)明顯的問(wèn)題和解決方案。與自然和環(huán)境可能會(huì)使用綠色或棕色處理網(wǎng)站; 銀行網(wǎng)站是因?yàn)樾湃紊实膮f(xié)會(huì)經(jīng)常藍(lán)色。
其他時(shí)候,它并不那么容易。如果您有疑問(wèn),請(qǐng)查看網(wǎng)站的設(shè)計(jì)意象。撤出它的樣本,以幫助建立一個(gè)基線顏色的類型是最合適的。然后從那里建立。
堅(jiān)持一個(gè)調(diào)色板
堅(jiān)持一個(gè)調(diào)色板
一旦你的方式來(lái)創(chuàng)造一個(gè)偉大的顏色組合,建立一個(gè)調(diào)色板,這樣的色彩運(yùn)用將繼續(xù)在整個(gè)項(xiàng)目一致。建立顏色應(yīng)該如何使用一組規(guī)則。
回答這些問(wèn)題開(kāi)始:
有多少顏色是你的工作?
有沒(méi)有色彩,色調(diào)和色彩使用?
可以將文本著色?
是否有UI元素一套的色調(diào)?
可以口音的顏色外調(diào)色板被添加到組合?
結(jié)論
當(dāng)涉及到顏色,很多是什么讓一個(gè)偉大的調(diào)色板由你開(kāi)始。不要顏色的外觀和感覺(jué)吧?這似乎是一個(gè)簡(jiǎn)單的測(cè)試,但它很重要。如果你有一絲不確定,重新考慮你的選擇還是回去理論的根源,進(jìn)行更改顏色之一。
請(qǐng)記住,創(chuàng)建一個(gè)調(diào)色板中的對(duì)比度和方差。建立一個(gè)感覺(jué)。記得要搭配顏色內(nèi)容最佳的整體用戶體驗(yàn)。
作者:朋友圈科技
相關(guān)內(nèi)容 Related
- 為什么響應(yīng)式設(shè)計(jì)需要媒體查詢2016/8/5
- 虛擬主機(jī)被搜索引擎爬蟲(chóng)訪問(wèn)耗費(fèi)大量流量解決方法2016/8/3
- 網(wǎng)站建設(shè)中如何創(chuàng)建完美的顏色組合2016/8/1
- 什么是長(zhǎng)尾關(guān)鍵詞?2016/8/1
- 建設(shè)企業(yè)或個(gè)人網(wǎng)站的好處2016/7/8
- 前端開(kāi)發(fā)者需要知道的常識(shí)2016/7/6
- 12種方法為您拓展業(yè)務(wù)通道2016/7/27
- SEO優(yōu)化的三大技巧2016/7/24
- 10的方法來(lái)提高你的網(wǎng)站設(shè)計(jì)2016/7/24
- 網(wǎng)站統(tǒng)計(jì)用哪個(gè)比較好,百度?cnzz?2016/7/21