亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 平面設計 > 正文

白底黑字和黑底白字分別適合哪些設計環境?

2024-09-03 19:29:14
字體:
來源:轉載
供稿:網友

版權申明:本文原創作者“JustForTea”,感謝“JustForTea”的原創經驗分享!

在人們的日常生活中,接觸最多的書本、網頁大部分都是白底黑字,這種方式已經成為一種閱讀習慣。但是部分網站黑色背景淺色字體的搭配又讓人們覺得體驗很好、極具吸引力。那么就會有一些疑問:我們的眼睛更喜歡白底黑字還是黑底白字呢?哪一種搭配的可讀性更高呢?

針對這個問題,可以從生理感知和心理感知兩個方面來探討

一、生理感知

從人類眼睛的生理機制來研究。人類視力是由光線進入角膜,角膜屈光后進入瞳孔,經過瞳孔的調節之后進入水晶體,然后集中在視網膜上再傳導至大腦,如此轉化為我們看到的影像。在這一過程中,有一些獨特的生理現象對我們的視覺造成微妙的影響。

1、側抑制

(側抑制效應圖:同樣的顏色但是左側方塊會看起來更深)

側抑制是指相鄰的感受器之間能夠互相抑制的現象,即在某個神經元受到刺激而產生興奮時,再刺激相近的神經元,則后者所發生的興奮會對前者產生抑制作用。當一個感受器受到刺激時,由此產生的神經沖動將對鄰近部位的輸入信號產生抑制性的影響。

(因為側抑制現象,人們在明暗變化的邊界上,常常在亮區看到一條更亮的光帶,在暗區看到一條更暗的線條,這個更亮和更暗的區域就是馬赫帶效應)

總體來說,側抑制網絡在信息預處理中的主要功能有以下幾個方面:

① 可以突出邊緣,增加反差。

② 將很大的輸入變化范圍壓縮到網絡本身的動態范圍之內,具有明顯的亮度適應作用;

③ 可以對圖像的細微間斷處進行擬合,具有明顯的聚類作用。

影響:在閱讀文字信息時,盯住的字會最清楚,這個字周邊的其他字就會被視覺中樞弱化。側抑制也是造成人類多種視覺錯覺的原因之一。

2、視覺適應

(錐形細胞和桿狀感光細胞)

視覺適應是視覺器官的感覺隨外界亮度的持續刺激而變化的過程。視網膜中包含錐狀細胞和桿狀感光細胞,錐狀細胞負責在光線之下使視力清晰,并且感知顏色;桿狀感光細胞讓我們能在黑暗的環境感知弱光。視覺適應的機制就是這些細胞和神經活動的重新調整,可以分為暗適應和明適應。

