發(fā)表日期:2018-06 文章編輯:小燈 瀏覽次數(shù):2715
在APP開發(fā)時信息展示頁面的文字排版應該注意哪些問題呢?
是習慣性的使用宋體字或者微軟雅黑?
是直接設(shè)為12px或者14px的字號?
你有考慮過文字排布與閱讀效率的關(guān)系嗎?
你的頁面背景會影響到用戶的瀏覽舒適度嗎?
深圳APP開發(fā)塔燈網(wǎng)絡(luò)將從以下幾個元素具體分析:
字體和字號
字體分為襯線體與非襯線體。
襯線體就是帶有襯線的字體,筆畫粗細不同并帶有額外的裝飾,開始和結(jié)尾有明顯的筆觸。常用的英文襯線體有Times New Roman和Georgia,中文即是我們在windows下常見的中易宋體。
與襯線體相反,無襯線裝飾,筆畫粗細無明顯查差異的字體就是非襯線體(sans serif)。Arial、Helvetica、Verdanad都是我們熟悉的英文非襯線體,中文有微軟雅黑和mac下默認的中文-華文細黑。
行長
一般情況下閱讀行數(shù)都不會超過40個漢字。
這是因為如果每行文字過長,讀者會不停的轉(zhuǎn)動脖子,感到疲憊的同時也會降低閱讀效率。目光從行尾移至下一行,也很容易串行,影響讀者瀏覽文章的節(jié)奏。這點同樣適用于網(wǎng)頁上的文章閱讀。由于顯示器是橫向的,我們更要注意劃分閱讀區(qū)域。
文本寬度控制在450-700px為宜,此范圍內(nèi)參照字號大小
英文每行80-100個字母(空格算一個字母)為宜
中文每行30-40個漢字為宜
間距
通過設(shè)置間距,我們就可以控制文字的密度。如果每行間距太小,與文字過長一樣,讀者瀏覽文章時也容易串行;如果行距過寬,閱讀時就會感覺文章不夠連貫。
間距沒有固定的值,通常是根據(jù)字體大小來定義的。在word里我們常看到雙倍行距、單倍行距和1.5倍行距的選項。網(wǎng)頁上行距的單位常用em來表示,不管是中文網(wǎng)站還是英文網(wǎng)站,大家多喜歡用1.5em-1.8em的行距。以1.6em的行距為例,字號16px的字,行距就是25.6px。
背景
白色是全頻光,全放射光對人眼睛的有刺激,所以很多印刷品讀物的紙張都選用乳白色或者淡黃色的紙張。由于顯示器本身就發(fā)光,所以同是純白色背景的文字,在電腦上比在紙上閱讀會使眼睛更容易疲乏,另有研究表明:在電腦上閱讀只有在紙上閱讀速度的78%,閱讀效率大大減低。因此,為了提高頁面瀏覽的舒適度和效率,越來越多的頁面采用淺灰色和淡黃色做為頁面背景。
另外,印刷品以文字為主的出版物往往會采用低光澤度的紙張,也是因為光澤度高的紙張反射度高,導致閱讀質(zhì)量下降,容易使人視覺疲勞。頁面背景仿造低光澤度的紙張(紙張紋理)也能否提高閱讀的舒適度呢?
實際工作中,我們需要思考的更多,瀏覽環(huán)境、設(shè)備、網(wǎng)站特點、用戶人群、個人偏好等等都需要設(shè)計師根據(jù)具體情況來把握界面文字的展示效果。為用戶帶來更好的體驗感受。