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