强质感高光风格网页欣赏及其表现手法总结
- 章明 - 互联网的那点事经常能见到这一类的风格的网页设计作品,它们有如下共同的特点. 背景通常是纯色的柔和渐变,不添加任何的材质,色块的边缘部分通常会添加1像素的高光;在页面元素的边缘部分有着强烈的1像素高光;元素表面有如玻璃般的明显反光;底部和背景接触的部分经常会设计出倒影. 这种风格的设计经常会出现在商业和企业的网页设计中,会给人留下干净清爽的印象.
经常能见到这一类的风格的网页设计作品,它们有如下共同的特点。背景通常是纯色的柔和渐变,不添加任何的材质,色块的边缘部分通常会添加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/
© 推荐 for 互联网的那点事, 2011. |
Permalink |
No comment |
Add to
del.icio.us
Post tags: 视觉设计
你可能也喜欢: | ||||
Dreamweaver CS4 官方中文精简版 (Adobe CS4系列网页设计制作软件) (@iplaysoft) |
快速创建Flahs网页菜单:Flash Menu Labs绿色版 (@portablesoft) |
网页设计师的字体替换方法指南 |
越简单越丰富——极简网页设计视觉呈现技巧 |
视觉焦点-剖析网页设计中的几何圆 |
无觅 |
Feed enhanced by Better Feed from Ozh