adminadmin

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

分类:所谓设计|浏览:3566|录入:admin|时间:2011-09-06 10:41 Tuesday|评论:0

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

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

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

作品下载

1、Legacy Locker

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

2、Cappuccino

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

3、EZGameCard

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

4、tendyTUTS

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

5、Portfolio WebSite

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

6、Apple

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

7、CampaignMonitor

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

8、Invoice Machine

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

9、WooThemes

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

10、ActiveCollab

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

11、Ten24Media

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

12、Icebrrg

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

13、Xero

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

14、Media Temple

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

15、Realmac Software

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

16、OneHub

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

17、励步儿童教育

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

18、天泓信诺

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

 

http://www.chinaz.com/design/2011/0906/208848_3.shtml

上一篇:18个设计精美的HTML5电子商务专业网站欣赏 下一篇:愤怒的小鸟-主角表情再创造

标签:界面设计网站界面视觉欣赏设计创意创意来袭网页设计

引用通告: 查看所有引用 | 我要引用此文章

引用地址: http://www.94cy.com/article-511.html