在APP開發(fā)時信息展示頁面的文字排版應(yīng)該注意哪些問題呢？

是習(xí)慣性的使用宋體字或者微軟雅黑？

是直接設(shè)為12px或者14px的字號？

你有考慮過文字排布與閱讀效率的關(guān)系嗎？

你的頁面背景會影響到用戶的瀏覽舒適度嗎？

深圳APP開發(fā)塔燈網(wǎng)絡(luò)將從以下幾個元素具體分析：

字體和字號

字體分為襯線體與非襯線體。

襯線體就是帶有襯線的字體，筆畫粗細(xì)不同并帶有額外的裝飾，開始和結(jié)尾有明顯的筆觸。常用的英文襯線體有Times New Roman和Georgia，中文即是我們在windows下常見的中易宋體。

與襯線體相反，無襯線裝飾，筆畫粗細(xì)無明顯查差異的字體就是非襯線體（sans serif）。Arial、Helvetica、Verdanad都是我們熟悉的英文非襯線體，中文有微軟雅黑和mac下默認(rèn)的中文-華文細(xì)黑。

行長

一般情況下閱讀行數(shù)都不會超過40個漢字。

這是因為如果每行文字過長，讀者會不停的轉(zhuǎn)動脖子，感到疲憊的同時也會降低閱讀效率。目光從行尾移至下一行，也很容易串行，影響讀者瀏覽文章的節(jié)奏。這點同樣適用于網(wǎng)頁上的文章閱讀。由于顯示器是橫向的，我們更要注意劃分閱讀區(qū)域。

文本寬度控制在450-700px為宜，此范圍內(nèi)參照字號大小

英文每行80-100個字母(空格算一個字母)為宜

中文每行30-40個漢字為宜

間距

通過設(shè)置間距，我們就可以控制文字的密度。如果每行間距太小，與文字過長一樣，讀者瀏覽文章時也容易串行;如果行距過寬，閱讀時就會感覺文章不夠連貫。

間距沒有固定的值，通常是根據(jù)字體大小來定義的。在word里我們?？吹诫p倍行距、單倍行距和1.5倍行距的選項。網(wǎng)頁上行距的單位常用em來表示，不管是中文網(wǎng)站還是英文網(wǎng)站，大家多喜歡用1.5em-1.8em的行距。以1.6em的行距為例，字號16px的字，行距就是25.6px。

背景

白色是全頻光，全放射光對人眼睛的有刺激，所以很多印刷品讀物的紙張都選用乳白色或者淡黃色的紙張。由于顯示器本身就發(fā)光，所以同是純白色背景的文字，在電腦上比在紙上閱讀會使眼睛更容易疲乏，另有研究表明：在電腦上閱讀只有在紙上閱讀速度的78%，閱讀效率大大減低。因此，為了提高頁面瀏覽的舒適度和效率，越來越多的頁面采用淺灰色和淡黃色做為頁面背景。

另外，印刷品以文字為主的出版物往往會采用低光澤度的紙張，也是因為光澤度高的紙張反射度高，導(dǎo)致閱讀質(zhì)量下降，容易使人視覺疲勞。頁面背景仿造低光澤度的紙張(紙張紋理)也能否提高閱讀的舒適度呢？

實際工作中，我們需要思考的更多，瀏覽環(huán)境、設(shè)備、網(wǎng)站特點、用戶人群、個人偏好等等都需要設(shè)計師根據(jù)具體情況來把握界面文字的展示效果。為用戶帶來更好的體驗感受。

本頁內(nèi)容由塔燈網(wǎng)絡(luò)科技有限公司通過網(wǎng)絡(luò)收集編輯所得，所有資料僅供用戶學(xué)習(xí)參考，本站不擁有所有權(quán)，如您認(rèn)為本網(wǎng)頁中由涉嫌抄襲的內(nèi)容，請及時與我們聯(lián)系，并提供相關(guān)證據(jù)，工作人員會在5工作日內(nèi)聯(lián)系您，一經(jīng)查實，本站立刻刪除侵權(quán)內(nèi)容。本文鏈接:http://www.juherenli.com/3940.html