网络编程
位置:首页>> 网络编程>> 网页设计>> 抛砖引玉Web2.0设计指南(15)

抛砖引玉Web2.0设计指南(15)

作者:ximicc 来源:西米CC 发布时间:2008-06-30 12:49:00 

标签:web2.0,设计,教程

多一点变化,多一点体验——柔和的颜色渐变

在Web 2.0设计中,渐变的运用及其丰富和灵活。

恰当的渐变可以使网站的版块显得柔和而不呆板,在视觉上让页面中的元素突破单纯二维平面的限制。

渐变通常是同一种色调的深浅变化,它对情景的营造也有很大的帮助。

一个运用了渐变的背景,就很容易让用户形成一种距离感和空间感。蓝-白是很常用的渐变色系组合,它们能很容易的引发空间透视的视觉效应。

这类渐变一般用在页面的顶部,某种程度上也是一种区域分界。

在质感按钮等元素中常用的投影、内光、高亮等效果中,蓝-白渐变也有很广泛的运用。


Curve2的主页上,因为应用了渐变的版块放置在纯白或灰度的区域中,其所体现的功能就更加明显了。记住一点,如果想让页面中的渐变更加醒目,最好把它们跟纯色之类平面感较强的元素放在一起。在Curve2的主页中,暗色调的背景把高亮的绿色衬托出温暖、亲切的感觉,从而使得整张页面也显得更加柔和友好、层次丰富。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com