想要將頁(yè)面變得干凈清爽除了產(chǎn)品縮略圖本身要維持簡(jiǎn)潔干凈的背景、產(chǎn)品拍攝的統(tǒng)一協(xié)調(diào)，同時(shí)也需要考慮產(chǎn)品彼此的色彩呼應(yīng)：

主色的單一色調(diào)不一定用在組件上，有時(shí)也采用"反白"的處理，尤其是主色本身比較強(qiáng)烈時(shí)，填充主色作為背景，傳遞出主色強(qiáng)烈的表現(xiàn)效果。

頁(yè)面中的藍(lán)色作為背景色的同時(shí)陰影部分顯出了圖片內(nèi)容輪廓，制造出朦朧的視感，反白的文字更易于閱讀：

還有一種更加純粹的單色調(diào)配色方式，將整個(gè)網(wǎng)站的配圖設(shè)定為灰度圖案，讓主色在整個(gè)黑白灰的氛圍中顯得格外醒目，從而突出主題。這樣做的好處是讓畫面更加簡(jiǎn)約、克制，當(dāng)然也就失去了繽紛華麗的氛圍。

配圖為黑白灰，作為主色的橙紅色就能從中脫穎而出。這讓每個(gè)橙紅色的細(xì)節(jié)元素都格外分明：

將配圖的顏色"拿掉"是相對(duì)冒險(xiǎn)的做法，只在一些強(qiáng)調(diào)圖片的個(gè)性與質(zhì)感并不急于展示產(chǎn)品所有細(xì)節(jié)給用戶的網(wǎng)站中所用較多，品牌站里可以采用這類方式來(lái)加強(qiáng)品牌的感染力和形象特征。

漸變配色法：夢(mèng)幻滑翔

漸變可以視為一種效果，也可以當(dāng)做一個(gè)手段。漸變中使用的多種色彩，將它們的分布呈現(xiàn)柔和過(guò)渡，展示出夢(mèng)幻之感。一般來(lái)說(shuō)，我們安排的漸變色往往是以兩種色彩為端點(diǎn)，中間過(guò)渡為兩種色彩的滑翔地帶，其覆蓋的色彩范圍較廣，因此，我們很難判斷其主色是哪一固定的色值。從色溫的角度為考慮，漸變可以有暖色漸變、冷色漸變，也有冷暖過(guò)渡的漸變，而從兩端的色彩之間的關(guān)系，又分為鄰近色漸變、對(duì)比色漸變等。不同的色調(diào)漸變所呈現(xiàn)出的品牌氛圍各有千秋。不管怎樣，在輕設(shè)計(jì)中，漸變的色彩通常集中在高明度的色調(diào)范圍，讓畫面顯得更為通透柔和。漸變的色彩范圍也不宜太廣，色彩分布太大讓畫面本身容易陷入于混沌中。

漸變常以背景的形式出現(xiàn)，或運(yùn)用于較大的元素之上。根據(jù)漸變色的不同，所展示的配圖以及其他組件也要根據(jù)這一漸變色而協(xié)調(diào)。

藍(lán)與紫、紫與粉色的鄰近色漸變過(guò)渡有一種夢(mèng)幻般的感受，白色文字以及配圖甄選也都考慮到與漸變色彩的協(xié)調(diào)感。色彩豐富飽滿，頁(yè)面則簡(jiǎn)潔明快：

浮動(dòng)于漸變背景上方的元素色彩也可以與背景形成對(duì)比，這時(shí)，漸變色的范圍就要更為精準(zhǔn)清晰，以免讓色彩變"渾濁"。畢竟在輕設(shè)計(jì)中，維持畫面的"澄清"是很重要的。

利用漸變色系配色法的靈活多變，在一張大型配圖上方疊加一層透明漸變，也同樣是非常流行的做法。這樣作出的效果也相當(dāng)炫目耀眼，能瞬間提升攝影本身的感染力。

為了讓頁(yè)面變得更為"清澈"，可以采用漸變映射的方式，即只對(duì)核心焦點(diǎn)運(yùn)用藍(lán)綠漸變，而背景色依然維持簡(jiǎn)潔的白底，這樣的做法更巧妙地收住了漸變大面積鋪開所形成的華麗感，而像為主角打開了特殊的鎂光燈：

利用漸變色的變化，通過(guò)切換圖片，漸變色也隨即改變。由于漸變的飽和度較高，因此其上方的元素運(yùn)用白色展示，使文字清晰可辨：

漸變色鋪排整個(gè)背景，讓頁(yè)面展示出流光溢彩的氛圍：

最新評(píng)論