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

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

奈薇网站建设 2019-08-02 18:10发表
阅读次数 1537
  也就是说,“不要在带有颜色的背景上使用黑色的阴影。”在青岛网站设计的每一各阶段,我都要注意到这一点。例如,在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代表透明度,也就是半透明的效果。

给带颜色的背景上做黑色阴影会让效果失真!相关标签:开发网站网站改版网站制作方案建网站
相关热点推荐
公司网站建设的基本元素
黑色网页设计
网站品牌的辨识度是怎样
HTML5的发展趋势与
新创建的网站如何让百度
李天宇:网页设计经验总
9个让你成为更牛网页设
青岛设计好并且靠谱的网
巧妙性设计之UI按钮设
提高内容类网站的粘度要
标签水平右对齐更适合中
设计中的色彩:灰色
影响网站排名的一些不必
网站更换如何保护好我们
网站收录不稳定的原因分
进一步优化网站,减少百
如何从营销的角度策划建
Web内容不是一写就好
如何使蜘蛛逆向爬行索引
在青岛,企业网站建设对
怎样设置关键字才可以被
谈谈网页的个性化设计
网站优化的关键与弊端?
网络广告与网站推广的步
建站攻略之建站工具
怎样设计首页?
如何做到网站的最佳优化
如何创建一个新的网站
青岛网站建设报价与费用
从精简导航谈小型网站的
青岛网站制作如何实现自
手机建站时容易进入哪些
网页的设计中应注意内容
页面空白空间的魅力
网站建设的误区
如何让百度快速的收录网
用户的浏览习惯与内容的
短兵相接勇者胜—紧张项
青岛网站建设流程及步骤
向细节挖掘灵感:网站设
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

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