十个简单好用的设计技巧[译](2)

作者:jyyjch 来源:蓝色理想 时间:2009-04-08 12:56:00 

2. 渐变

技术的发展为所有想使用渐变的人提供了各种创造渐变的工具。但渐变真的很好么?

Media Temple 网站的每一个页面都使用了渐变,不过其渐变使用的节制和精妙才是设计成功的关键。logo,大标题,按钮和背景都有细微的或者镜像的渐变,以强调内容。最复杂的渐变用在了那些简单的120像素宽的按钮(子页面中的“ACTIVATE”和“LEARN MORE”)上,因为它们是需要访客注意的重点。

Commission Junction的渐变运用远没有Media Temple的细致,而且采用了过于丰富的渐变类型:

  1. 从黑色到灰色的水平线性渐变,位于页面顶部

  2. 页眉处的绿色径向渐变

  3. 登陆框背景的“CJ” 标志上方模糊的斜向渐变

  4. 输入框背景中淡淡的垂直线性渐变

  5. 导航条背景的垂直渐变

  6. Webinar广告中明亮的线性渐变

  7. 另一个垂直线性减弱,用在了大标题处

这种设计有点冒险,大部分渐变式有用的,但还是存在一些问题。最突出的一点是,设计丧失了一致性。同选择可辨性强的色彩组合一样的道理,设计师也需要为每个项目选择合适的渐变组合。

例如,大的水平渐变(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
  • asp之家 网络编程 m.aspxhome.com