设计理论:提升设计的专业性和感染力(2)
http://www.itjxue.com 2015-08-07 22:17 来源:未知 点击次数:
2. 渐变
技术的发展为所有想使用渐变的人提供了各种创造渐变的工具。但渐变真的很好么?
Media Temple 网站的每一个页面都使用了渐变,不过其渐变使用的节制和精妙才是设计成功的关键。logo,大标题,按钮和背景都有细微的或者镜像的渐变,以强调内容。最复杂的渐变用在了那些简单的120像素宽的按钮(子页面中的“ACTIVATE”和“LEARN MORE”)上,因为它们是需要访客注意的重点。
Commission Junction的渐变运用远没有Media Temple的细致,而且采用了过于丰富的渐变类型:
- 从黑色到灰色的水平线性渐变,位于页面顶部
- 页眉处的绿色径向渐变
- 登陆框背景的“CJ” 标志上方模糊的斜向渐变
- 输入框背景中淡淡的垂直线性渐变
- 导航条背景的垂直渐变
- Webinar广告中明亮的线性渐变
- 另一个垂直线性减弱,用在了大标题处
这种设计有点冒险,大部分渐变式有用的,但还是存在一些问题。最突出的一点是,设计丧失了一致性。同选择可辨性强的色彩组合一样的道理,设计师也需要为每个项目选择合适的渐变组合。
例如,大的水平渐变(1)引导眼睛横向注视页面。这本没有什么问题,但就在此渐变的正下方又出现了把视线吸引到中心的径向渐变(2)和把视线引导到右下角的斜向渐变(3)。这会给访客造成困扰,起伏变化的视觉流(visual flow)也削弱了可读性。
使用渐变时,保证好的视觉流很重要:请保守而精致地使用渐变。最重要的一点,仅当对整体设计有帮助时才使用渐变。
(责任编辑:IT教学网)
上一篇:网页tab(标签)使用注意事项