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