南城公司

    网页设计中透明效果的使用技巧?

    日期:2019-04-27 人气:1181417
    导读: 在网页设计中使用透明效果是件既美观又冒险的事儿。这种方法如果用好了,效果将会特别棒——能突出显示文本或者在图像的特定区域形成焦点。但设计者在运用透明效果时要特别小心,因为这么做可能会影响页面的可读性。 透明效果如何运用才更成功?1。用“透明效果”来制造对比 使用透明效果最大的优点是可以形成对比。设计者可以在图像上打造出

     在网页设计中使用透明效果是件既美观又冒险的事儿。这种方法如果用好了,效果将会特别棒——能突出显示文本或者在图像的特定区域形成焦点。但设计者在运用透明效果时要特别小心,因为这么做可能会影响页面的可读性。

     
    透明效果如何运用才更成功?
    1。用“透明效果”来制造对比
     
    使用透明效果最大的优点是可以形成对比。设计者可以在图像上打造出一个色块或文本的焦点,增添屏幕的色彩维度,透明效果还能使文本从不抢眼的背景上跳脱出来。
     
    在运用透明效果时尤其要考虑对比度,只有图像和文本都具备可视性时,透明效果才算成功。所以采用透明效果时,别忘了问问自己:这会使文本或图像更容易理解么?
     
    2。不要遮盖图片的关键部分,透明效果不能遮盖传递信息的背景或图片。当决定采用透明效果为框架时,要想想会不会少了什么。
     
    3。要层次分明地运用透明效果
     
     
    透明效果的设置并没有完美的参数。有些情况下,80%比较理想,而有些的话15%最好。这个要具体情况具体分析。
     
    4。不要以为透明效果会增强文本可读性
     
    不要以为你用了透明框,文本就自然能读了。要想想对比——不管是透明框之于文本还是背景图片之于透明框架,一定要充分考虑到文字的可读性。无论是处理透明图片,色块还是文本都要记住,如果视觉效果使字体很难辨认,那你想要表达的信息将会无法传达。
     
    5。小范围的使用透明效果
     
     
    不需大范围的使用透明效果。小范围的使用也能够获得很好的成效,比如可以用透明效果来做网页导航或者按钮的悬停效果等。别想着如何繁复地使用各种透明效果。选择一种元素和透明样式,并在网页设计中贯穿始终。
     
    6。不要在图像上使用透明效果,形成强烈冲突
     
    考虑到文本的可读性,最好避免在已经具有强烈视觉冲突的图片上使用透明效果——脑补一下黑、白以及色轮上的各种互补色。如果使用后的融合感对设计有减分作用,就尽量不要采用透明效果了。因为这样很难使每个部分在背景中都能获得理想的效果。这时可以思考如何把颜色搭配的更好。
     
    7。把透明效果艺术化
     
    透明效果不是次发效应。要运用透明效果设计出有主导性的图像。大面积的透明效果是制造对比,强调和视觉兴奋的有力设计。
     
    8。别把透明效果当做装饰
     
    不能因为觉得设计乏味就在后期随便添加一个透明效果。如果只是把透明效果当做装饰来运用的话会显得鸡肋,应该提前计划好如何应用。透明效果可不像字体加粗那样简单。如果用不好,就会显得草率,不专业。
     
    9。在背景中运用透明效果
     
    透明效果不仅可以用在显眼的设计元素中,也可以用在背景图片上。一些很棒的透明效果都是很细微的,另一些透明设计则体现在图层当中。有些很好地运用了透明效果的图层技术,使设计看起来更有维度。
     
     
    10。不要同时使用太多透明效果
     
    最好限制使用透明效果的数量。因为透明效果能制造对比,强调和视觉兴奋感。如果用得太多,会分散用户的视觉注意力。
     
    透明效果并不局限于单页或静态设计当中,也可用到多种图片和背景中,抑或两者皆可。在动态图中运用透明很讨巧,也能让人印象更深刻。仔细观察透明效果如何作用于每张图片,从而保证图片透明度的完整一致性,使图片,背景,文本变得可读,形成视觉统一。
     
     
     

    文本来自采集文章 http://nancheng.szhlxdz.com/24/462.html 如需转载或删除,请联系管理员。

    1 2 3 4 5 6 7 8 9
    分享到:
【南城本地网络公司】——承诺3小时内上门服务!南城上门全国热线:400-666-2014 【我要收藏此页面】 网站地图 网站维护:深一深圳网站建设
全国南城网站制作-服务网店