什麼背景顏色 + 字體顏色 + 字體 + 字型大小組合最適合屏幕閱讀?
不知道中英文字體外是否需要區分開,需要的話回答時分開好了。
主要是CSS中的HSLA顏色和px大小,衡量。搜索結果有「柔和的綠色背景 字體用楷書的深藍色字」,這回有沒有依據?
最適合閱讀的是黑白色,它們提供了很強的對比,避免了各類人群和設備的邊界情況(如色盲,色弱,黑白屏,低色屏)等。若不是非得如此,用對比色彩顯示大量文字是不推薦的,因為對色盲色弱用戶,彩色里的黑白對比不夠。
字體和字型大小是彼此依賴的,並且很多程度上取決於閱讀者所在環境和個人偏好,不存在標準答案,但有可參考的區間。閱讀設備如Kindle的設計人員必然是花過心思仔細考慮過這個問題的。
樸素通用的有時候就是「最好」的方案。
謝邀:).. 色彩是門很深的學問,我也一直在摸索學習,就說簡單一點吧,一些經歷上的見解:色彩上可以嘗試多種色彩搭配,就不舉例說什麼色了哦,視情況而定,不過可以嘗試以下標準:1.背景與字體的顏色形成對比色(參考色環),或者使用不同的純度的相似色
2.字體的陰影與字體本身的顏色要有對比(參考色環),字體陰影和背景色之間有相似色的純度差異
3.中文字體宋體和雅黑易於瀏覽,黑體用於個別的地方,別太使用個性誇張的字體;英文字體有襯線的和無襯線的也有一定的區別,可以谷歌了解下【英文網站字體選擇】,一門學問。4.12~14px都是常用可以適合肉眼瀏覽的基本大小,別小於這個大小範圍,不要太小了(不要用太特殊少用的字體,放大或者縮小會嚴重失真或者輪廓變形的)【關於上面提到的純度,百度一下看看實例圖片你就知道純度差異是啥啦】。暫時想到這麼多,呵呵顏色參考豆瓣閱讀手機版。字型大小行距參考 Bootstrap。
我比較喜歡以下兩種配置,特別是第一種,用的時間最久,背景是淺墨綠色,字體是亮青色,水線是灰色。全屏狀態下,用鍵盤控制,在晚上看的時候眼睛非常舒服,能看很久。
根據個人經驗
白天:光線不強——黑底白字(我常用iBooks加上反色模式)光線中等——淺黃色底,黑色字(豆丁書房的默認模式)光線很強——(出門鍛煉!窩著看什麼書!)
晚上:有閱讀燈的話(閱讀燈不是照亮屏幕,而是用來舒緩閱讀器的光線刺激感的)——shi黃色底,深棕色或者黑色字沒有閱讀燈的話——(睡覺去!)先上幾十張圖
從左到右逐漸從舒服到激烈
配色:首先顏色有上百萬種黑白灰 單一彩色 類比色 三元類比 互補色明度從暗到明飽和度從低到高面積從小到大字體:
無性格的無襯線 到有個性的襯線排版從獃獃的一框 左右兩框 到多框橫排 豎排 不規則排版內容字典 工具書 色情雜誌根據不同的對象,會有非常多的排列組合,如果每個人從wwf的海報中自己選出最喜歡的,答案永遠不會是唯一的。
關於問題,我的直覺是米白底黑字舒服,深色底淺色字時,感覺像在黑夜裡的白光,非常不穩定,但也非常奪目;而淺底是白天的,是開闊的,上有的字也顯得安份。後來想想這也只是長時間在手機這樣的小電子屏上閱讀時我的個人體驗。上圖雖然是深底淺字,但我卻覺得非常舒服。About me
九年互聯網視覺設計經驗,先後服務了快消、金融及汽車行業的多個品牌。大家可以關注我的公眾號一起參與討論,不定期更新關於keynote、ppt、視覺設計、mac系統操作相關的小知識,小資訊。所發布內容均為原創,未經同意,不得轉載,覺得有幫助的,搜索微信公眾號 KeynoteKing 關注
最好是深色底,淺色字體,眼睛接收到的光線相較亮底黑字要少很多,舒緩眼睛的壓力另外,如果能調整屏幕色溫的話最好將色溫調整至暖色溫字體的話,宋體 幼圓行間距1.5
顏色方面,沒有查過相關資料,直覺上感覺應該使用底色與字體顏色對比適度的情況。
譬如我們經常可以見到一些糟糕到讓人怒吼「瞎了我的氪金狗眼」的ppt,它們經常採用投影儀下難以分辨的藍底紅字或黃底綠字。而簡單的黑底白字或白底黑字就讓人閱讀起來毫不費力。
個人使用#ffffff黑底搭配#a0a064極淡的黃色作為黑暗環境下的電子書閱讀配色已有幾年時間。
事實上早先也有人論證純白的紙張不是最適合人眼進行閱讀的最佳顏色,長時間閱讀下,白色紙張的高反光會對人造成視覺上的疲勞。電子產品屏幕本身發光,我想可能更是如此。
以上。希望對你有所幫助。背景深色,字體淺色,看著比較舒服一點(個人觀點)
同樣是根據個人經驗來說:
無襯線(sans-serif)字體適合中短篇幅文字有襯線(serif)字體在長篇閱讀中比較舒適無襯線比較簡潔美觀, 但是大腦在識別無襯線字體時比看襯線字體費力,看起大篇幅的文字容易『蒙逼』。所以書籍印刷內容上也多選用襯線體推薦閱讀:
※網頁設計方面,哪些中英文字體的組合能有好的視覺效果?
※首字母大寫的情況下,連字元後面的單詞首字母是否也應當大寫?
※中文省略號應該垂直居中還是沉底?
※中文網站跟英文網站排版上有哪些區別?要注意哪些問題?
※如何批量清除中文和西文字元之間的空格?