- 相關(guān)推薦
簡約網(wǎng)頁美工設(shè)計(jì)的方法
越簡單的網(wǎng)頁越遭人喜歡,下面小編為大家?guī)砹撕喖s網(wǎng)頁美工設(shè)計(jì)的方法,希望對(duì)大家有用。
1.這個(gè)案例使用了純色的濾鏡效果,讓整個(gè)畫面看起來干凈簡單,文字與白底色塊之間的搭配讓用戶能一心專注于文字中。這種使用方式證明了濾鏡效果能很有效的增強(qiáng)浮于頁面背景之上的重點(diǎn)內(nèi)容的可讀性。
2.這個(gè)案例所表現(xiàn)的雖然同樣也是純色的濾鏡效果,但與上一個(gè)案例還是有一些細(xì)微的差別。背景圖中的內(nèi)容相對(duì)比較瑣碎,因此選擇純色濾鏡能規(guī)避視覺上的繁復(fù),無線框設(shè)計(jì)讓頁面看起來更自由無束縛。
3.INTEPCORE的網(wǎng)站以藍(lán)黑色為主,主文字選擇了鮮亮的桃紅色,之間的色差很大程度上強(qiáng)化了瀏覽時(shí)的視覺表現(xiàn)。色彩上的對(duì)比也在畫面自身上進(jìn)行了互補(bǔ),使整個(gè)頁面始終處于一個(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í)大圖背景中使用模糊濾鏡的效果能瞬間讓頁面變得高大上!正如Sparked的網(wǎng)站,模糊中混合著一些小光暈,畫面場景看起來更有意境。
【簡約網(wǎng)頁美工設(shè)計(jì)的方法】相關(guān)文章:
談?wù)劸W(wǎng)頁美工設(shè)計(jì)要求10-23
如何學(xué)好網(wǎng)頁美工設(shè)計(jì)07-23
網(wǎng)頁美工設(shè)計(jì)的細(xì)節(jié)提醒07-18
網(wǎng)頁美工設(shè)計(jì)的職責(zé)介紹07-30
在美工設(shè)計(jì)中如何做到簡約設(shè)計(jì)09-29