Godzilla. 2016-10-13
網(wǎng)站建設(shè)
北京網(wǎng)頁制作沒層次?來點(diǎn)透明效果試試
網(wǎng)頁設(shè)計(jì)中透明元素的使用讓網(wǎng)頁看起來似乎更有空氣感,讓整體網(wǎng)頁看起來更加有層次,不僅增加可讀性,同時(shí)對整體的效果妨礙不大,可謂一舉兩得。透明效果出現(xiàn)在很多輔佐元素當(dāng)中,這樣前景元素就顯得非常突出。本文由北京網(wǎng)頁制作設(shè)計(jì)師為大家分享一些網(wǎng)頁設(shè)計(jì)中的透明效果,看看這種設(shè)計(jì)方式會(huì)不會(huì)讓整體設(shè)計(jì)優(yōu)雅、華麗。
Wavefront
整體構(gòu)成比較不拘一格,音樂節(jié)一般的氛圍。霓虹色彩,半透明區(qū)塊,讓色彩更加動(dòng)感,很好的支持了主題。
Advies
頁面中含有很多透明條紋,中間的大區(qū)塊既不影響背景圖像的效果,也能很好的展現(xiàn)信息。
Medialink
風(fēng)格很怪,真實(shí)感的玻璃背景,透明的圓環(huán)導(dǎo)航元素以及中心區(qū)域的圓環(huán),和整個(gè)網(wǎng)頁的主題很相符(What you Image is what you get)
Bullhead.
主頁中歡迎新用戶的透明區(qū)塊非常的突出,微件中采用透明效果的范例。
Unknown Croatia
透明區(qū)塊做導(dǎo)航,同時(shí)又不影響背景圖片的展現(xiàn),整體看起來現(xiàn)代感無窮。
Bouquet Restaurant
氛圍感十足,提供了類別廣泛的導(dǎo)航,以便用戶進(jìn)行深度探索。左邊的兩欄側(cè)邊欄——展現(xiàn)了最重要的信息,而第二個(gè)側(cè)邊欄,擁有非常優(yōu)秀的透明效果,增強(qiáng)了整體的氛圍感。
He and She Photography
整體的色彩非常明亮,因此,網(wǎng)站沒用采用純色的按鈕,而是采用透明按鈕。
SYNC
全屏式垂直條紋導(dǎo)航,為了增加整體的可用性,設(shè)計(jì)師利用透明效果來區(qū)分懸停選項(xiàng)和未懸停選項(xiàng)。
Mitsubishi Electric
主頁的中心部分打上了三棱的Logo,低不透明度。每個(gè)棱形都代表了自己的象形含義。又不妨礙整體效果。
Abby Putinski
這個(gè)網(wǎng)站的透明效果很可愛,看看這個(gè)彈出式歡迎窗口。更多關(guān)于網(wǎng)站建設(shè)/開發(fā)、網(wǎng)站優(yōu)化、空間域名購買的等服務(wù),請搜索摩恩網(wǎng)絡(luò)官網(wǎng)咨詢。
文章標(biāo)簽:
網(wǎng)頁設(shè)計(jì)效果
文章評論: