配色幾乎是所有設(shè)計(jì)分支當(dāng)中都繞不開(kāi)的問(wèn)題。通常我們所看到的配色都是由2~ 3 種主要的色彩構(gòu)成，單色配色并不是設(shè)計(jì)師的選配色方案。但是單色配色方案在很多設(shè)計(jì)項(xiàng)目當(dāng)中，都呈現(xiàn)出了極具表現(xiàn)力的一面。結(jié)合許多新的趨勢(shì)和新的技術(shù)，優(yōu)秀的單色配色并不一定弱于多色配色。

由于絕大多數(shù)的設(shè)計(jì)項(xiàng)目都傾向于使用多色調(diào)配色方案，這使得單色配色在諸多不同的設(shè)計(jì)當(dāng)中，更容易脫穎而出。

選擇基礎(chǔ)色

單色配色的設(shè)計(jì)難的地方，其實(shí)也就是挑選色彩這個(gè)事情。誠(chéng)然，設(shè)計(jì)師不需要進(jìn)行多色調(diào)搭配篩選，但是直接決定整個(gè)設(shè)計(jì)的色彩，挑選起來(lái)其實(shí)更加艱難。

一般而言，不同的色彩有著不同的氣質(zhì)，傳遞出不同的情緒，你可以從這方面著手。

紅色：愛(ài)，激情 藍(lán)色：和諧，信任 綠色：希望，自然 黃色：樂(lè)趣，能量

粉色：浪漫，女性化

紫色：神秘，幻想

仔細(xì)想想你設(shè)計(jì)對(duì)象的品牌形象和產(chǎn)品定位，什么樣的色彩會(huì)比較合適？

確定色彩的色相之后，接下來(lái)你需要考慮色彩的明暗和飽和度。你需要營(yíng)造柔和的感覺(jué)還是明亮的效果？調(diào)整這些屬性，讓主色調(diào)更貼合你的設(shè)計(jì)目標(biāo)。

學(xué)會(huì)調(diào)整明暗和飽和度

單色配色并不是指只有一種顏色，而是只有一種色相。我們?cè)谏h(huán)上常見(jiàn)的色彩，默認(rèn)情況下飽和度和亮度都是100%。確定色相之后，你可以通過(guò)調(diào)整明暗和飽和度，來(lái)創(chuàng)造一套和而不同的配色方案。通常，我們會(huì)使用Tint（色彩）、Tone（色調(diào)，飽和度）和Shade（色度）這三個(gè)屬性，來(lái)對(duì)色相下的顏色進(jìn)行界定，以及調(diào)整。

Tint：用選定的顏色和白色混合產(chǎn)生的顏色
Tone：用選定的顏色和不同程度的灰色混合產(chǎn)生不同飽和度的顏色
Shade：用選定的顏色和不同程度的黑色混合產(chǎn)生不同色度的顏色
所以，確定了顏色之后，通過(guò)調(diào)整色彩、色調(diào)和色度，你能獲得一個(gè)色相下不同的顏色，創(chuàng)造出有層次的配色方案。

當(dāng)然，你所創(chuàng)造的這套配色方案內(nèi)不同的顏色之間，要有足夠的對(duì)比度，讓用戶(hù)能夠識(shí)別出來(lái)。

你可以讓不同的元素的色彩，在整個(gè)設(shè)計(jì)中保持色相相同明暗次第變化，構(gòu)成一個(gè)階梯型的色階。

實(shí)際上，許多有趣的單色配色效果，在印刷品上面表現(xiàn)得頗為不俗。很大程度上，是因?yàn)樗粌H能夠呈現(xiàn)顏色，而且能夠借助不同的工藝，實(shí)現(xiàn)不同的質(zhì)感。

和其他元素搭配使用

由于單色配色之下，所有的色彩都在同一色相下，色彩的對(duì)比度可能沒(méi)有多色配色下那么明顯，所以想引導(dǎo)用戶(hù)瀏覽不同的元素的時(shí)候，引導(dǎo)性上可能沒(méi)那么明顯。

當(dāng)然，無(wú)論你使用什么色彩，黑白的文本通常都能保證足夠的對(duì)比度，用來(lái)承載內(nèi)容，也不會(huì)讓整個(gè)設(shè)計(jì)顯得單調(diào)。

