雙色配色方案在設(shè)計中已經(jīng)被應(yīng)用很長時間了,但是到目前為止在網(wǎng)站設(shè)計中的應(yīng)用還不是很多。無論Spotify(注:一個起源于瑞典的音樂平臺)開啟了一種新的趨勢是否有爭議,這個數(shù)字音樂平臺曾經(jīng)使用大面積運用色彩的手法使他們的網(wǎng)站及營銷都產(chǎn)生了非常大的影響力,這點還是非常值得贊賞的。
什么是雙色配色?從本質(zhì)上來說,它是一種將兩種互補色組合起來的配色。在一個頁面上可能還會出現(xiàn)其他顏色的組合和多色彩的圖片,但是雙色的形式是占據(jù)主導(dǎo)地位的,或者是使用戶關(guān)注某個特定的圖片。雙色的效果可以運用到頭圖、空白區(qū)域或者是背景圖以及視頻上。
南京網(wǎng)站設(shè)計公司龍媒設(shè)計向大家分享一下網(wǎng)站設(shè)計中雙色調(diào)的奇妙用法。
,以及它的命名,是來源于打印機作為信息的主要提供者的時代。雙色打印是由同一顏色的兩種不同深淺或者一種顏色與黑色組成。
在網(wǎng)站設(shè)計中,大多數(shù)雙色效果是通過在一張圖片上覆蓋上一層明亮的顏色來實現(xiàn)的,這樣可以將亮部和暗部區(qū)分開,創(chuàng)造出一種震撼的視覺效果。
兩種顏色以及同一顏色的不同深淺
你可以在許多方面運用雙色法。例如,你可以將雙色作為一個主要的,全屏顯示的元素來強調(diào)一個品牌。你也可以在空白區(qū)域使用,形成一個有趣的沒有侵略性的背景。或者可以用它來強調(diào)其他的設(shè)計元素或內(nèi)容模塊。
一般來說,這種手法作為單一的設(shè)計元素來運用時產(chǎn)生的效果最好,但是使用時應(yīng)當有節(jié)制。正如你所注意到的,它產(chǎn)生的效果是非常強烈的。
網(wǎng)站設(shè)計與雙色品牌效應(yīng)
雙色調(diào)曾經(jīng)是一種較老的作為備用的配色方案,但如今卻被賦予了新的生命。它已經(jīng)成為網(wǎng)站設(shè)計中的一種趨勢。盡管兩種互補色使用的非常多,但是用一個單色加上黑色或者同一顏色的不同深淺通常會產(chǎn)生更加漂亮和震撼的效果。一種比較古老的深褐色打印色將會是一個很好的對比。
設(shè)計師們花了好一段時間才接受了雙色調(diào)模式——主要是擔(dān)心它破壞了整個設(shè)計方案的平衡。如今,這些設(shè)計師中有許多人已經(jīng)開始熱愛并使用雙色法,他們已經(jīng)意識到了明亮的色彩和微漸變的美與力量。
黑與紅和紅黑綠
雙色調(diào)的運用被證明是非常能抓住人的注意力的,因此,它可以給你的首頁增添非常強有力的視覺吸引力。它把用戶吸引進來,但并不會另他們在看到全部內(nèi)容之前產(chǎn)生失望,相反,它會對你的網(wǎng)站的交互產(chǎn)生非常有利的效果。
使用雙色法也是將你的網(wǎng)站與你的競爭對手區(qū)分開的一種理想的方式。它可以給你帶來與眾不同的特性,讓觀者感到非常有吸引力。
在使用時要實現(xiàn)你所選的顏色間的良好的平衡以及你的設(shè)計結(jié)構(gòu)(和目標)。暗色調(diào)的使用對于傳統(tǒng)的網(wǎng)格布局界面非常有利。而亮色調(diào)可以用來吸引注意力,尤其是在網(wǎng)頁的特色專題設(shè)計上。你可以有大量適合自己的選擇,而你在這里所看到的應(yīng)該會給你提供更多的想法運用到你的設(shè)計中去。
為什么要使用它?
最大程度地利用雙色調(diào)
下面的這個瑞典的運動隊網(wǎng)站中有兩點值得注意:第一:雙色背景是如何提高可讀性的。這是通過在圖片上覆蓋上一層雙色調(diào)來實現(xiàn)的,這樣可以使背景中復(fù)雜的色彩變化變得較為平緩,使文字可以從背景中凸顯出來——不論文字放在圖片的什么位置。第二:注意這個運動隊的logo是如何貫穿整個網(wǎng)站來強化它的品牌的。
雙色背景的輕松效果
前面已經(jīng)指出使用微妙的雙色效果可以如何強化一個品牌。它也可以作為一種給你的網(wǎng)站帶來一個嶄新的,新鮮的外觀的方法,而無需進行一個全面的整改。
只需一個很小的努力,你就可以把你的已經(jīng)很贊的網(wǎng)站轉(zhuǎn)化成一個更棒的網(wǎng)站。選擇一個灰色的背景圖片,然后看看如何把它改成一種非常酷炫的藍色使文字更加地突出,同時營造出一個很酷的,令人感到輕松的氛圍。
不溫和的明亮色調(diào)的強烈效果
下面的這個網(wǎng)站的圖片對于一些比較保守的網(wǎng)站設(shè)計師來說可能有點太過強烈了,但是它確實吸引了用戶。當嘗試使用雙色法的時候不要害怕走出你的舒適區(qū)。顏色未必要總是非常搭配,你可以經(jīng)常做出些改變,或者利用A/B方案測試的方法看看哪種效果好哪種可能效果不好。
從微妙而保守到狂野而美妙
已經(jīng)有很大一部分網(wǎng)站設(shè)計師開始運用雙色的流行趨勢,而且還有一些人也正在加入這個行列。這些設(shè)計師中有許多人已經(jīng)嘗試了按說至少是很不尋常并且也不是特別流行的色彩對比和色彩方案——并且他們在吸引用戶的注意力上取得了非常大的成功。
結(jié)論
你在這里所看到的是一些雙色很自然地與網(wǎng)站的主題相適應(yīng)的例子,而其他的一些例子中雙色的使用可能被描述為“前衛(wèi)的”更好,或者甚至是冒險的。使用這種手法確實是很冒險的,而且絕對是有挑戰(zhàn)性的。但是如果運用的很好,你的用戶就會獲得更棒的體驗。
你可以運用雙色來增添生動感,使你的網(wǎng)站的外觀更加平緩和易于理解,強調(diào)內(nèi)容,或者就是簡單地讓網(wǎng)站更有生氣。如何使用取決于你,這確實非常值得一試。