半透明元素在网站建设中的运用

发表日期:2016-07-14   资讯来源:佰牛科技   浏览:123

网站建设中不乏有创意的设计元素,半透明元素就是其中之一,别小瞧这些所谓的透不透明的元素带给网站的视觉作用,用得好,它绝对是一个出色的网站设计。先来普及一下什么是半透明效果吧。半透明效果是指色块、文字或图片被'稀释'或者冲淡,使得颜色减淡,并且透出后方内容。执行到位的话,这种效果会非常震撼,能划出一块绝佳的文字展示区域,或者作为吸引注意力至图像某部分的手段但是使用半透明时,设计师必须小心谨慎。这种效果很难处理得当,因为事关可读性。透明度使用错误的半透明块和文字会能散注意力,并且破坏整体设计效果。
   
接下来跟着佰牛网络【深圳网站建设】来看一套行为准则,如何将半透明元素恰当地运用在网站建设中。
   
1、通过半透明来形成对比

选用半透明设计技巧的最大好处,是创造对比。这种效果可以让设计师通过色块、图片上的大字体或多种颜色层次来创造视觉焦点,半透明也可以在背景图不能很好展现上方文字时,将文字分离开来,使用半透明设计时尤其需要考虑对比。只有图片(或背景)和文字都可读时,半透明效果才是有意义的。当你考虑使用半透明效果时,问问自己:这是否有助于用户对图文的理解?当然,要避免遮挡图片的重要部分,半透明效果不应该遮挡其下方背景或图片的重要部分。决定半透明层位置的时候,要清楚你'牺牲'了什么内容。
   
2、用不同的透明度

没有完美的透明度值。对于某些项目,80%透明度比较理想;对于其他的也许15%才是最佳选择。对每个项目采用不同的透明度。另外,不要觉得半透明就能让文字更易读,使用半透明色块来衬托文字并不意味着文字会自动变得易读。要考虑对比——半透明色块与文字、背景图与半透明色块两方面都要考虑。半透明效果用在图片、色块或文字上时,考虑文字的可读性至关重要。切记,如果设计效果致使文字难以辨认,你的信息将无从传达。
   
3、在细节处使用半透明效果

半透明并非只适用于网站的主体部分。这种效果在细节处也能大放异彩。可以考虑用半透明来展示导航工具栏,或者作为按钮和可点击元素的鼠标悬停效果。多种透明度不要使用过度。选定一种元素和透明度样式,然后使它贯穿整个网站的设计,不要在对比强烈的图片上放置半透明元素。出于可读性考虑,最好避免在已经包含强烈对比的元素上使用半透明效果——比如黑白对比或色,盘上的互补色,因为要在背景的各个部分都达到正确的效果很难,想在这类元素上使用半透明效果,除非强烈对比在你的设计中真的只起到负面作用,考虑用浅色块代替吧!
  
 4、将半透明作为一种艺术手法

半透明不只是次要效果。可以考虑用这个效果为你的网站设计主画面,大尺寸半透明创造的对比、强调和视觉吸引令人震撼。不要将半透明作为装饰物使用。半透明效果并非为了打破设计中的单调。把这种效果作为装饰物使用,注定会导致糟糕的设计,半透明效果的使用应该事先考虑和规划好。半透明不是加粗这类简单效果,处理不当看起来会很草率且不专业。
   
5、在背景中使用半透明

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

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

半透明的使用不限于单页网站或静止网站。它在变化的图片和背景上也起作用。两种方式都可以用上半透明效果。在轮播图片上使用半透明,是该效果最棘手的用法之一。却也最令人印象深刻。慎重考虑多张背景图的情况。选用颜色和对比搭配相近的图片,这样只需一种半透明效果即可应对后方移动变换的背景,要格外注意半透明效果与每张图的匹配程度,才能保证每张图的整体性,并创作出易辨认的照片或其他背景与文字,保持视觉统一
   
小结

半透明元素也是网站建设中的一大挑战,半透明程度从0到100%都能呈现不同的视觉效果,所带来的用户体验顾截然不同,因此在运用时要掌握好诀窍和分寸,才能达到最佳的效果。

 

内容标签:
网站建设
网页制作与网站建设
it网页设计
深圳网站建设
推荐案例
{ solution_title }
相关资讯

联系我们-新盛娱乐客服开户注册电话15559858555

首页-新盛娱乐公司-电话【15559858555】【微信】新盛公司微同步【在线客服-15559858555】开户电话-客服开户-热线开户-咨询-联系-代理开户-在线开户-开户网址-注册开户-开账号-开会员

日期:2025-06-25    浏览:100

浅谈Seo工作中执行力的重要性

总的来说’PDCAR法则”就是制定好计划马上实施,计划实施完毕后,将整个计划执行的过程回顾一遍,仔细考虑每个细节,确认哪些部分成功了,哪些部分是失败的。

日期:2016-05-16    浏览:120

SEO大牛是如何“原创”网站文章的?

首先是收集长尾关键词,你可以去百度指数、百度相关搜索栏、百度知道问答或者软件等等地方收集到长尾关键词。有一点要注意的是,我们收集好关键词后要进行整理,把明显不相关的长尾词筛选,比如搜索钢管时会出现"钢管舞"这跟做钢管这一产品词没有帮助。

日期:2016-05-16    浏览:123

外链建设如何影响网站关键词排名

再次是外链的相关性远比数量重要,很多SEOER做外链基本不注重相关性,在他们看来,只要悬挂外链的网站有高权重即可,并且觉得外链做的越多越好,也就是说十分注重外链的数量,忽略的质量。

日期:2016-05-16    浏览:122

如何识别SEO中的水货?

百科中原理写的是向百度发送数据包。大哥,你发了也得人家接收执行才行。这边如果写成『缓存溢出可执行漏洞』,那还具有一定可行性。而忽悠大师是不会这么深入研究的,他们最擅长的就是抛出一套理论,让你觉得很高深,很有效,其实具体怎么执行,往往他们都说不出个所以然来。

日期:2016-05-16    浏览:120

精简优化代码是做好SEO优化必须的一个步骤

尽量采用局您的页面,局的益处是让搜索引擎爬虫能够更顺遂的、更快的、更友好的爬完您的页面局还可以年夜量缩减网页巨细,这在SEO优化工作中起到很大的浸染,不仅提高浏览的速度,更使得代码更精练、流利、更轻易放置更多内容。

日期:2016-05-16    浏览:121

对于于门第上网站seo优化的网站操作

网站题目:关于一度新站来说是很首要的,第二天你网站题目就成为了呵呵,这可是举例,百度引擎可没有喜爱网站题目没有断变来边去,新站要安靖做兴起,就要想好一度面前的题目,假如斯后需求批改,也最好正在网站有所根底的状况下,遏制修正。

日期:2016-05-16    浏览:130

SEO优化 文章隐藏的文本和链接算是作弊?

在网站底部添加闪动的友情链接,只需要拉动到网站底部就可以看到一排闪动,从源代码里面可以看到,也有添加到其他地方的(这个情况一般都是网站被黑了,网站怎么预防请看:网站被黑预防措施)

日期:2016-05-13    浏览:122