1. <dd id="nlasp"></dd>

        <div id="nlasp"><tr id="nlasp"></tr></div>
        1. <em id="nlasp"></em>
          1. 當前位置: 首頁 > 設計教程 > 網頁設計教程 > 網頁配色需盡量不要使用黑色

            網頁配色需盡量不要使用黑色

            網頁配色需謹慎使用黑色。常常看到一些深色的物體并假設它是黑色的。而實際上在現實中我們很難找到一些純黑色的物體,道路不是黑的,你辦公室的椅子也不是黑的,在電線桿上的麻雀也不是不是黑的,網頁甚至上的字體也不是黑的。

            影子并不是黑的

            不同的藝術家的作品陰影及畫中的影子都是藍色的。

            他畫的那些陰影是畫中最飽滿的部分,紙上看起來很漂亮,現實中依然。

            你也許會想,這些都是繪畫啊,又不是真實的。好吧,下面將給大家展示。

            我一直在思考一件事,在美術課上,Z太太帶著一個藍色的燈泡來證明這一點。她把一個燈泡裝好了,把它固定在一個高腳凳上,然后從她那間放滿了純白色物品的畫室里拿出一個純白色的球,將這個球放在一個純白色的基座上。

            他先開白燈,影子看起來是黑色的。然后再開藍燈,發現影子是橙色的,理論上來說,往黑色添加任何色彩(白色除外)依然是黑色。以藍光使得影子變成了橙色,說明影子不是黑色的

            我被驚呆了,現在當我走在三藩市的街道上,都會很留意周邊那些飽和的影子,這里是一張我拍的街景(是啦,用了濾鏡……),第一時間想起了Thibaud的那張畫,街角都是栗子色。

            畫中你能想象到最黑的部分不是#000000,而是#130f30(19%的亮度和69%的飽和度)。

            然而黑色還是覆蓋了一切。

            當你把純黑色放在一組精心挑選的顏色中,黑色便會覆蓋其他的所有顏色。因為它讓人感覺到不自然,日常的黑色物體上光線常常被反射回來,這意味著它不是黑色,而是深灰色的,光也是有色彩的,即便不是是深灰色也應該是其他較暗的顏色。

            大量的應用程序上日常使用的黑色實際也是灰色的,Twitter的側欄,上方的文本輸入框、新照片的背景還有日歷插件。甚至在Twitter的引導部分,都試用灰色,這樣才不會搶了其他地方的色調。

            這里就有一個實際運用的活例:Dribbble有一個非常贊的特性,用戶可以根據顏色選擇鞋子,如果有純黑(#000000)或真色彩黑(#292724),沒幾個用戶會選擇前者,這個亮度或者觀念沒什么關系,是人的一種本能。

            飽和度也是很重要的

            你可以別總選擇純黑#000000,當你在使用灰色的時候,加一點別的顏色進去讓它顯得更緩和寫,能加多少種顏色取決于顏色的明暗比例多少,Path上照片的黑色飽和度達到了63%,而淺灰色卻只需要3%。

            我曾經把他作為常規指南去給Segmant.io的調色板配色,我把少量的黃橙色混進灰色里面,飽和度從2%的淺灰逐漸增加到22%的深灰,Photoshop的調色板上顏色形成了一個弧。

            別嫌我嘴煩,讓我們再看看Facebook的交互界面,為什么移動版的Facebook看起來這么漂亮,因為上面所有的灰色調都充分融進了Facebook的主題藍。

            分享到: 
            淺談網頁中的色彩運用
            設計完美極簡風網站的六個步驟

            熱門推薦

            体彩11选5开奖查询