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