<dd id="rcs5i"><tr id="rcs5i"></tr></dd>
    <div id="rcs5i"></div>

    <div id="rcs5i"></div>

      1. <div id="rcs5i"></div>

        当前位置: 首页 > 设计教程 > 网页设计教程 > 网页配色需尽量不要使用黑色

        网页配色需尽量不要使用黑色

        网页配色需谨慎使用黑色¡£常常看到一些深色的物体并假设它是黑色的¡£而实际上在现实中我们很难找到一些纯黑色的物体£¬道路不是黑的£¬你办公室的椅子也不是黑的£¬在电线杆上的麻雀也不是不是黑的£¬网页甚至上的字体也不是黑的¡£

        影子并不是黑的

        不同的艺术家的作品阴影及画中的影子都是蓝色的¡£

        他画的那些阴影是画中最饱满的部分£¬纸上看起来很漂亮£¬现实中依然¡£

        你也许会想£¬这些都是绘画啊£¬又不是真实的¡£好吧£¬下面将给大?#33402;¹Ê尽?/p>

        我一直在思考一件事£¬在美术课上£¬Z太太带着一个蓝色的灯泡来证明这一点¡£她把一个灯泡装好了£¬把它固定在一个高脚凳上£¬然后从她那间放满了纯白色物品的画室里拿出一个纯白色的球£¬将这个球放在一个纯白色的基座上¡£

        他先开白灯£¬影子看起来是黑色的¡£然后再开蓝灯£¬发现影子是橙色的£¬理论上来说£¬往黑色添加任何色彩(白色除外)依然是黑色¡£以蓝光使得影子变成了橙色£¬说明影子不是黑色的

        我被惊呆了£¬现在当我走在三藩市的街道上£¬都会很留意周边那些饱和的影子£¬这里是一张我拍的街景(是啦£¬用了滤镜……)£¬第一时间想起了Thibaud的那张画£¬?#32440;?#37117;是栗子色¡£

        画中你能想象到最黑的部分不是#000000£¬而是#130f30(19%的亮度和69%的饱?#25237;?¡£

        然而黑色还是覆盖了一?#23567;?/p>

        当你把纯黑色放在一组精心挑选的颜色中£¬黑色便会覆盖其他的所有颜色¡£因为它让人感觉到不自然£¬日常的黑色物体上光线常常?#29615;?#23556;回来£¬这意味着它不是黑色£¬而是深灰色的£¬光也是有色彩的£¬即便不是是深灰色也应该是其他较暗的颜色¡£

        大量的应用程序上日常使用的黑色实际也是灰色的£¬Twitter的侧栏£¬上方的文本输入框¡¢新照片的背景还有日历插件¡£甚至在Twitter的引导部分£¬?#38469;?#29992;灰色£¬这样才不会抢了其他地方的色调¡£

        这里就有一个实际运用的活例£ºDribbble有一个非常赞的特性£¬用户可以根据颜色选择鞋子£¬如果有纯黑(#000000)或真色彩黑(#292724)£¬没几个用户会选择前者£¬这个亮?#28982;?#32773;观念没什么关系£¬是人的一?#30452;?#33021;¡£

        饱?#25237;?#20063;是很重要的

        你可以别总选择纯黑#000000,当你在使用灰色的时候£¬加一点别的颜色进去让它显得更缓?#25176;´£?#33021;加多少种颜色取决于颜色的明?#24403;?#20363;多少£¬Path上照片的黑色饱?#25237;?#36798;到了63%,而浅灰色却只需要3%¡£

        我曾经把他作为常规指?#20808;?#32473;Segmant.io的调色板配色£¬我把少量的黄橙色混进灰色里面£¬饱?#25237;?#20174;2%的浅灰逐渐增加到22%的深灰£¬Photoshop的调色板上颜色形成了一个弧¡£

        别嫌我嘴?#24120;?#35753;我们再看看Facebook的交互界面£¬为什么移动版的Facebook看起来这么漂亮£¬因为上面所有的灰色调都充分融进了Facebook的主题蓝¡£

        分享到: 

        ?#35753;?#25512;荐

        ÒÚ¿Í¡

        <dd id="rcs5i"><tr id="rcs5i"></tr></dd>
          <div id="rcs5i"></div>

          <div id="rcs5i"></div>

            1. <div id="rcs5i"></div>

              <dd id="rcs5i"><tr id="rcs5i"></tr></dd>
                <div id="rcs5i"></div>

                <div id="rcs5i"></div>

                  1. <div id="rcs5i"></div>