淺談簡單設計風格在網頁的應用技巧

這(zhè)個時代中充滿了太多奇妙的特效，在這(zhè)些複雜特效中，我們還(hái)需要一些與之相反的簡單設計。彩色濾鏡，既把視覺效果簡單化，又與如今的時代節奏相吻合，也許正是我們或缺的那

一種(zhǒng)類型。

在國(guó)外的網頁設計中，彩色的濾鏡效果已經(jīng)被(bèi)很普遍的使用了，但在國(guó)内的網頁設計領域，濾鏡風似乎還(hái)沒(méi)有大面(miàn)積吹入我們的視線。不如先跟著(zhe)AnyForWeb一起(qǐ)領略國(guó)外的濾鏡效果

網頁設計吧，希望能(néng)勾起(qǐ)設計師們更多的創作靈感。

1.這(zhè)個案例使用了純色的濾鏡效果，讓整個畫面(miàn)看起(qǐ)來幹淨簡單，文字與白底色塊之間的搭配讓用戶能(néng)一心專注于文字中。這(zhè)種(zhǒng)使用方式證明了濾鏡效果能(néng)很有效的增強浮于頁面(miàn)背景

之上的重點内容的可讀性。

2.這(zhè)個案例所表現的雖然同樣(yàng)也是純色的濾鏡效果，但與上一個案例還(hái)是有一些細微的差别。背景圖中的内容相對(duì)比較瑣碎，因此選擇純色濾鏡能(néng)規避視覺上的繁複，無線框設計讓頁

面(miàn)看起(qǐ)來更自由無束縛。

3.INTEPCORE的網站以藍黑色爲主，主文字選擇了鮮亮的桃紅色，之間的色差很大程度上強化了浏覽時的視覺表現。色彩上的對(duì)比也在畫面(miàn)自身上進(jìn)行了互補，使整個頁面(miàn)始終處于一

個平衡的狀态中。

4.Knuckles網站使用的濾鏡效果其實并不明顯，但作用卻不容小觑，正是這(zhè)淡淡的效果令原本枯燥平常的背景圖更增添了一些戲劇性的效果。背景、字體、色彩三者的融合顯著提升了

用戶感官的協調程度。

5.這(zhè)個案例很巧妙的選擇了一種(zhǒng)比較柔和的濾鏡效果，文字與線條組合而成(chéng)的幾何元素之間互相“糾纏”，不僅沒(méi)有顯得很繁瑣，反而讓對(duì)方變得更有活力，柔和的色調相映襯，帶出

了一絲惬意。

6.該案例使用了帶有漸變效果的濾鏡，效果不僅在色調上産生了改變，畫面(miàn)也變得模糊了。漸變和模糊同時存在能(néng)很自然的稀釋背景内容上的設計，所以熱鬧的背景圖案更适合這(zhè)樣(yàng)的

設計手法。

7.這(zhè)個案例在透明度上沒(méi)有做太大的改變，隻是稍作了一些模糊處理。綠色的主色調總能(néng)創造出一種(zhǒng)冷靜并且便捷的感受，所以花哨的的文字設計也不會顯得過(guò)于突兀。

8.COMBADI的網站中濾鏡效果的運用主要作用是突出了背景上層的内容元素，這(zhè)一點其實比較常規并不特别。網站的巧妙之處在于設計師利用比較溫和的濾鏡表現出了雪地獨有的強光

反射效果，讓浏覽者有一種(zhǒng)身臨其境的感覺。

9.Papertelevision的色彩濾鏡呈現出半透明效果，兼具了功能(néng)性和一種(zhǒng)獨特的精緻魅力。右上角的漢堡圖标設計也非常符合網站的整體風格。

10.在真實大圖背景中使用模糊濾鏡的效果能(néng)瞬間讓頁面(miàn)變得高大上!正如Sparked的網站，模糊中混合著(zhe)一些小光暈，畫面(miàn)場景看起(qǐ)來更有意境。

不知道(dào)從什麼(me)時候開(kāi)始，彩色濾鏡效果在圖片的美化上突然變的炙手可熱起(qǐ)來，原本普通的圖片一旦經(jīng)過(guò)濾鏡渲染，瞬間變身成(chéng)另一種(zhǒng)風格，正因爲如此，濾鏡效果在網頁設計中獲得

了又一次的新生。