淺談簡單設計(jì)風(fēng)格在網頁的(de)應用(yòng)技(jì)巧

這(zhè)個(gè)時(shí)代中充滿了(le)太多(duō)奇妙↔®的(de)特效，在這(zhè)些(xiē)複雜(zá)特效中，我們還(h ΩΩ←ái)需要(yào)一(yī)些(xiē)與之相(xiàng)♣£反的(de)簡單設計(jì)。彩色濾鏡，既把視(shì)覺效果簡單化(huà)，又(yπ€òu)與如(rú)今的(de)時(shí)代節奏相→ (xiàng)吻合，也(yě)許正是(shì)我₩♠€≥們或缺的(de)那(nà)

一(yī)種類型。

在國(guó)外(wài)的(de)網頁設π£計(jì)中，彩色的(de)濾鏡效果已經被很(hěn)普遍的(de)使用Ω≈ >(yòng)了(le)，但(dàn)在國(guó)內(nèi)的(de)網♦ ©≠頁設計(jì)領域，濾鏡風(fēng)似乎還(hái)沒有(yǒu)大(dà)面積吹入我們✔∑©的(de)視(shì)線。不(bù)如(rú)先跟著(zhe)AnyForWeb§™$<一(yī)起領略國(guó)外(wài)的(de)濾鏡效果

網頁設計(jì)吧(ba)，希望能(néng)勾起設計(jì)師(shī)們更多(↓↔ duō)的(de)創作(zuò)靈感。

1.這(zhè)個(gè)案例使用(yòng)了(le)純色的(de)濾​∏鏡效果，讓整個(gè)畫(huà)面看(kàn)起來(lái)幹淨簡單，文(wén)字與‍$白(bái)底色塊之間(jiān)的(de)搭≠γ配讓用(yòng)戶能(néng)一(yī)心專注于π★©α文(wén)字中。這(zhè)種使用(yòng)方式證明(míng)了(le)☆£濾鏡效果能(néng)很(hěn)有(yǒu)效的(de)增強浮于頁面  ↔背景

之上(shàng)的(de)重點內(nèi)容的(de)可(kě)讀(dú)性。

2.這(zhè)個(gè)案例所表現(xiàn)的(de)雖然↔¶↔♠同樣也(yě)是(shì)純色的(de)濾鏡效果，但σε(dàn)與上(shàng)一(yī)個(gè)案例還(∏←↔₹hái)是(shì)有(yǒu)一(yī)些♣π(xiē)細微(wēi)的(de)差别。背景圖中的(de)內(nèi)容♦®★ 相(xiàng)對(duì)比較瑣碎，因此選擇純色濾鏡能(néng)規避視(s¥∑₽hì)覺上(shàng)的(de)繁複，無線框設計(≈γ∑jì)讓頁

面看(kàn)起來(lái)更自(zì)由無Ω↕束縛。

