信息动态

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

技术资讯

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

2014-11-27 09:15:06

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

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

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

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

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

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

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

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

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

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

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

 

上一篇：网站设计师应该掌握的设计问题
下一篇：网页设计师最基本的原则

近期更新

延伸阅读

解决方案

轮胎行业网站设计解决方案 机械行业网站设计解决方案 房地产行业网站设计解决方案 科技企业网站设计解决方案 电子家电网站设计解决方案 食品行业网站设计解决方案 集团公司网站设计解决方案 企事业单位网站设计解决方案 外贸行业网站设计解决方案 健身运动网站设计解决方案 美容与化妆品网站设计解决方案 建筑设计行业网站设计解决方案 物流行业网站设计解决方案

TAGS关键字

网站改版 如何做网站优化 企业网站为什么要备案 网站制作 交互设计 中小型企业网站建设 网站SEO 插画 集团官网 网站开发 视觉灵感 青岛网站建设 青岛网站优化 微信营销的优势 青岛做网站多少钱 网站设计趋势 青岛品牌网站建设公司哪家好 青岛网络公司 青岛开发区建站公司 网站规划 海信网络科技 青岛抖音小程序开发 网站优化 css 审美 营销型网站建设 营销策略 图形网格 品牌网站设计 扁平化设计

青岛力图数字科技有限公司 2008- 版权所有 鲁ICP备09005893号-6 | 网站地图

青岛网站建设 青岛网站设计 青岛网站制作


0532-85810878 473587358 扫码添加微信

扫码添加微信

 扫码关注公众号

官方公众号