歡迎來到培訓(xùn)無憂網(wǎng)!
咨詢熱線 400-001-5729
> 新聞資訊 > 電腦/IT > UI設(shè)計(jì) > UI設(shè)計(jì)學(xué)習(xí)雙色調(diào)設(shè)計(jì)的概念及用途介紹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)和雙色僅有一字之差,但兩者在表現(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à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