<address id="r9vd9"><address id="r9vd9"><listing id="r9vd9"></listing></address></address>

      歡迎您光臨深圳塔燈網絡科技有限公司!
      電話圖標 余先生:13699882642

      網站百科

      為您解碼網站建設的點點滴滴

      深圳APP開發文字排版有哪些講究?

      發表日期:2018-06 文章編輯:小燈 瀏覽次數:2659

      在APP開發時信息展示頁面的文字排版應該注意哪些問題呢?

      是習慣性的使用宋體字或者微軟雅黑?

      是直接設為12px或者14px的字號?

      你有考慮過文字排布與閱讀效率的關系嗎?

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


      APP開發用戶體驗.jpg


      深圳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%,閱讀效率大大減低。因此,為了提高頁面瀏覽的舒適度和效率,越來越多的頁面采用淺灰色和淡黃色做為頁面背景。

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


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



      本頁內容由塔燈網絡科技有限公司通過網絡收集編輯所得,所有資料僅供用戶學習參考,本站不擁有所有權,如您認為本網頁中由涉嫌抄襲的內容,請及時與我們聯系,并提供相關證據,工作人員會在5工作日內聯系您,一經查實,本站立刻刪除侵權內容。本文鏈接:http://www.webpost.com.cn/3940.html
      相關APP開發
       八年  行業經驗

      多一份參考,總有益處

      聯系深圳網站公司塔燈網絡,免費獲得網站建設方案及報價

      咨詢相關問題或預約面談,可以通過以下方式與我們聯系

      業務熱線:余經理:13699882642

      Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.    

      国产成人精品综合在线观看