網頁設計為什麼不用黑底白字?
我發現現在主流網站幾乎全是白底黑字(或藍色字),現在顯示屏基本都是液晶,不論是手機、PAD還是PC,長時間觀看,眼睛容易疲勞,尤其是在晚上,很刺眼。手機上這個現象更明顯。為啥不能改成黑底白字呢?眼睛看著就舒服多了。
呃純黑底的確看著反而不舒服,我自己做的私用夜間模式平時用起來還是很舒服的~
其實最主要的是降低對比度,這樣看起來就舒服多了,現在用回白色眼睛會十分不習慣……你參加過追悼會沒?
為了回答這個問題也是夠拼的————————答題——————————先上結果,黑底白字吧這是變化之前的圖
clear();
回車,輸入
[].forEach.call($$("*"),function(a){a.setAttribute("style",
"background-color:black !important; border: white;
color: white;
background:black;
background-image:black;"
)});
回車,是不是都變黑了?不對,好像少了什麼關鍵的東西,輸入
$("#zh-top-link-logo").css("background","");
$(".sprite-global-icon-magnifier-dark").css("background","");
回車,Over,Night!
白色相比黑色,比較柔和不刺眼,時間長了不宜導致視覺疲勞。並且白色在設計網頁時,相比黑色能容納更多的顏色元素在裡面,不易產生違和感。
你幾時看到過黑底白字的,書!
樓主試試藍底紅字,效果更加!
圖A:高明度圖B:低明度
雖然這兩張圖不具代表性,但也能說明一些問題。
圖A的標題、圖片、以及兩個小色塊最搶眼,這樣用戶比較容易一眼看清楚重要的內容分布。正文閱讀也適合。
圖B最搶眼的是圖片,和文字,而這並不能讓用戶迅速明白網站所要傳達的信息。正文要在黑底中讓用戶不費力地閱讀,就必需保證一定的明度,而正文的明度一旦高了,在黑底就搶眼,一整段文字就會形成一個白色區域。
黑底配色也比較難,例如紅、綠、藍三原色,在白底上可以降透明度,就可以起到一定的提示作用。而在黑底上,必須保證明度不高、飽和度也不高才能在黑色背景上不搶眼,而這樣了就失去了提示的作用。
最後,樓主我想說的是,網頁不適合長時間閱讀,如果真需要閱讀的話,建議將手機亮度調低點。哈哈。其實我以前也有過同樣的疑問,為何不用黑底白字呢?
我一直認為黑底白字是沒這麼傷眼的,但是事實還是抽了我一臉。問題的關鍵點在於,文字才是你注視和目光停留得最多的地方。白底黑字的時候文字對於你眼睛反而會覺得沒這麼刺眼,而黑底的時候配合任何和黑色高對比度的顏色你都會覺得刺眼而不僅僅限於黑底白字.....(你可以上PTT來看半個小時,包你瞎眼.........而且看半小時後你再看白底的東西會有嚴重的視覺殘留)
而實際上來說,黑夜看黑底你覺得沒這麼刺眼的原因其實是因為亮度,在目前幾乎所有顯示器都會黑色發光的前提下(AMOLED和OLED和PDP除外),同樣亮度下黑色看上去亮度會比白色亮度更低,所以也就沒有那麼刺眼。但是如果你在黑暗環境下用高亮度顯示黑底白字,同樣會覺得刺眼受不了.......我覺得你自己試試就能有答案了。早在2000年左右,其實有大量個人網站用黑底色的。PS. 可以順便試試黑底紅子或藍字,最好是宋體之類等寬字體。一眼望去直接出3d效果喲。
那樣感覺你這網站是給死人做的
推薦閱讀: