色彩搭配是設計(jì)界永恒的(de)話(huà)題，而在網頁設計(jì)中該如(rú)何掌控色彩似乎很少(shǎo)有(yǒu)标準和(hé)定論，隻能(néng)一味的(de)憑借設計(jì)師(shī)自己的(de)經驗和(hé)客戶的(de)偏好進行(xíng)設計(jì)工(gōng)作。
AnyForWeb根據2015年的(de)色彩大(dà)緻趨勢走向，并且結合相(xiàng)關的(de)網頁設計(jì)經驗，作出了以下網頁配色預測分(fēn)析，希望對大(dà)家有(yǒu)所幫助。
1.Metro和(hé)柔和(hé)鮮嫩的(de)色彩
Odam Luiran的(de)網站是Metro風格，這種風格尤其适合一些比較鮮嫩柔和(hé)的(de)顔色，扁平化網頁設計(jì)在2014年中的(de)流行(xíng)讓柔和(hé)色彩的(de)用(yòng)途變得越來越廣泛。這樣的(de)色彩基調将在2015年得到(dào)進一步的(de)延續，馬卡龍色系也(yě)許會(huì)常常出現在網頁設計(jì)中。
2.偏灰的(de)冷(lěng)色系粉彩
偏灰的(de)冷(lěng)色系色彩是一種看起來比較百搭的(de)顔色，但(dàn)是實際上(shàng)，要将這類顔色使用(yòng)的(de)恰如(rú)其分(fēn)卻并不是一件(jiàn)容易的(de)事情。這類色彩表現的(de)比較中性，所以搭配任何顔色都(dōu)不會(huì)顯得突兀，但(dàn)也(yě)不算出挑，而要讓色彩之間真正融合，應該選擇清淡的(de)粉彩系透明(míng)色，讓網頁看起來清新脫俗。
3.根據圖片搭配背景色
網頁設計(jì)需要看整體，而不能(néng)針對性的(de)看局部。網頁中顯示的(de)圖片往往是表達網站思想和(hé)意圖的(de)一部分(fēn)，屬于網站元素中比較重要的(de)環節，所以讓背景色來适應圖片的(de)顔色是情理(lǐ)之中。如(rú)下案例所示，藍色系的(de)圖片搭配藍灰色的(de)背景，整體表現的(de)十分(fēn)融洽。
4.隻有(yǒu)一個(gè)重點色
一談到(dào)色彩搭配，常常有(yǒu)人(rén)會(huì)說一個(gè)比較保守的(de)搭配方法：一個(gè)區域範圍裏不能(néng)超過三種顔色。這句話(huà)并不算完全正确，更深層的(de)含義是，隻能(néng)有(yǒu)一個(gè)重點色。
5.以簡單灰作爲網頁基調
用(yòng)灰色作爲網站的(de)主基調是一種比較保守的(de)做法。灰色屬于所有(yǒu)色彩中最簡單的(de)顔色之一，所以設計(jì)師(shī)有(yǒu)充分(fēn)的(de)理(lǐ)由去選擇使用(yòng)灰色，以此來襯托出網頁中内容的(de)可(kě)讀(dú)性，減少(shǎo)用(yòng)戶的(de)閱讀(dú)幹擾。
6.低透明(míng)度色彩
透明(míng)度低的(de)色彩也(yě)很有(yǒu)可(kě)能(néng)成爲2015年網頁設計(jì)的(de)主要色彩趨勢。如(rú)今的(de)設計(jì)越來越追求用(yòng)戶的(de)交互體驗，因此低透明(míng)度的(de)色塊能(néng)讓用(yòng)戶更加容易發現并且閱讀(dú)。
7.用(yòng)高(gāo)亮色體現用(yòng)戶交互
一大(dà)片高(gāo)亮色設計(jì)一定會(huì)造成用(yòng)戶的(de)視覺疲勞，令人(rén)很反感，但(dàn)小(xiǎo)部分(fēn)的(de)高(gāo)亮色設計(jì)卻能(néng)起到(dào)突出重點的(de)作用(yòng)，既能(néng)将内容有(yǒu)效的(de)區分(fēn)開(kāi)來，又(yòu)能(néng)保證與整體色調保持一緻。
8.不輕易減少(shǎo)亮度中的(de)黑(hēi)色
下面這個(gè)案例中很簡單的(de)使用(yòng)了黑(hēi)色和(hé)橙色。橙色作爲很亮眼的(de)一種顔色有(yǒu)時會(huì)給人(rén)帶來一種比較刺眼的(de)感覺，但(dàn)案例中的(de)橙色卻令我們的(de)視覺感覺很舒适。原因在于設計(jì)師(shī)在原本亮麗(lì)的(de)顔色中加入了一些黑(hēi)色，既能(néng)讓顔色之間形成對比，又(yòu)不會(huì)顯得很招搖。
9.藍色是網站的(de)“基本款”
藍色在網頁設計(jì)中屬于不會(huì)出錯的(de)顔色，當你(nǐ)舉棋不定或是在色彩上(shàng)産生困惑的(de)時候，你(nǐ)可(kě)以用(yòng)藍色嘗試一下，也(yě)許能(néng)順利化解你(nǐ)的(de)問題。
10.單色網頁
單色網頁設計(jì)看起來似乎不會(huì)存在色彩搭配方面的(de)問題，但(dàn)這裏說的(de)單色網頁更應該理(lǐ)解爲單色系網頁。所以，要打造一個(gè)色彩統一的(de)網頁，設計(jì)師(shī)可(kě)以以一個(gè)基本色調來擴張色相(xiàng)、飽和(hé)度和(hé)亮度等條件(jiàn)。
色彩在任何一種設計(jì)中都(dōu)起著(zhe)很重要的(de)作用(yòng)，相(xiàng)差不多的(de)色彩卻能(néng)渲染出截然不同的(de)情感效果。因此，好好利用(yòng)色彩與生俱來的(de)魅力，就能(néng)讓你(nǐ)的(de)網頁設計(jì)更特别。
文(wén)章(zhāng)來源網絡
版權歸原作者所有(yǒu)
如(rú)涉及版權問題請及時聯系處理(lǐ),謝謝!
