您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 設(shè)計(jì)理論 >> 瀏覽設(shè)計(jì)教程

看似簡(jiǎn)單的單色配色,必要這些技巧幫你玩轉(zhuǎn)

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

因?yàn)榻^大多數(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ì),傳遞出不同的情緒,你可以從這方面動(dòng)手。

  • 紅色:愛(ài),激情
  • 藍(lán)色:協(xié)調(diào),信賴
  • 綠色:盼望,天然
  • 黃色:樂(lè)趣,能量
  • 粉色:浪漫,女性化
  • 紫色:神秘,幻想

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

確定色彩的色相之后,接下來(lái)你必要考慮色彩的明暗和飽和度。你必要營(yíng)造柔和的感覺(jué)照舊通亮的結(jié)果?調(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ì)比度,讓用戶能夠識(shí)別出來(lái)。

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

現(xiàn)實(shí)上,很多風(fēng)趣的單色配色結(jié)果,在印刷品上面體現(xiàn)得頗為不俗。很大程度上,是由于它不僅能夠呈現(xiàn)顏色,而且能夠借助不同的工藝,實(shí)現(xiàn)不同的質(zhì)感。

和其他元素搭配使用

因?yàn)閱紊渖?,所有的色彩都在統(tǒng)一色相下,色彩的對(duì)比度可能沒(méi)有多色配色下那么顯明,所以想指導(dǎo)用戶欣賞不同的元素的時(shí)候,指導(dǎo)性上可能沒(méi)那么顯明。

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

  • 使用顏色疊加:在疊加色彩之前,將背景的元素都轉(zhuǎn)為詬誶,確保疊加顏色之后,團(tuán)體的色彩是同等統(tǒng)一的。
  • 使用加粗字體:采用加粗字體是為了讓文本內(nèi)容在單色配色的背景中更容易被用戶所識(shí)別。
  • 使用陰影和其他視覺(jué)提醒:這些視覺(jué)結(jié)果自己是為了在元素和背景層之間添加間隔,強(qiáng)化可讀性。
  • 使用插畫(huà):讓單色配色和插畫(huà)結(jié)合起來(lái),能夠創(chuàng)造更加當(dāng)代的視覺(jué)體驗(yàn),同時(shí)也強(qiáng)化單色配色的體現(xiàn)力。
  • 搭配響應(yīng)的圖片:假如你必要在單色配色的網(wǎng)站中使用視頻或者圖片的話,不妨將網(wǎng)站的主色調(diào)和圖片中的某個(gè)色彩保持同等。Cuberto 這個(gè)網(wǎng)站就是如許。

勇敢使用流行色

流行色其實(shí)不分領(lǐng)域和國(guó)界,近年來(lái)的流行色大多都是通亮而飽和度高的色彩,你看看《這10種色彩,是潘通展望的2017年秋冬兩季流行色》和《世界上最受迎接的色彩出爐了,她的名字叫馬爾斯綠!》這兩篇文章就知道。

使用流行色來(lái)作為頁(yè)面的重要色調(diào),不僅僅會(huì)讓設(shè)計(jì)自己風(fēng)趣而漂亮,而且能夠讓你的頁(yè)面緊跟潮流。無(wú)論是世界上最受迎接的馬爾思綠,照舊少女性爆棚的芭蕾鞋粉。

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

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

使用更為當(dāng)代的深色系

假如你想讓本身的單色配色方案情感和情緒不那么顯明,可以使用更為當(dāng)代的黑色、深藍(lán)作為單色配色的主體。

其實(shí)如許的深色系配色自己很風(fēng)趣,也充足獨(dú)特,只不過(guò)不是那么容易創(chuàng)造,并且沒(méi)有充足的空間來(lái)供其他的顏色來(lái)發(fā)揮。

深色系,尤其是黑色系的配色,自己就會(huì)給人很當(dāng)代的感覺(jué),同時(shí),在這種配色方案下,使用淺色或者白色的文本,可讀性會(huì)特別很是強(qiáng)。

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

就像我之前在《秋風(fēng)漸起,大咖們都追隨這些趨勢(shì)做頁(yè)面設(shè)計(jì)》這篇文章當(dāng)中所說(shuō)的,有的時(shí)候打破一項(xiàng)規(guī)則,每每能創(chuàng)造出不測(cè)且驚艷的結(jié)果。

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

結(jié)語(yǔ)

單色配色自己很風(fēng)趣,更緊張的是,它也充足經(jīng)典。不過(guò),單色配色的缺陷也很顯明,用戶長(zhǎng)時(shí)間觀看之下,會(huì)很快風(fēng)俗頁(yè)面的這種設(shè)計(jì),之后對(duì)于用戶的吸引力并不會(huì)太過(guò)持久,所以,設(shè)計(jì)師可以適當(dāng)?shù)?、定期地進(jìn)行調(diào)整,確保頁(yè)面的持久生命力。


[教程作者:互聯(lián)網(wǎng)]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/di3898.html
能成功傳遞出情緒和情感的頁(yè)面,同樣也是要看臉的
網(wǎng)易設(shè)計(jì)師版畫(huà)語(yǔ)言在廣告設(shè)計(jì)中的運(yùn)用
圖趣網(wǎng)微信
建議反饋
×