在线客服与您一对一交流
当前位置: 主页 > 行业新闻 > seo >

网站设计分析:网页设计中的半透明运用准则

 使用半透明元素来设计网页很美观也很需要技巧。半透明效果是指色块、文字或图片被“稀释”或者冲淡,使得颜色减淡,并且透出后方内容

  执行到位的话,这种效果会非常震撼,能划出一块绝佳的文字展示区域,或者作为吸引注意力至图像某部分的手段

  但是使用半透明时,设计师必须小心谨慎。这种效果很难处理得当,因为事关可读性。透明度使用错误的半透明块和文字也,会能散注意力,并且破坏整体设计效果》绵阳做网站推荐阅读>>> 2013年10大网页设计趋势

  接下来看一套行为准则,附带一些半透明效果在网站上的优秀执行案例

  通过半透明来形成对比

  

 

  

 

  

 

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

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

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

  避免遮挡图片的重要部分

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

  用不同的透明度

  

 

  

 

  

 

  

 

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

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

  使用半透明色块来衬托文字并不意味着文字会自动变得易读。要考虑对比——半透明色块与文字、背景图与半透明色块两方面都要考虑 》绵阳网站建设推荐阅读>>> 网页设计必须把握的7个问题

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

  在细节处使用半透明效果

  

 

  

 

  

 

  半透明并非只适用于网站的主体部分。这种效果在细节处也能大放异彩

  可以考虑用半透明来展示导航工具栏,或者作为按钮和可点击元素的鼠标悬停效果。多种透明度不要使用过度。选定一种元素和透明度样式,然后使它贯穿整个网站的设计

  不要在对比强烈的图片上放置半透明元素

  处于可读性考虑,最好避免在已经包含强烈对比的元素上使用半透明效果——比如黑白对比或色盘上的互补色

  因为要在背景的各个部分都达到正确的效果很难,想在这类元素上使用半透明效果,除非强烈对比在你的设计中真的只起到负面作用。考虑用浅色块代替吧

  将半透明作为一种艺术手法

  

 

  

 

  

 

  半透明不只是次要效果。可以考虑用这个效果为你的网站设计主画面

  大尺寸半透明创造的对比、强调和视觉吸引令人震撼

  不要将半透明作为装饰物使用

  半透明效果并非为了打破设计中的单调。把这种效果作为装饰物使用,注定会导致糟糕的设计

  半透明效果的使用应该事先考虑和规划好。半透明不是加粗这类简单效果,处理不当看起来会很草率且不专业

  在背景中使用半透明

  

 

  

 

  

 

  不只是设计前景元素时可用半透明效果,它也能用在背景图上。有些非常棒的半透明元素精细微妙

  还有些半透明效果夹在图像层之间。例如Tony Chester的网站,就用了绝妙的半透明分层技巧打造了一件多维度的设计 》绵阳做网站推荐阅读>>> 绵阳网站建设-网页设计的内涵与总体要求

  不要同时运用过多半透明效果

  在每个项目中有节制地使用不同类型的半透明效果。透明度要能制造反差对比,产生视觉吸引力。这样使用过多的差异化效果,会分散用户注意力

  在轮播图片上使用半透明元素

  

 

  

 

  

 

  半透明的使用不限于单页网站或静止网站。它在变化的图片和背景上也起作用。两种方式都可以用上半透明效果

  在轮播图片上使用半透明,是该效果最棘手的用法之一。却也最令人印象深刻。慎重考虑多张背景图的情况。选用颜色和对比搭配相近的图片,这样只需一种半透明效果即可应对后方移动变换的背景

  格外注意半透明效果与每张图的匹配程度,才能保证每张图的整体性,并创作出易辨认的照片或其他背景与文字,保持视觉统一

  小结

  尝试半透明效果,是拓展设计技巧的一个绝妙方法。像很多其他效果一样,要有节制地使用这个技巧,并且在多种环境下实验这种设计,来确保它按你的意图运作和展现

  半透明设计的最大挑战,是在轮播图片上使用时确保文字清晰可读,和避免半透明元素错误地遮挡下方图片

  尝试多种透明度和使用方式——用于图片、背景、遮罩效果——来决定那种效果最适合某个项目

 

相关文章:

  • 绵阳网站建设_绵阳做网站_绵阳网站制作——绵阳网络公司...

  • 从企业建站角度讲,最便捷、最适合企业的建站系统莫过于自助建站系统,市场上可供选择的自助建站平台也是一搜一大把。这些自助建站平台采用傻瓜式建站风格,容易上手,操作简单方便...

  • 现在想做一个网站成本很低了,买个域名,买个几十块空间,弄个网站建设程序就可以开始你的玩耍了,如果你还想找成本更低的,可以看下面的分享。 如何创建网站一直都是很多朋友想要知...

  • 商城网站建设如何将吸引力提升 在信息如此丰富多样的今天,商城网站建设如何才能够在众多的同类当中脱颖而出,获得大众的吸引和青睐呢?这其实是相关网站建设人员一直在思考的一个问...

  • 现在越来越多的企业重视网站的运营推广,那怎样推广效果更好呢?绵阳蟠龙网络小编认为没用永恒不变得,而且要根据企业的具体情况选择合适的推广方式才是最好的,如果你又运营推广的...

  • 随着互联网的发展,人们每时每刻已经离不开网络,而网站是网络的基本组成部分,可以这么说,网络是由各种各样的网站组成的,当下,网站是每个企业的标配,很多个人都有自己的网站,...

  • 网站现在是一个企业的标配,很多没有网站的企业不清楚网站对企业有什么作用,那么今天绵阳蟠龙小编总结一下网站对企业都有哪些好处,希望看完之后您对网站有更深一层的认识。 一、低...

  • 现在网站对一个企业越来越重要了,网站不仅是一个公司必备的名片,而且有利于提升企业的品牌形象,低成本扩大公司销售的一个重要渠道,可以将公司的业务和产品推向全国,那么公司想...

  • 在互联网发展至今天,网站对于一个企业越来越重要,网站不仅能有效的提升企业品牌知名度,企业形象,也是一个企业的有力的销售渠道,网络营销推广做好了可以做全国的业务,那一个企...

  • 随着互联网发展的迅猛,网站建设市场竞争越来越大,鱼龙混杂,出现智能建站、模板建站、定制建站等服务,很多朋友搞不清楚他们的区别,以及定制型网站有什么优势,今天绵阳蟠龙小编...

  • 公司:绵阳蟠龙网络科技有限公司
  • 联系人:张经理
  • 手机/微信18681637328:
  • Q Q: 点击这里给我发消息
  • 地址:绵阳市雁塔区唐延南路11号逸翠园i都会