① 暗適應:照明停止或者由明亮環境進入黑暗環境的時候,眼睛會暫時看不見事物,這個時候桿狀感光細胞開始工作,提升對弱光的敏感度,使人類逐漸適應黑暗環境。(桿狀感光細胞有障礙的人就是"夜盲癥"啦,并且桿狀感光細胞不能辨別顏色,所以黑暗中看什么都是一個顏色?。?/p>

② 明適應:照明開始或者由黑暗環境進入明亮環境,人眼感受性下降,眼睛過渡到明視覺狀態。比如走出電影院,開始覺得陽光刺眼,但很快就能恢復正常狀態。

影響:暗適應和明適應是人類眼睛應對環境光線刺激的反應能力,但是頻繁的視覺適應會導致視覺迅速疲勞。

3、視覺后像

(盯住白色區域看30秒,再看別處會看到白色區域的影像)

光刺激對視覺器官的作用停止后,細胞的興奮并不隨著刺激的終止而停止,感覺現象能保留一個短暫的時間,這種現象叫做視覺后像。比如盯著燈泡看數秒,再看別處,會看到發光燈泡的影像。

影響:強烈刺激會引起視覺器官興奮,產生視覺后像,同時會加速視覺疲勞。

根據上面的幾個視覺現象,可以得出這樣的結論:

① 因為側抑制的視覺現象,不論是白底黑字還是黑底白字,人類的眼睛都可以增加反差,讓黑色字體更黑,白色字體更亮,從而清晰的識別文字。

② 因為視覺適應的原理,我們在光線充足的時候閱讀黑底白字的信息,視覺聚焦于白色文字,黑色背景也會更暗,眼睛需要進行暗適應,所以會加速視覺疲勞。而在夜晚則相反,眼睛已經是暗適應的狀態,閱讀黑底白字的信息,不需要進行視覺適應,疲勞感不會增加。所以在晚上使用深色底淺色字的夜間模式會減少刺激,使眼睛更舒服。

③ 閱讀黑底白字的信息時,因為側抑制會使白色字體更加炫目,黑色背景更加沉重,長時間瀏覽白色字體,會產生強烈的光刺激從而產生視覺后像,造成視覺疲勞。所以即便在使用黑底白字的時候,也要通過降低對比度的方式,減弱這種光刺激,從而減輕視覺的疲勞感。而閱讀白底黑字的信息時,聚焦的文字為黑色,不會產生光刺激,視覺后像的情況基本不會出現。

二、心理感知

1、背景顏色屬性

(圖為#000000黑色和#FFFFFF白色)

① 黑色:黑色可以定義為沒有任何可見光進入視覺范圍(顯示屏是主動發光,不發光即為黑色),黑色可以讓其他顏色變得更亮,從而凸顯出來。從色彩心理學上來看,黑色傳遞出高雅、正式、名望、權力的感覺,大面積的純黑會給人一種嚴肅和壓抑的感覺。

② 白色:一種包含光譜中所有顏色光的顏色,通常被認為是"無色"的,且明度最高,無色相(顯示屏中把三原色組合在一起就發出白色光)。白色是一個中立的顏色,常常被用作頁面的背景色,大多數的印象就是干凈和簡潔,大面積的白色會有一種舒張、放松的感覺。

2、搭配效果

(單行字體效果對比)

① 白底黑字:傳統的白底黑字整體效果比較干凈清爽,閱讀時焦點不會第一時間落在文字上,由于周圍白色區域反光,讀者的注意力會不時發生游離。但是因為側抑制的現象,聚焦不反射光的黑色字體時,視覺刺激并不強烈,所以長時間閱讀造成的視覺疲勞感較弱。
 

② 黑底白字:對于黑底白字的形式,側抑制的現象會使聚焦的白色字體變得更加炫目,視覺刺激強烈,能夠迅速抓取讀者的注意力,但是同樣因為強烈的視覺刺激,會產生視覺疲勞感,不適合長時間閱讀。

3、閱讀習慣

(傳統紙張書籍)

用戶普遍的文字閱讀習慣源于白紙黑字的書籍,這種閱讀習慣是悠久的歷史延續下來的。因為最早期用來記錄信息的工具比如木炭、墨水等多為深色,用于承載文字的動物皮、竹簡等多為淺色。后來早期造紙術使用植物纖維本身也是淺色,所以白紙黑字已經成為人類歷史多年積累的閱讀習慣,再者目前市場制造的方面來說,紙張即便需要漂白,在成本上都比均勻染色要低的多。

4、文字可讀性

(較長的信息文本)

用戶體驗領域著名的先驅 JacobNielsen 經研究得出:"文字和背景應當使用高對比度的配色。白底黑字能將可讀性提升到最高,而黑底白字在可讀性上的效果幾乎是一樣的。雖然兩種配色方式對比度是相同的,但是后者還是會讓用戶對文字的識別稍慢一些。受限于配色方案,白色的文本內容相比于白底黑字的情況,會顯得更加纖細、模糊,整體的清晰度其實是不如常見的黑字。這種情況在純黑背景和純白字體的搭配下,最為明顯。"

根據上面幾個方面,可以得出如下結論

① 白底黑字是人類長期以來的閱讀習慣,可讀性略高于黑底白字,聚焦時視覺刺激較弱,產生的疲勞感較少,比較適合多文本的長時間閱讀。

② 黑底白字在閱讀的時候,聚焦于白色字體,視覺刺激強,能夠迅速的吸引注意力,但是同時因為視覺興奮而易于產生疲勞感。比較適合需要突出重點,吸引讀者注意力的場景。

三、總結

通過生理感知和心理感知兩個層面進行分析,可以發現黑底白字和白底黑字的使用不是一個相對孤立的問題。人類的視覺生理機能很強大,可以通過側抑制來強化自己需要閱讀的部分,也可以通過視覺適應來應對不同強度光的環境。但是強大的視覺機能也對應著相應的視覺負擔,所以黑底白字和白底黑字的使用可以根據以下幾個方面來考慮

1、根據產品所要展示的內容類型

白底黑字可讀性更高,適合長時間閱讀;黑底白字視覺刺激性強,能夠吸引視線,不同的產品希望達到的目的不盡相同,所以要根據產品需求來進行設計。

(注重文字閱讀的blog網站-此圖來自behance)

(注重視覺沖擊力的摩托車主題站-此圖來自behance)

又或者一個希望打造氛圍,極具視覺吸引力的風格化網站,就可以使用黑色背景白色大標題的方式來強化信息,增加文字的視覺刺激,從而吸引用戶的眼球。

2、文字和背景的對比度

(黑白底色上不同對比度文字的顯示效果)

背景和內容兩者之間的對比度和可讀性是成正比的,對比度越大,信息的可讀性就越高。但是視覺刺激也會越大,所以控制合適的對比度,在視覺刺激和可讀性中找到一個平衡點可以讓讀者閱讀的更加舒服。比如即便是白底黑字也很少用純黑純白,多數使用淺色搭配深色的方式,黑底白字也是一樣。

3、使用產品時的環境因素

書籍的閱讀基本都是有亮光的環境,因為紙質書籍是反射光,沒有光就無法看清,白底黑字看著也最適合。電子產品(PC、手機)雖然都是屏幕自發光,但是同樣要考慮環境光對于屏幕發光的影響。

(知乎的正常模式和夜間模式)

比如一些軟件的夜間模式,就可以使用黑底白字來避免用戶的眼睛從暗適應到明適應頻繁轉換,從而達到減弱刺激,降低疲勞感的目的。

最后,對于黑底白字和白底黑字的選擇,需要結合明確的產品目的,配合恰當的對比度以及貼切的使用場景。正確的選擇能在保證視覺生理舒適的情況下獲得清晰的閱讀體驗,這樣才會得到我們眼睛的喜愛!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
奇米四色中文综合久久| 日韩精品免费一线在线观看| 国产一区二区美女视频| 久久99热精品这里久久精品| 日韩三级成人av网| 欧美视频在线免费看| 亚洲天堂av高清| 亚洲黄色片网站| 欧美激情免费视频| 国产精品男人的天堂| 亚洲韩国青草视频| 久久国产精品网站| 亚洲成人久久久| 国产精品丝袜一区二区三区| 欧美成人手机在线| 久久亚洲精品国产亚洲老地址| 欧美日韩免费区域视频在线观看| 久久久久久国产免费| 在线视频国产日韩| 日韩在线视频国产| 国产做受高潮69| 中文字幕一精品亚洲无线一区| 亚洲欧美国产日韩天堂区| 中文字幕v亚洲ⅴv天堂| 欧美中文字幕视频| 在线色欧美三级视频| 久久91精品国产91久久久| 美日韩丰满少妇在线观看| 中文字幕在线日韩| 国产午夜精品久久久| 欧美国产视频一区二区| 97超级碰在线看视频免费在线看| 日韩欧美极品在线观看| 日韩av在线网站| 清纯唯美亚洲激情| 亚洲欧美日韩精品久久| 成人信息集中地欧美| 日本最新高清不卡中文字幕| 欧美精品一区三区| 久久久久久com| 欧美日韩国产丝袜美女| 国产精品美女呻吟| 性色av一区二区三区红粉影视| 国产视频精品在线| 亚洲人成77777在线观看网| 成人乱色短篇合集| 国产福利视频一区| 日韩av影视在线| 中文字幕欧美日韩在线| 欧美精品aaa| 中文字幕日韩精品有码视频| 中文字幕亚洲综合久久筱田步美| 欧美极品第一页| 色偷偷偷综合中文字幕;dd| 92版电视剧仙鹤神针在线观看| 97超级碰在线看视频免费在线看| 亚洲人成免费电影| 亚洲图片欧美日产| 国产亚洲精品美女久久久久| 国产精品视频公开费视频| 亚洲国产中文字幕在线观看| 亚洲国语精品自产拍在线观看| 亚洲国产精品va在线观看黑人| 成人黄色免费在线观看| 色婷婷av一区二区三区在线观看| 色先锋资源久久综合5566| 亚洲国产日韩欧美在线动漫| 国产xxx69麻豆国语对白| 久久好看免费视频| 欧洲亚洲在线视频| 亚洲黄在线观看| 亚洲国产天堂久久综合网| 亚洲欧美制服综合另类| 欧美大片第1页| 热99精品只有里视频精品| 欧美性极品少妇精品网站| 欧美激情一级欧美精品| 国产精品久久999| 欧美日韩国产中字| 久久亚洲国产成人| 色综合久综合久久综合久鬼88| 久久99青青精品免费观看| 57pao成人国产永久免费| 一区二区三区国产在线观看| 欧美在线视频一区二区| 国内精品久久久久影院优| 日韩在线播放视频| 欧美乱大交xxxxx| 色哟哟入口国产精品| 欧美劲爆第一页| 中国日韩欧美久久久久久久久| 久久免费视频网站| 清纯唯美日韩制服另类| 国产在线视频欧美| 日韩av毛片网| 国产精品久久久久久久av大片| 中文国产成人精品| 中文字幕av一区二区三区谷原希美| 欧美视频在线视频| 91国产精品视频在线| 亚洲视频第一页| 国产成人av网址| 日韩国产一区三区| 亚洲第一色中文字幕| 国产亚洲美女久久| 欧美国产高跟鞋裸体秀xxxhd| 国产精品一久久香蕉国产线看观看| 国产精品第一页在线| 精品欧美国产一区二区三区| 国产在线观看精品一区二区三区| 国内自拍欧美激情| 8090理伦午夜在线电影| 久久久伊人欧美| 在线日韩第一页| 色综合久久久888| 中文字幕欧美日韩va免费视频| 成人在线免费观看视视频| 亚洲sss综合天堂久久| 91精品久久久久久久久久久久久| 日韩欧美精品网址| 国产成人精品在线| 色偷偷亚洲男人天堂| 欧美视频国产精品| 国产精品欧美日韩一区二区| 国产亚洲欧美另类中文| 国产精品电影观看| 2018中文字幕一区二区三区| 日本亚洲欧洲色| 午夜精品久久久久久久白皮肤| 亚洲另类图片色| 亚洲自拍偷拍网址| 国产精品男女猛烈高潮激情| 亚洲欧美激情视频| 亚洲精品美女视频| 国产精品自产拍在线观看中文| 亚洲电影在线观看| 色诱女教师一区二区三区| 欧美日韩加勒比精品一区| 亚洲精品美女久久久| 91九色国产社区在线观看| 欧美另类极品videosbestfree| 欧美在线一区二区三区四| 狠狠躁夜夜躁人人爽天天天天97| 国产精品aaaa| 成人xxxxx| 亚洲黄页视频免费观看| 亚洲国产精品成人va在线观看| 欧美性做爰毛片| 青青草原一区二区| 精品爽片免费看久久| 欧美性感美女h网站在线观看免费| 中文日韩在线视频| 91精品久久久久久综合乱菊| 97成人超碰免| 国产z一区二区三区| 色yeye香蕉凹凸一区二区av| 日本午夜人人精品| 日韩av中文字幕在线免费观看| 国产精品第七影院| 亚洲一区国产精品| 久久好看免费视频| 欧美性色xo影院| 午夜精品一区二区三区在线视频| 日韩有码在线观看|