网页设计理论:细节让优秀的作品脱颖而出

三、柔和的渐变

是不是下面图片上的文字框有一种鼓出来的感觉，对，那正是渐变带给我们的效果。试想一下，如果单单是白色的文字框放置于页面上，一定没有添加了渐变让我们感受到更多的趣味性。

另外，在页面的左右边缘部分也应到了从纯色背景到材质背景的渐变，这样会让深蓝色凹凸不平的背景材质出现的更加自然。在渐变的使用中需要注意的是，除某些特殊情况外，不要使用太过强的渐变，不论是色向上还是亮度上还是饱和度上都不可跨度太过强。因为这样强烈的过度根本不带真实感，给人一种很不舒适的感觉。

四、微妙的阴影

注意观察Redux暗色背景上的浅色文字，你会发现它们都被添加上了投影效果。现在我们可以使用CSS3中的text-shadow属性来完成文字的投影设计，代替了在Photoshop中完成此项工作。而且使用CSS3来给文字添加阴影自由度更高，在浏览器支持的情况下，你可以给任意文字添加你想要的阴影效果。当然IE8以下版本的浏览器是不支持此项属性的，这是我们在设计中需要注意的地方。另外，和前面提到的其它设计细节一样，阴影的效果也要足够柔和，不可过于强烈，不然很容易让整个设计看起来有一种脏脏的感觉，显得不够精致。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!