青岛网站建设公司,青岛网站制作公司-奈薇建站网
建站咨询热线:0532-8878113113165158935 
知识普及 » 给带颜色的背景上做黑色阴影会让效果失真!

给带颜色的背景上做黑色阴影会让效果失真!

奈薇网站建设 2019-08-02 18:10发表
阅读次数 1278
  也就是说,“不要在带有颜色的背景上使用黑色的阴影。”在青岛网站设计的每一各阶段,我都要注意到这一点。例如,在Photoshop中添加投影作为图层样式时,不要只是选择黑色或者灰色,最好从背景中取一个颜色,通过调整不透明度把它调暗,直到它看上去像是阴影一样。这是因为在现实中阴影并不是黑色的。它们是在其之上的任何东西的更暗的版本,因为那里光线要少一些。查看下面图片中的阴影,如果你试着重新做出这个阴影的效果,那么会觉得任何不透明度的黑色看上去都不会很好。

  由于在我们的CSS工具箱里有了RGBa,我听说和看到大家给背景和阴影使用调整到黑色的方法(例如,rgba(0,0,0,0.5))。这种做法的原因是这样:“由于透明度的原因,阴影的颜色将会混合着背景色”。是的,的确是这样,但是它也会混合着黑色,并非是单纯背景色的更深的调子的版本。

  听说DanCederholm在AnEventApart和BulletproofWebDesign教授这种方法。MeaganFischer最近在教程里也使用了黑色作为阴影颜色,因此我们并非否定他们的方法。因为黑色可以在任何背景色上显示出相同的效果,而有色调的阴影只能在那个色调上应用。

  我们的观点是,如果你想要改变背景颜色,那么你也要在CSS中作出更改。因此如果你那样做的话,不妨也改变一下阴影的色调。如果你无法掌控文字或者盒模型的阴影是什么样,使用黑色。如果能的话,使用有色调的阴影。

  查看示例

  译者注:

  RGBa代表RedGreenBlueAlpha。也就是RGB再加上Alpha,是通过给每一像素多分配一部分空间来存储透明信息,从而实现真透明效果。更多的解释见维基百科。

  rgba(0,0,0,0.5)这个值的前三个数字0,0,0代表黑色,最后一个数值0.5代表透明度,也就是半透明的效果。

给带颜色的背景上做黑色阴影会让效果失真!相关标签:企业网站建设设计网站网页设计网站建设方案
相关热点推荐
网站建设的准备工作
关于iOS7的设计方面
网页设计中“点”的视觉
SEO在网站建设中有哪
UED设计流程和方法
网站设计中的简洁与简单
简洁的网页设计
虚拟空间选择经验谈
企业为什么要建设网站?
企业如何做好搜索引擎优
企业建站流程及实用技巧
小谈网站定位与内容建设
扁平化风格网站的设计要
细节决定成败总结项目中
History.bac
如何制作网站
站运营技巧的一些看法
漫谈网站改版的必要性上
如何建立一个网站
网站推广技巧8则(二)
快速增加外部链接的八种
网站颜色在网站建造策划
SEO网页质量直接测度
隐藏所有站长统计系统网
互联网信息在网络广告系
让你的网站访问者有内容
谈谈在网站SEO中的分
如何准备您的建站资料
探讨怎样的网站才是成功
英文版企业网站的设计要
行之有效的网络推广方式
在青岛网站设计中套用网
PR值是根据什么计算的
搜索引擎收录不好的原因
建站必读2
青岛企业网站建设
建站攻略之网站规划
企业建站策划
视觉层次感提升网页设计
成功的站长必须掌握网站
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

热点地区:青岛网站建设价格 青岛即墨网站制作公司 开发区信息港 山东在线门户
  • 备案号
  • 鲁ICP备13010283号
建站咨询热线0532-88781131 15166683288 13963906391
版权所有© BangJianZhan.Com & Nev.Cn 青岛网站建设/网站制作公司
青岛雨后网络科技有限公司 - 青岛市市北区福州北路90号,景泰尚都6层
已经为您服务了
159个月 3