使用顏色疊加：在疊加色彩之前，將背景的元素都轉(zhuǎn)為黑白，確保疊加顏色之后，整體的色彩是一致同一的。
使用加粗字體：采用加粗字體是為了讓文本內(nèi)容在單色配色的背景中更容易被用戶(hù)所識(shí)別。
使用陰影和其他視覺(jué)提示：這些視覺(jué)效果本身是為了在元素和背景層之間添加間隔，強(qiáng)化可讀性。
使用插畫(huà)：讓單色配色和插畫(huà)結(jié)合起來(lái)，能夠創(chuàng)造更加現(xiàn)代的視覺(jué)體驗(yàn)，同時(shí)也強(qiáng)化單色配色的表現(xiàn)力。
搭配相應(yīng)的圖片：如果你需要在單色配色的網(wǎng)站中使用視頻或者圖片的話(huà)，不妨將網(wǎng)站的主色調(diào)和圖片中的某個(gè)色彩保持一致。

大膽使用流行色

流行色其實(shí)不分領(lǐng)域和國(guó)界，近年來(lái)的流行色大多都是明亮而飽和度高的色彩。

使用流行色來(lái)作為網(wǎng)頁(yè)的主要色調(diào)，不僅僅會(huì)讓設(shè)計(jì)本身有趣而漂亮，而且能夠讓你的網(wǎng)頁(yè)緊跟潮流。無(wú)論是世界上受歡迎的馬爾思綠，還是少女性爆棚的芭蕾鞋粉。

這些明亮的流行色還有一個(gè)顯著的好處，就是當(dāng)你做單色配色的時(shí)候，很容易調(diào)出用以搭配的其他同系顏色。

當(dāng)然，如果你要選擇流行色來(lái)作為設(shè)計(jì)的主色調(diào)，那么你一定要時(shí)刻關(guān)注時(shí)尚圈在流行色上的風(fēng)向變化，尤其是季節(jié)性的流行色，這不僅關(guān)乎你網(wǎng)站配色是否適宜，而且能夠?yàn)槟憬酉聛?lái)的設(shè)計(jì)提供靈感。

使用更為現(xiàn)代的深色系

如果你想讓自己的單色配色方案情感和情緒不那么明顯，可以使用更為現(xiàn)代的黑色、深藍(lán)作為單色配色的主體。

其實(shí)這樣的深色系配色本身很有趣，也足夠獨(dú)特，只不過(guò)不是那么容易創(chuàng)造，并且沒(méi)有足夠的空間來(lái)供其他的顏色來(lái)發(fā)揮。

深色系，尤其是黑色系的配色，本身就會(huì)給人很現(xiàn)代的感覺(jué)，同時(shí)，在這種配色方案下，使用淺色或者白色的文本，可讀性會(huì)非常強(qiáng)。

采用“準(zhǔn)單色”配色

有的時(shí)候打破一項(xiàng)規(guī)則，往往能創(chuàng)造出意外且驚艷的效果。

這里所說(shuō)的準(zhǔn)單色配色，指的是在單色配色方案當(dāng)中，加入一種色相截然不同的對(duì)比色，讓整個(gè)配色方案擁有了全新的視覺(jué)焦點(diǎn)。

單色配色本身很有趣，更重要的是，它也足夠經(jīng)典。不過(guò)，單色配色的缺陷也很明顯，用戶(hù)長(zhǎng)時(shí)間觀看之下，會(huì)很快習(xí)慣網(wǎng)頁(yè)的這種設(shè)計(jì)，之后對(duì)于用戶(hù)的吸引力并不會(huì)太過(guò)持久，所以，設(shè)計(jì)師可以適當(dāng)?shù)亍⒍ㄆ诘剡M(jìn)行調(diào)整，確保網(wǎng)頁(yè)的持久生命力。

文章名稱(chēng)：網(wǎng)頁(yè)多色調(diào)配色看膩了？手把手教你單色配色玩起來(lái)
本文鏈接：http://m.rwnh.cn/news/209934.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、網(wǎng)站內(nèi)鏈、手機(jī)網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、企業(yè)建站、小程序開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)