资讯中心
News
上海网站开发透明效果的使用技巧
发布时间:2022-09-27 00:00   您所在的位置: 网站首页 > 新闻资讯 > 经验杂谈

运用好透明成效是提高上海网站制作水准的重要方法之一。如同使用其他方法一样,设计师们有好多种手段将透明成效运用到网页中,今天这篇文章新概念科技(上海网站开发)就来好好和您分享一下关于“透明”的实用小诀窍哟:

在网页设计中使用透明成效是件既美观又冒险的事儿。透明成效的使用是把色块,文本或图像“变薄”或者降0饱和度,使颜色变浅透明,这样子下个图层的信息就能穿透显示出来。这种方法假如用好了,成效将会特别棒——能突出显示文本或者在图像的特定区域形成焦点。但设计者在运用透明成效时要特别小心,由于这么做可能会决定页面的可读性。要是框和文本的透明度错误,更可能会决定到整体的设计。

下文是一部分注意事项以及巧妙运用透明成效的胜利案例。


用“透明成效”来制造对比:

使用透明成效较大的优点是可以形成对比。上海网站开发设计者可以在图像上打造出一个色块或文本的焦点,增添屏幕的色彩维度。透明成效还能使文本从不抢眼的背景上跳脱出来。在运用透明成效时尤其要考虑对比度。只有图像和文本都具备可视性时,透明成效才算胜利。故此采用透明成效时,别忘了问问自个:这会使文本/图像更简单理解么?

不要遮盖图片的关键部分:

透明成效不能遮盖传递信息的背景或图片。当确定采用透明成效为框架时,上海网站开发要想想会不可能少了什么。

要层次分明地运用透明成效:

透明成效的设置并没有好的参数。有一些情况下,80%比较理想,而有一些的话15%较好。这样的要具体情况具体剖析。

不要以为透明成效会增强文本可读性:

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

小范围的使用透明成效:

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

不要在图像上使用透明成效,形成强烈冲突:

考虑到文本的可读性,较好防止在已经具有强烈视觉冲突的图片上使用透明成效——脑补一下黑、白以及色轮上的多种互补色。假如使用后的融合感对设计有减分作用,就尽量不要采用透明成效了。由于这样子很难使每个部分在背景中都能获得理想的成效。这时可以思考如何把颜色搭配的更好。

把透明成效艺术化:

透明成效不是次发效应。要运用透明成效设计出有主导性的图像。大面积的透明成效是制造对比,强调和视觉兴奋的有力设计。

别把透明成效当做装饰:

不能由于觉得上海网站开发设计乏味就在后期随便增加一个透明成效。假如只是把透明成效当做装饰来运用的话会显得鸡肋,应该事先计划好如何应用。透明成效可不像字体加粗那样简单。假如用不好,就会显得草率,不专业。

在背景中运用透明成效:

透明成效不仅可以用在显眼的设计元素中,也可以用在背景图片上。一部分很棒的透明成效全是很细微的,另一部分透明设计则表现在图层之中。比如Tony Chester的网站就很好的运用了透明成效的图层技术,使设计看起来更有维度。

不要同时使用太多透明成效:

较好限制使用透明成效的数量。由于透明成效能制造对比,强调和视觉兴奋感。假如用得太多,会分散顾客的视觉专注力。

把透明成效运用到静止和(或)动态图片中:

透明成效并不局限于单页或静态设计之中,也可用到多种图片和背景中,抑或二者皆可。在动态图中运用透明很讨巧,也能让人印象更难忘。仔细筛选多个图片背景,尽量选择颜色类似,信息又有冲突的,这样子就能在变换图片背景时使用同一种透明度了。仔细观察透明成效如何作用于每张图片,从而图片透明度的完整一致性,使图片,背景,文本变得可读,形成视觉统一。

新概念科技(上海网站开发)结语:

上海网站开发学会运用透明成效绝对是你增长设计经验的捷径。像运用其他成效一样,充分运用这项技术,并在不同的情境下检验,使其到达预期的成效。想要掌握它,较大的挑战便是在图文并茂的情况下文本的可读性,并且透明的部分不可能遮挡到下边的图层。多去尝试一部分不同水平和形式的透明成效吧——在图片处置时,在创建背景时以及在制造悬停成效的时候。然后再对号入座,选择较佳的方案。

本文章由新概念互动原创,如没特殊注明,转载请注明来自:http://www.jianzhan0.com/jingyand/73849.html