圖片加載失敗
首頁 動态

Our News

動态

內(nèi)蒙古網站(zhàn)建設、網站(zhàn)設計(jπ↑±ì)、域名:淺談簡單設計(jì)風(fēng)格在網'↕εδ頁的(de)應用(yòng)技(jì)巧

  這(zhè)個(gè)時(shí)代中充滿了(l "e)太多(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)規避視(shì)覺上(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)背景圖更增添了(l™€Ωe)一(yī)些(xiē)戲劇(jù)性的(de)效果。背景、字體(tǐ)♥"♥、色彩三者的(de)融合顯著提升了(le)用(yòng)戶感官的(d₽≠∑e)協調程度。

  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)的(d©∑‌e)設計(jì),所以熱(rè)鬧的(de)背景圖案更适合這(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)感受₹β,所以花(huā)哨的(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)的(de)強光(guāng)反射效果,讓浏覽者有(yσ¶'≥ǒu)一(yī)種身(shēn)臨其境的(de)感覺。

  9.Papertelevision的(de)色彩濾✔α©γ鏡呈現(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)網站(zhà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)