加拿大预测网-在线预测

信息动态

网站设计是技术与创意的完美融合!

技术资讯

网页设计中如何使用透明效果

2014-11-27 09:15:06

在现如今的网页设计中使用透明效果的网页，可是说是件既美观又有点风险的事情。网页透明效果的使用是把色块、文本、图像、变薄、降低饱和度，都有很大的讲究，使用颜色变浅透明，会使下个图层的内容就能够穿透显示出来。这种方式如果使用好的话，效果就会显示的特别棒，也能突显出文本或者在图像的特定区域形成个焦点。但是设计师在运用透明꧙效果时要非常的小心，因为这样做有可能会影响页面的可读性。如果框和文本的透明度不搭配，有可能就会影响到整个设计。

下面我们就一起学习如何运用透明效果以及注意事项：

一、 不要以为透明效果会增强文本可读性

不要以为你用了透明框，文本就自然能读了。要想想对比——不管是透明框之于文本还是背景图片之于透明框架，一定要充分考🧸虑到文字的可读性。无论是处理透明图片，色块还是文本都要记住，如果视觉效果使字体很难辨认，那你想要表达的信息将会无法传达。

二、要层次分明地运用透明效果

透明效果的设置并没有完美的参数。有些情况下，80%比较理想，而有些的话15%最好。这个要具🌜ও体情况具体分析。

三、不要遮盖图片的关键部分

透明效果不能遮盖传递信息的背景或图片。当决定采用透明效果为框架时，要想想会不会少了什么。

四、小范围的使用透明效果

不需大范围的使用透明效果。෴小范围的使用也能够获得很好的成效，比如可以用透明效果来🍸做网页导航或者按钮的悬停效果等。别想着如何繁复地使用各种透明效果。选择一种元素和透明样式，并在网页设计中贯穿始终。

总结
当我们学会透明效果绝对也是你增长设计经验的快速捷径。像运用其他效果一样，让我们充分运用这项技术，并且会在不同的情境下检验，使其要达到预期的效果。想要完全的操控它，最大的挑战就是在图文并茂的情况下，先确保文本的可读性，然后透明的部分才不会遮挡到下面的图层。在图片的处理时，创建背景时要特别注意悬停的效果，然后我们找准位置，进行对号入座，达到一个非常理想的效果。

 

0532-85810878 473587358 扫码添加微信

加拿大预测网-在线预测:扫码添加微信

 扫码关注公众号

加拿大预测网-在线预测:官方公众号

 2054585360