首页 > 知识•资讯 > 网站设计中渐变的运用! > 正文

网站设计中渐变的运用!

2010/10/20 0:00:00 · 稿源:传诚信

网站设计中渐变的运用

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

Screenshot

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

Screenshot

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

  1. 从黑色到灰色的水平线性渐变,位于页面顶部
  2. 页眉处的绿色径向渐变
  3. 登陆框背景的“CJ” 标志上方模糊的斜向渐变
  4. 输入框背景中淡淡的垂直线性渐变
  5. 导航条背景的垂直渐变
  6. Webinar广告中明亮的线性渐变
  7. 另一个垂直线性减弱,用在了大标题处

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

例如,大的水平渐变(1)引导眼睛横向注视页面。这本没有什么问题,但就在此渐变的正下方又出现了把视线吸引到中心的径向渐变(2)和把视线引导到右下角的斜向渐变(3)。这会给访客造成困扰,起伏变化的视觉流(visual flow)也削弱了可读性。

使用渐变时,保证好的视觉流很重要:请保守而精致地使用渐变。最重要的一点,仅当对整体设计有帮助时才使用渐变。


选择我们,优质服务,不容错过

1. 优秀的网络资源,稳定的网站和速度保证

 (配送双线独立ip空间,国际A级BGP机房,99.5% 的主机在线时间)

2. 7年北京网站建设经验,优秀的技术和设计水平,更放心

3. 全程省心服务,不必担心自己不懂网络,更省心。

-----------------------------------------------------------------------------------------------------
我们的与众不同之处:

      免费网络营销顾问:我们为您提供免费的网络营销顾问服务,您需要了解关于如何开展网络营销,电子商务网站设计等的事宜,欢迎随时联系我们。

      seo友好的网站管理系统:除了优质的网站空间,网站管理系统,和网站设计外,我们的网站管理系统更是seo友好的,包括:自定义栏目名,Google Sitemap自动生成,静态页面生成等等,让您的网站。

      免费网络营销培训:如何更好的投放网络广告,如何提高网络广告的投资回报,如何发帖子,
      如何优化网站,
我们有丰富的经验开放给您!祝君成功!

联系我们:010-62199213   62122723-808   贾先生
传诚信北京网站建设网站:
www.ccxcn.com 点击查看经典网站案例
北京网站建设
2010年网站建设套餐及优惠

  • 相关推荐
  • 大家在看
客户服务
咨询热线

010-62199213

24小时咨询热线

139-1050-5354