全国服务热线:18980020603 成都热线:028-86633922
新闻中心网站专题联系我们
行业新闻 建站经验 网站建设资讯 手机网站资讯 微信网站建设资讯 APP开发资讯 商城网站资讯

成都网页设计:网页设计中透明效果的使用技巧

发布人:桔子科技    发布时间:2015-06-29 07:42:09    分享到:
  在网页设计中,设计师们经常会使用透明效果。透明效果的使用是将色块、文本或者图像“变薄”或者降低饱和度,使其颜色变浅透明,这样下个图层的内容就能穿 透显示出来。如果透明效果运用得当,能够突出显示文本或者在图像的特定区域形成焦点。但是设计者需要谨慎使用透明效果,毕竟透明效果的运用可能会影响页面 的可读性,甚至会影响到页面整体的设计。在运用透明效果时,还需要注意一些使用技巧。

1. 用透明效果来制造对比

使用透明效果最大的优点在于可以形成鲜明对比。设计者可以在图像上打出一个色块或者文本的焦点,增添屏幕的色彩维度。透明效果的使用还能让文本从不抢眼的 背景下跳脱出来。但是在运用透明效果时,一定要考虑对比度,需要确保图像和文本都具备可视性。因此,在采用透明效果时,要查看下透明效果的使用是否让文本 或图像更容易理解。

在使用透明效果来制造对比时,不可误认为透明效果会增强文本的可读性。无论是利用透明效果处理图片、色块还是文本,如果视觉效果让文本或字体很难辨认,这时页面想要表达的信息就无法传达。

2. 尽可能避免在图像上使用透明效果,形成强烈冲突

在考虑到页面中文本的可读性后,设计师最好不要在已经具有强烈视觉冲突的图片上使用透明效果。如果在使用透明效果后,对页面设计产生负面影响,这时就尽量 不要采用透明效果了。一旦在已经具有强烈视觉冲突的图片上叠加使用透明效果,就会很难让图片中的每个部分在背景中都能获得理想的结果。

3. 小范围的使用透明效果

一般情况下,不需要大范围的使用透明效果。在小范围内使用透明效果会获得更好的成效,例如可以用透明效果来做网页导航或者按钮的悬停效果等。此外,不可同 时使用太多透明效果。由于透明效果能够制造对比、强调和视觉兴奋感,一旦运用太多,会在一定程度上分散用户的视觉注意力。 
本文来源于成都网站建设公司、成都网站设计制作公司与成都APP开发公司-桔子科技公司!
成都网站建设,成都网站设计,成都网站制作,成都网页设计,成都网站建设公司 ,成都网站设
计公司, 成都网站制作公司,成都网页设计公司,成都手机网站建设,手机网站建设,成都APP开发,APP开发,成都建网站,成都做网站,成都微信网站建设,成都微商城网站建设,成都商城网站建设,成都平台网站建设,成都响应式网站建设,成都微信营销,成都网络公司。


下一篇:色彩对网页设计的影响力上一篇:成都网页设计时:WEB编程安全法则

最新案例
手机/微网站
  1. [成都]微信网站建设:微信分销系统能为商铺带来哪些特色服务
  2. [成都]微信网站建设:如何通过微信公众号来推广产品
  3. [成都]微信网站建设:微信开发都有些什么功能
  4. [成都]手机网站:手机网站设计需要达到什么效果
  5. [成都]手机网站:手机网站响应式网站解决方案
  6. [成都]手机网站:手机网站响应式网站解决方案
网络营销
  1. APP开发: APP网页评分功能设计
  2. APP开发:手机APP开发前这4点必须要了解
  3. APP开发:为什么企业要做手机APP
  4. APP开发:你可以更好的留住APP用户
  5. APP开发:开发时间的长短主要由哪些因素决定
  6. APP开发:电子商务类APP开发的4点建议
img

7x24小时售后服务

img

5倍故障时长赔付

img

15天无理由退款

img

N对一管家服务

让我们的顾问联系您

  • 电话:4006-028-024 028-86633922

    邮箱:Service@orangeapp.cn

    成都市成华区崔家店路789号上城国际1-24-9号

qq sina