UI設(shè)計(jì)學(xué)習(xí)雙色調(diào)設(shè)計(jì)的概念及用途介紹

來源：m.hebeijilong.cn 發(fā)布人：云朵

2022-01-05 10:21:03|已瀏覽：195次

什么是雙色調(diào)?

雙色調(diào)(Duotone)是指由兩種顏色組成的創(chuàng)作。與它名字一樣，“雙色調(diào)”這個(gè)詞帶有“二重奏”(Duet)——兩種顏色和“音調(diào)”(Tone)——色調(diào)的意思，即將圖像通過灰度分離出暗部、亮部和中間調(diào)，用一種顏色代替暗部，另一種顏色代替兩部，而中間調(diào)則是用這兩個(gè)顏色的過渡色代替。
為了讓大家更深入地了解什么是雙色調(diào)，小編特意將兩種與雙色調(diào)非常相似的配色技巧作比較：
① 雙色調(diào)與雙色的區(qū)別

雖然雙色調(diào)和雙色僅有一字之差，但兩者在表現(xiàn)形式大不相同：雙色指的是畫面中只有兩種顏色;雙色調(diào)則是除了這兩種顏色外，還有它們之間的過渡色。

② 雙色調(diào)與漸變色的區(qū)別

雖然雙色調(diào)和漸變色都有中間調(diào)部分，但雙色調(diào)效果相當(dāng)于給圖片換了顏色，給人一種不真實(shí)的效果;而漸變色只是對(duì)顏色產(chǎn)生影響，但對(duì)圖片細(xì)節(jié)并沒有發(fā)生改變。

雙色調(diào)設(shè)計(jì)有哪些用途?

背景圖像

大多情況下，背景添加雙色調(diào)效果，并在背景圖像中添加Logo、Slogan、按鈕以及其他重要信息，能減少UI設(shè)計(jì)的配色方案，并瞬間捕捉用戶的視線，引起用戶的關(guān)注和興趣。
突出圖像焦點(diǎn)

利用雙色調(diào)的明暗特點(diǎn)，能完美地突出圖像中的關(guān)鍵元素，吸引用戶的注意力。大多數(shù)情況下，雙色調(diào)突出圖像焦點(diǎn)的方式非常適合書籍封面和海報(bào)，這種與現(xiàn)實(shí)生活中截然不同的視覺效果，會(huì)給用戶帶來特別的新鮮感。

為圖片切片
雙色調(diào)效果雖然獨(dú)特，但難免會(huì)因?yàn)閳D像顏色的改變而影響整個(gè)設(shè)計(jì)的視覺效果。為了避免這種情況發(fā)生，嘗試用雙色調(diào)為圖片切片。這種設(shè)計(jì)方式既不會(huì)對(duì)整個(gè)設(shè)計(jì)的視覺效果造成什么影響，而雙色調(diào)的部分卻又讓整個(gè)界面看起非常吸引。

分裂圖像

雙色調(diào)雖然歷史悠久，卻無阻設(shè)計(jì)師對(duì)它發(fā)揮無限的創(chuàng)造力，例如利用雙色調(diào)分裂圖像，不僅讓整個(gè)設(shè)計(jì)更富有創(chuàng)意，同時(shí)還打破了外界對(duì)傳統(tǒng)雙色調(diào)設(shè)計(jì)的觀念，給用戶帶來前所未有的視覺效果。

本文由培訓(xùn)無憂網(wǎng)長(zhǎng)沙牛耳教育課程顧問老師整理發(fā)布，希望能夠?qū)ο雲(yún)⒓娱L(zhǎng)沙UI設(shè)計(jì)培訓(xùn)的學(xué)生有所幫助。更多課程信息可關(guān)注培訓(xùn)無憂網(wǎng)UI設(shè)計(jì)培訓(xùn)或添加老師微信：15033336050

注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://m.hebeijilong.cn/news-id-12661.html 違者必究！部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注UI設(shè)計(jì)頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050