强质感高光风格网页欣赏及其表现手法总结

日期:2011-11-13 点击:

经常能见到这一类的风格的网页设计作品,它们有如下共同的特点。背景通常是纯色的柔和渐变,不添加任何的材质,色块的边缘部分通常会添加1像素的高光;在页面元素的边缘部分有着强烈的1像素高光;元素表面有如玻璃般的明显反光;底部和背景接触的部分经常会设计出倒影。这种风格的设计经常会出现在商业和企业的网页设计中,会给人留下干净清爽的印象。

我这里将这些常用的表现方法提取了出来,共有6种样式,分别是:1、镜面的内容背景;2、光亮的按钮;3、浮动的圆角水晶按钮;4、凸出的分割线;5、阴影分割线;6、角横幅。我将这些元素做成了PSD格式,提供给大家下载,你可以通过查看分层文件来学习如何在photoshop中实现这样的效果,将它们用在你的设计中。下面是这6种元素的预览图以及涉及到这种光亮风格的网页设计作品案例。

demo.jpg

下载

1、Legacy Locker

Legacy Locker - The safe and secure way to pass your online accounts to your friends and loved ones..png

2、Cappuccino

Cappuccino Web Framework - Build Desktop Class Applications in Objective-J and JavaScript.png

3、EZGameCard

ezgamecard.jpg

4、tendyTUTS

trendy TUTS.png

5、Portfolio WebSite

trendy TUTS1.png

6、Apple

Apple.png

7、CampaignMonitor

Email marketing software for web designers - Campaign Monitor.png

8、Invoice Machine

The Invoice Machine - Online Invoicing Made Beautiful.png

9、WooThemes

WooThemes - Premium WordPress Themes.png

10、ActiveCollab

activeCollab - Project Management and Collaboration Tool.png

11、Ten24Media

Edmonton Search Engine Optimization Services - ten24 SEO.png

12、Icebrrg

Icebrrg - HTML Web forms, surveys, and invitations made chillingly simple.png

13、Xero

Online Accounting Software. Free Trial, Free Support - Xero.png

14、Media Temple

Web Hosting by Media Temple - Quality Hosting Plans, Built to Scale.png

15、Realmac Software

Realmac Software - Creative Software for Macs.png

16、OneHub

Online collaboration that is user friendly, well designed and cost-effective - Onehub.png

17、励步儿童教育

libu.jpg

18、天泓信诺

Tian hong innovation.jpg

推荐动态

最新动态

LATEST NEWS

填写您的项目需求给我们。

*请认真填写需求信息,我们会在24小时内与您取得联系。

启邦互动.CHINA

CENTER

中国·深圳·龙岗区

大芬美术馆对面

电话:0755-6193 1702

邮箱:service@sz-qibang.com

© 2017深圳市启邦互动科技有限公司 版权所有 粤ICP备13054229号-1 网站地图     付款方式