3.INTEPCORE的(de)網站(zhàn)以藍(lán)黑(hēi)色為(wèi)主，§ε★♦主文(wén)字選擇了(le)鮮亮(liàng)的(de)桃紅(hóng)色，之間(jiā∞®n)的(de)色差很(hěn)大(dà)程度上(shàng)強化(huà)了(le)浏覽時(shí×☆)的(de)視(shì)覺表現(xiàn)。色彩上(shàng)的(de÷‌)對(duì)比也(yě)在畫(huà)面自(zì)身(shēn)上(shà £'​ng)進行(xíng)了(le)互補，使整個©$♦✘(gè)頁面始終處于一(yī)

個(gè)平衡的(de)狀态中。

4.Knuckles網站(zhàn)使用(y‌δòng)的(de)濾鏡效果其實并不(bù)明(míng)顯，但(d→≠₽Ωàn)作(zuò)用(yòng)卻不(bù)×‌↓容小(xiǎo)觑，正是(shì)這(zhè)淡淡的(de)效果令原本δ∞'☆枯燥平常的(de)背景圖更增添了(le)一(yī)些(xiē)戲劇(jù)性β✘↕的(de)效果。背景、字體(tǐ)、色彩三∞¶↔&者的(de)融合顯著提升了(le)

用(yòng)戶感官的(de)協調程度。

5.這(zhè)個(gè)案例很(hěn)巧妙的(de)選擇了(le)一(yī)種比較柔≠<和(hé)的(de)濾鏡效果，文(wén)字與線條組合而成的(de)幾何元±φ素之間(jiān)互相(xiàng)“糾纏”，不(bù)僅沒有(yǒα↑∞×u)顯得(de)很(hěn)繁瑣，反而讓對(duì)方變得(de)更有(yǒu)活力，柔™∞和(hé)的(de)色調相(xiàng)映±←∏✔襯，帶出

了(le)一(yī)絲惬意。

6.該案例使用(yòng)了(le)帶有(yǒu)漸變效果的(de)濾鏡，效果不(bù)僅在色 '調上(shàng)産生(shēng)了(le)改變，畫(huà)面也(yě)變得☆Ω(de)模糊了(le)。漸變和(hé)模糊同時(shíβ♦')存在能(néng)很(hěn)自(zì)然的(de)稀釋背景內(n<β•"èi)容上(shàng)的(de)設計(jì)，所以熱(rè)鬧的(dγ♦≥e)背景圖案更适合這(zhè)樣的(de)

設計(jì)手法。

7.這(zhè)個(gè)案例在透明(míng)度上(shàng)沒有(yǒu)做(zuò)太大↕→(dà)的(de)改變，隻是(shì)稍作(zuò)了(‍≈∏‌le)一(yī)些(xiē)模糊處理(lǐ)。綠(lǜ)色的(de)主色調總能(néng)創造≥↑出一(yī)種冷(lěng)靜(jìng)并且便捷的(de)感受，所以花(hσ₩∑uā)哨的(de)的(de)文(wén)字設計(jì)也(yě)不(bù)會(huì)顯得(de)↑∑過于突兀。

8.COMBADI的(de)網站(zhàn)中濾鏡效果的(de)運用(yòng)‍•主要(yào)作(zuò)用(yòng)是(shì)突→✔≤出了(le)背景上(shàng)層的(de)內(nèi)容元素，這(zhè)一(yī)點其實比較常∑γ±規并不(bù)特别。網站(zhàn)的(de♥ βπ)巧妙之處在于設計(jì)師(shī)利用(yò✔φ•ng)比較溫和(hé)的(de)濾鏡表現(xiàn✘φ)出了(le)雪(xuě)地(dì)獨有(yǒu)的(d↑σe)強光(guāng)

反射效果，讓浏覽者有(yǒu)一(yī)種身(shēn)臨其境的(de)感覺&$€↑。

9.Papertelevision的(d♣&©e)色彩濾鏡呈現(xiàn)出半透明(míng)效果，兼具了(le)功能(néng)性和(hé)•$₽一(yī)種獨特的(de)精緻魅力。右上(shàng)角的(de)漢堡圖标設計(jì)也(∞§yě)非常符合網站(zhàn)的(de)整體(tǐ)風(f&©≥ēng)格。

10.在真實大(dà)圖背景中使用(yòng)模糊濾鏡&γσσ的(de)效果能(néng)瞬間(jiān)讓頁面變得(de)↓✘©≈高(gāo)大(dà)上(shàng)! ✔•正如(rú)Sparked的(de)網站(z₽↓hàn)，模糊中混合著(zhe)一(yī)些(xiē)小(xiǎo)光(guāng)暈，畫(huλε£÷à)面場(chǎng)景看(kàn)起來(lái)更有(yǒu)$ ©意境。

不(bù)知(zhī)道(dào)從(cóng)什(shén)麽時(shí)候開(k♣​‍§āi)始，彩色濾鏡效果在圖片的(de)美(mě↔≥δi)化(huà)上(shàng)突然變的(de)炙手可(kě)熱(rè)↑©∞起來(lái)，原本普通(tōng)的(de)圖片一(yī)旦經過濾鏡渲染，瞬間(jiā£$n)變身(shēn)成另一(yī)種風(fēng)格，正因為(π wèi)如(rú)此，濾鏡效果在網頁設計(jì)中獲得(de)

了(le)又(yòu)一(yī)次的(de)新生(shēng)。