強質感高光風格網頁欣賞及其表現手法總結

經常能見到這一類的風格的網頁設計作品,它們有如下共同的特點。背景通常是純色的柔和漸變,不添加任何的材質,色塊的邊緣部分通常會添加1像素的高光;在頁面元素的邊緣部分有著強烈的1像素高光;元素表面有如玻璃般的明顯反光;底部和背景接觸的部分經常會設計出倒影。這種風格的設計經常會出現在商業和企業的網頁設計中,會給人留下乾淨清爽的印象。

我這裡將這些常用的表現方法提取了出來,共有6種樣式,分別是:1、鏡面的內容背景;2、光亮的按鈕;3、浮動的圓角水晶按鈕;4、凸出的分割線;5、陰影分割線;6、角橫幅。我將這些元素做成了PSD格式,提供給大家下載,你可以通過查看分層文件來學習如何在photoshop中實現這樣的效果,將它們用在你的設計中。下面是這6種元素的預覽圖以及涉及到這種光亮風格的網頁設計作品案例。

下載

1、Legacy Locker

2、Cappuccino

3、EZGameCard

4、tendyTUTS

5、Portfolio WebSite

6、Apple

7、CampaignMonitor

8、Invoice Machine

9、WooThemes

10、ActiveCollab

11、Ten24Media

12、Icebrrg

13、Xero

14、Media Temple

15、Realmac Software

16、OneHub

17、勵步兒童教育

18、天泓信諾

源地址:http://startwmlife.com/br……ign-and-tips/


推薦閱讀:

勇士1 virabhrasana 1的精神在不同瑜伽風格中的呈現
2011客廳裝修效果圖 現代前衛風格
中高級車09風格之變
黑白對比風格 紐約時尚公寓
80㎡北歐風格公寓,充滿了木質文藝的小清新

TAG:風格 | 表現 | 網頁 | 總結 | 質感 |