雙色調(diào)配色調(diào)色板已經(jīng)在設(shè)計(jì)中使用了相當(dāng)長(zhǎng)的一段時(shí)間，但在
網(wǎng)頁設(shè)計(jì)中并沒有那么多 - 直到現(xiàn)在。Spotify是否開始了一個(gè)新趨勢(shì)可能是有爭(zhēng)議的，但是這個(gè)數(shù)字音樂服務(wù)當(dāng)然值得稱贊，他們已經(jīng)使用色彩清洗技術(shù)在他們的網(wǎng)站和營(yíng)銷上產(chǎn)生如此高的影響效果。
什么是雙色調(diào)？它基本上使用兩種互補(bǔ)色來組成一個(gè)組合。其他顏色組合和彩色圖像可能出現(xiàn)在頁面上，但雙色調(diào)圖案要么占主導(dǎo)地位，要么有助于用戶專注于特定圖像。雙色調(diào)效果可應(yīng)用于英雄圖像，空白或背景圖像（包括視頻）。
兩種主色的疊加
雙色調(diào)技術(shù)以及名稱來自印刷機(jī)是主要信息提供者的時(shí)代。雙色調(diào)打印由兩種顏色組成，或黑色和一種顏色。
在網(wǎng)頁設(shè)計(jì)中，大多數(shù)雙色調(diào)效果是通過在圖像頂部放置一個(gè)顏色鮮艷的疊加層來創(chuàng)建的，從而產(chǎn)生黑暗和光線以產(chǎn)生令人驚嘆的視覺效果。
雙色和一個(gè)陰影
您可以通過多種方式使用雙色調(diào)技術(shù)。例如，您可以使用雙色調(diào)作為主要的全屏元素來強(qiáng)調(diào)品牌。您可以在空白處使用它來獲得有趣的非侵入式背景，或者重音其他設(shè)計(jì)元素或內(nèi)容塊。
當(dāng)用作單個(gè)設(shè)計(jì)元素時(shí)，此技術(shù)通常效果最佳，但應(yīng)該適度使用。正如您將注意到的那樣，它可能過于強(qiáng)大。
網(wǎng)頁設(shè)計(jì)和雙色調(diào)品牌
雙色調(diào)是一個(gè)舊的待命，已經(jīng)有了新的生活。它已成為網(wǎng)頁設(shè)計(jì)的一個(gè)趨勢(shì)。雖然經(jīng)常使用兩種互補(bǔ)色，但單一顏色與黑色或不同顏色的相同顏色一起使用往往會(huì)帶來更美觀和更強(qiáng)大的效果。一個(gè)老式的棕褐色打印將是一個(gè)很好的比較。
創(chuàng)意界花了一段時(shí)間才接受雙色調(diào)技術(shù) - 主要是因?yàn)楹ε缕茐恼w設(shè)計(jì)方案的和諧。今天，許多這些相同的創(chuàng)意已經(jīng)開始采用雙色調(diào)技術(shù)，實(shí)現(xiàn)了明亮的色彩和色調(diào)的美麗和力量以及色調(diào)的微妙使用。
黑色和紅色，紅色和黑色 - 和綠色
Duotone的使用是一個(gè)經(jīng)過驗(yàn)證的注意力吸引者，因此它可以為您的主頁提供強(qiáng)大的視覺吸引力。它吸引用戶，而不是讓他們感到失望，然后才能感受到網(wǎng)站用戶體驗(yàn)的完整，積極影響。
使用雙色調(diào)也是將您的網(wǎng)站與競(jìng)爭(zhēng)對(duì)手區(qū)分開來的理想方法。它可以給你一個(gè)獨(dú)特的形象，你的訪問者會(huì)發(fā)現(xiàn)吸引力。
努力在您選擇的顏色與設(shè)計(jì)的結(jié)構(gòu)（和意圖）之間取得適當(dāng)?shù)钠胶?。圍繞傳統(tǒng)網(wǎng)格界面構(gòu)建的網(wǎng)站可以使用深色調(diào)和色調(diào)。淺色調(diào)也可以作為吸引注意力的人，特別是在具有分層設(shè)計(jì)的網(wǎng)站上。你有很多選擇可供你選擇，你在這里看到的應(yīng)該會(huì)為你提供更多的想法。
為什么你應(yīng)該使用它
最大限度地利用雙色
值得注意的是瑞典足球隊(duì)下面的這個(gè)網(wǎng)站：第一名; 雙色調(diào)背景如何增加可讀性。這是通過疊加雙色調(diào)來實(shí)現(xiàn)的，以便平整背景顏色變化，并使文字脫穎而出 - 無論它放在圖像上的哪個(gè)位置。第二; 請(qǐng)注意團(tuán)隊(duì)徽標(biāo)的顏色如何貫穿整個(gè)網(wǎng)站以加強(qiáng)品牌。
雙色調(diào)背景的放松效果
人們已經(jīng)注意到微妙的雙色調(diào)效果可以用來強(qiáng)調(diào)品牌。它也可以用作為您的網(wǎng)站提供新的全新外觀的方法，而無需進(jìn)行徹底的改變。
只需很少的努力，你就可以將你已經(jīng)很棒的網(wǎng)站變成一個(gè)永遠(yuǎn)知名的網(wǎng)站。想象一下灰色背景圖像，然后看看如何將它變成冷藍(lán)色使文本更加突出，同時(shí)提供涼爽，輕松的氛圍。
明亮而又安靜的強(qiáng)大效果
對(duì)于一些比較保守的網(wǎng)頁設(shè)計(jì)師來說，下面這個(gè)網(wǎng)站圖像可能有點(diǎn)過于引人注目，但它確實(shí)傾向于吸引用戶。嘗試雙色調(diào)技術(shù)時(shí)，不要害怕走出您的舒適區(qū)。顏色并不總是必須匹配，并且您可以隨時(shí)進(jìn)行更改，或者利用A / B測(cè)試來查看哪些方法可行，哪些方法不可行。
從微妙與保守到狂野與美妙
相當(dāng)多的網(wǎng)頁設(shè)計(jì)師已經(jīng)采用了雙色調(diào)趨勢(shì)，其他人正在加入。這些設(shè)計(jì)師中不僅有一些嘗試過顏色對(duì)比和方案，至少可以說是不常見而且不是特別受歡迎 - 而且他們?cè)谖脩舴矫嬉呀?jīng)獲得了大獎(jiǎng)。
結(jié)論
你在這里看到的例子，是雙色調(diào)技術(shù)似乎非常自然地適合網(wǎng)站的主題和其他例子，其中雙色調(diào)的使用可能被更好地描述為“前沿”，使用這種技術(shù)確實(shí)存在風(fēng)險(xiǎn)，這絕對(duì)具有挑戰(zhàn)性; 但如果做得好，您的用戶將獲得更好的體驗(yàn)。
您可以使用雙色調(diào)來傳遞戲劇感，為您的網(wǎng)站網(wǎng)頁設(shè)計(jì)提供更低調(diào)，寧靜的外觀，突出內(nèi)容或簡(jiǎn)單地讓它變得生動(dòng)。這取決于你，這絕對(duì)值得嘗試。
本文網(wǎng)址：http://www.uk2b.cn/news_info.asp?id=3693，轉(zhuǎn)載請(qǐng)注明出處。