十个简单好用的设计技巧[译](2)
作者:jyyjch 来源:蓝色理想 时间:2009-04-08 12:56:00
2. 渐变
技术的发展为所有想使用渐变的人提供了各种创造渐变的工具。但渐变真的很好么?
Media Temple 网站的每一个页面都使用了渐变,不过其渐变使用的节制和精妙才是设计成功的关键。logo,大标题,按钮和背景都有细微的或者镜像的渐变,以强调内容。最复杂的渐变用在了那些简单的120像素宽的按钮(子页面中的“ACTIVATE”和“LEARN MORE”)上,因为它们是需要访客注意的重点。
Commission Junction的渐变运用远没有Media Temple的细致,而且采用了过于丰富的渐变类型:
从黑色到灰色的水平线性渐变,位于页面顶部
页眉处的绿色径向渐变
登陆框背景的“CJ” 标志上方模糊的斜向渐变
输入框背景中淡淡的垂直线性渐变
导航条背景的垂直渐变
Webinar广告中明亮的线性渐变
另一个垂直线性减弱,用在了大标题处
这种设计有点冒险,大部分渐变式有用的,但还是存在一些问题。最突出的一点是,设计丧失了一致性。同选择可辨性强的色彩组合一样的道理,设计师也需要为每个项目选择合适的渐变组合。
例如,大的水平渐变(1)引导眼睛横向注视页面。这本没有什么问题,但就在此渐变的正下方又出现了把视线吸引到中心的径向渐变(2)和把视线引导到右下角的斜向渐变(3)。这会给访客造成困扰,起伏变化的视觉流(visual flow)也削弱了可读性。
使用渐变时,保证好的视觉流很重要:请保守而精致地使用渐变。最重要的一点,仅当对整体设计有帮助时才使用渐变。
标签:设计,技巧,logo
0
投稿
猜你喜欢
DHTML+XML+ASP+CSS的树形目录
2008-10-24 14:29:00
如何把中文转换为UNICODE?
2009-11-07 18:39:00
MySQL权限分配
2011-01-29 16:37:00
得到元素真实的背景颜色的函数
2008-05-20 12:04:00
一直闪烁变色的超级链接代码
2008-02-27 13:08:00
mysql从执行.sql文件时处理换行的问题
2009-09-06 11:46:00
xml xpath基础语法
2008-01-21 12:46:00
有时用户并不需要引导
2009-07-17 18:48:00
asp sqlserver 执行存储过程返回记录集报对象关闭时不允许操作
2011-03-11 10:57:00
asp 去掉html中的table正则代码函数
2011-04-06 10:48:00
SQL Server 置疑、可疑、正在恢复等情况分析
2012-01-05 18:51:59
asp 延时 页面延迟的三种方法
2011-03-31 11:04:00
FCKeditor新版本发布,并更名为CKeditor
2009-09-08 13:09:00
仿QQ和MSN消息提示的效果代码
2010-03-16 12:17:00
css中absolute与relative的区别
2007-11-17 08:04:00
removeChild的障眼法
2009-12-04 12:49:00
Web页面空间利用率的思考
2009-07-03 12:45:00
通过模版字符串及JSON数据进行目标内容整理的一个小方法
2010-01-12 16:55:00
如何用SQL语句来建表?
2010-06-13 14:38:00
asp 输出换行的详细说明 原创
2011-02-24 11:15:00