2014-11-18 藍(lán)藍(lán)設(shè)計(jì)的小編
藍(lán)藍(lán)設(shè)計(jì)( www.teruid.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)這個(gè)時(shí)代中充滿了太多奇妙的，在這些復(fù)雜中，我們還需要一些與之相反的簡(jiǎn)單設(shè)計(jì)。彩色濾鏡，既把視覺效果簡(jiǎn)單化，又與如今的時(shí)代節(jié)奏相吻合，也許正是我們或缺的那一種類型。
在國(guó)外的網(wǎng)頁(yè)設(shè)計(jì)中，彩色的濾鏡效果已經(jīng)被很普遍的使用了，但在國(guó)內(nèi)的網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域，濾鏡風(fēng)似乎還沒有大面積吹入我們的視線。不如先一起領(lǐng)略國(guó)外的濾鏡效果網(wǎng)頁(yè)設(shè)計(jì)吧，希望能勾起設(shè)計(jì)師們更多的創(chuàng)作靈感。
1.這個(gè)案例使用了純色的濾鏡效果，讓整個(gè)畫面看起來(lái)干凈簡(jiǎn)單，文字與白底色塊之間的搭配讓用戶能一心專注于文字中。這種使用方式證明了濾鏡效果能很有效的增強(qiáng)浮于頁(yè)面背景之上的重點(diǎn)內(nèi)容的可讀性。
2.這個(gè)案例所表現(xiàn)的雖然同樣也是純色的濾鏡效果，但與上一個(gè)案例還是有一些細(xì)微的差別。背景圖中的內(nèi)容相對(duì)比較瑣碎，因此選擇純色濾鏡能規(guī)避視覺上的繁復(fù)，無(wú)線框設(shè)計(jì)讓頁(yè)面看起來(lái)更自由無(wú)束縛。
3.INTEPCORE的網(wǎng)站以藍(lán)黑色為主，主文字選擇了鮮亮的桃紅色，之間的色差很大程度上強(qiáng)化了瀏覽時(shí)的視覺表現(xiàn)。色彩上的對(duì)比也在畫面自身上進(jìn)行了互補(bǔ)，使整個(gè)頁(yè)面始終處于一個(gè)平衡的狀態(tài)中。
4.Knuckles網(wǎng)站使用的濾鏡效果其實(shí)并不明顯，但作用卻不容小覷，正是這淡淡的效果令原本枯燥平常的背景圖更增添了一些戲劇性的效果。背景、字體、色彩三者的融合顯著提升了用戶感官的協(xié)調(diào)程度。
5.這個(gè)案例很巧妙的選擇了一種比較柔和的濾鏡效果，文字與線條組合而成的幾何元素之間互相“糾纏”，不僅沒有顯得很繁瑣，反而讓對(duì)方變得更有活力，柔和的色調(diào)相映襯，帶出了一絲愜意。
6.該案例使用了帶有漸變效果的濾鏡，效果不僅在色調(diào)上產(chǎn)生了改變，畫面也變得模糊了。漸變和模糊同時(shí)存在能很自然的稀釋背景內(nèi)容上的設(shè)計(jì)，所以熱鬧的背景圖案更適合這樣的設(shè)計(jì)手法。
7.這個(gè)案例在透明度上沒有做太大的改變，只是稍作了一些模糊處理。綠色的主色調(diào)總能創(chuàng)造出一種冷靜并且便捷的感受，所以花哨的的文字設(shè)計(jì)也不會(huì)顯得過于突兀。
8.COMBADI的網(wǎng)站中濾鏡效果的運(yùn)用主要作用是突出了背景上層的內(nèi)容元素，這一點(diǎn)其實(shí)比較常規(guī)并不特別。網(wǎng)站的巧妙之處在于設(shè)計(jì)師利用比較溫和的濾鏡表現(xiàn)出了雪地獨(dú)有的強(qiáng)光反射效果，讓瀏覽者有一種身臨其境的感覺。
9.Papertelevision的色彩濾鏡呈現(xiàn)出半透明效果，兼具了功能性和一種獨(dú)特的精致魅力。右上角的漢堡圖標(biāo)設(shè)計(jì)也非常符合網(wǎng)站的整體風(fēng)格。
10.在真實(shí)大圖背景中使用模糊濾鏡的效果能瞬間讓頁(yè)面變得高大上！正如Sparked的網(wǎng)站，模糊中混合著一些小光暈，畫面場(chǎng)景看起來(lái)更有意境。
不知道從什么時(shí)候開始，彩色濾鏡效果在圖片的美化上突然變的炙手可熱起來(lái)，原本普通的圖片一旦經(jīng)過濾鏡渲染，瞬間變身成另一種風(fēng)格，正因?yàn)槿绱耍瑸V鏡效果在網(wǎng)頁(yè)設(shè)計(jì)中獲得了又一次的新生。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.teruid.com