输入复制码,即可复制
关注 公众号 发送 复制码 即可获取
只需要3秒时间
查看: 147|回复: 1

网页设计中的半透明运用准则

[复制链接]

645

主题

638

帖子

1276

积分

小生

Rank: 3Rank: 3

积分
1276
发表于 2013-12-25 09:57 | 显示全部楼层 |阅读模式
  使用半透明元素来设计网页很美观也很需要技巧。半透明效果是指色块、文字或图片被"稀释"或者冲淡,使得颜色减淡,并且透出后方内容。执行到位的话,这种效果会非常震撼,能划出一块绝佳的文字展示区域,或者作为吸引注意力至图像某部分的手段。但是使用半透明时,设计师必须小心谨慎。

  这种效果很难处理得当,因为事关可读性。透明度使用错误的半透明块和文字也,会能散注意力,并且破坏整体设计效果接下来看一套行为准则,附带一些半透明效果在网站上的优秀执行案例。

  通过半透明来形成对比

  选用半透明设计技巧的最大好处,是创造对比。这种效果可以让设计师通过色块、图片上的大字体或多种颜色层次来创造视觉焦点

  半透明也可以在背景图不能很好展现上方文字时,将文字分离开来

  使用半透明设计时尤其需要考虑对比。只有图片(或背景)和文字都可读时,半透明效果才是有意义的。当你考虑使用半透明效果时,问问自己:这是否有助于用户对图文的理解?

  避免遮挡图片的重要部分

  半透明效果不应该遮挡其下方背景或图片的重要部分。决定半透明层位置的时候,要清楚你"牺牲"了什么内容

  用不同的透明度

  没有完美的透明度值。对于某些项目,80%透明度比较理想;对于其他的也许15%才是最佳选择。对每个项目采用不同的透明度

  不要觉得半透明就能让文字更易读

  使用半透明色块来衬托文字并不意味着文字会自动变得易读。要考虑对比——半透明色块与文字、背景图与半透明色块两方面都要考虑

  半透明效果用在图片、色块或文字上时,考虑文字的可读性至关重要。切记,如果设计效果致使文字难以辨认,你的信息将无从传达

  在细节处使用半透明效果

  上海到昆明物流:http://www.ly56km.com

温馨提示:
1、本内容转载于网络,版权归原作者所有!
2、本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
3、本内容若侵犯到你的版权利益,请联系我们,会尽快给予删除处理!
您需要登录后才可以回帖 登录 | 注册

本版积分规则

客服QQ/微信
860820528 周一至周日:09:00 - 22:00
十五年老品牌,学习网上创业赚钱,首先阿抖学社,值得信赖!
阿抖学社 版权所有!

本站内容均转载于互联网,并不代表阿抖学社立场!
拒绝任何人以任何形式在本站发表与中华人民共和国法律相抵触的言论!

小黑屋|广告服务|加入vip|APP下载|手机版| 阿抖学社 ( 蜀ICP备14032121号-4 ) |网站地图

GMT+8, 2025-6-30 02:59 , Processed in 0.088320 second(s), 33 queries .

快速回复 返回顶部 返回列表