您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設計教程 >> 設計理論 >> 瀏覽設計教程

看似簡單的單色配色,必要這些技巧幫你玩轉

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

因為絕大多數(shù)的設計項目都傾向于使用多色調(diào)配色方案,這使得單色配色在諸多不同的設計當中,更容易脫穎而出。

選擇基礎色

單色配色的設計最難的地方,其實也就是遴選色彩這個事情。誠然,設計師不必要進行多色調(diào)搭配篩選,但是直接決定整個設計的色彩,遴選起來其實更加艱難。

一樣平常而言,不同的色彩有著不同的氣質,傳遞出不同的情緒,你可以從這方面動手。

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

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

確定色彩的色相之后,接下來你必要考慮色彩的明暗和飽和度。你必要營造柔和的感覺照舊通亮的結果?調(diào)整這些屬性,讓主色調(diào)更貼合你的設計目標。

學會調(diào)整明暗和飽和度

單色配色并不是指只有一種顏色,而是只有一種色相。我們在色環(huán)上常見的色彩,默認情況下飽和度和亮度都是100%。確定色相之后,你可以通過調(diào)整明暗和飽和度,來創(chuàng)造一套和而不同的配色方案。通常,我們會使用Tint(色彩)、Tone(色調(diào),飽和度)和Shade(色度)這三個屬性,來對色相下的顏色進行界定,以及調(diào)整。

  • Tint:用選定的顏色和白色混合產(chǎn)生的顏色
  • Tone:用選定的顏色和不同程度的灰色混合產(chǎn)生不同飽和度的顏色
  • Shade:用選定的顏色和不同程度的黑色混合產(chǎn)生不同色度的顏色

所以,確定了顏色之后,通過調(diào)整色彩、色調(diào)和色度,你能獲得一個色相下不同的顏色,創(chuàng)造出有條理的配色方案。

當然,你所創(chuàng)造的這套配色方案內(nèi)不同的顏色之間,要有充足的對比度,讓用戶能夠識別出來。

你可以讓不同的元素的色彩,在整個設計中保持色相雷同明暗次第轉變,構成一個階梯型的色階。

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

和其他元素搭配使用

因為單色配色之下,所有的色彩都在統(tǒng)一色相下,色彩的對比度可能沒有多色配色下那么顯明,所以想指導用戶欣賞不同的元素的時候,指導性上可能沒那么顯明。

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

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

勇敢使用流行色

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

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

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

當然,假如你要選擇流行色來作為設計的主色調(diào),那么你肯定要時刻關注時尚圈在流行色上的風向轉變,尤其是季節(jié)性的流行色,這不僅關乎你網(wǎng)站配色是否適宜,而且能夠為你接下來的設計提供靈感。

使用更為當代的深色系

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

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

深色系,尤其是黑色系的配色,自己就會給人很當代的感覺,同時,在這種配色方案下,使用淺色或者白色的文本,可讀性會特別很是強。

采用“準單色”配色

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

這里所說的準單色配色,指的是在單色配色方案當中,加入一種色相截然不同的對比色,讓整個配色方案擁有了全新的視覺焦點。

結語

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


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