高光亮質(zhì)感網(wǎng)頁設(shè)計(jì)運(yùn)用方式
2011/9/14 22:14:15來源:本站原創(chuàng)
圖趣網(wǎng)絡(luò)縱觀一些大氣細(xì)膩的網(wǎng)頁設(shè)計(jì)作品,例韓雪冬的許多網(wǎng)頁設(shè)計(jì)。它們有如下幾個(gè)共同的特點(diǎn):
1.背景通常是純色的柔和漸變,不添加任何的材質(zhì);
2.色塊的邊緣部分通常會添加1像素的高光;
3.在頁面元素的邊緣部分有著強(qiáng)烈的1像素高光;
4.元素表面有如玻璃般的明顯反光;
5.底部和背景接觸的部分經(jīng)常會設(shè)計(jì)出倒影。
上述風(fēng)格的設(shè)計(jì)經(jīng)常會出現(xiàn)在商業(yè)和企業(yè)的網(wǎng)頁設(shè)計(jì)中,會給人留下干凈清爽的印象。
這里將這些常用的方法提取了出來,共有6種樣式,分別是:1、鏡面的內(nèi)容背景;2、光亮的按鈕;3、浮動的圓角水晶按鈕;4、凸出的分割線;5、陰影分割線;6、角橫幅。后續(xù)將分別單獨(dú)介紹每種效果的具體做法;下面是這6種元素的預(yù)覽圖以及涉及到這種光亮風(fēng)格的網(wǎng)頁設(shè)計(jì)作品案例。
[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://pkvc.cn/tutorial/di853.html
本文地址:http://pkvc.cn/tutorial/di853.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁設(shè)計(jì)中的常見頁面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫:40款為網(wǎng)頁設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺設(shè)計(jì)分享—專題頁面設(shè)計(jì)篇
這些是最新的
最熱門的教程