<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          文本設計的小訣竅

          2021-9-6    seo達人


          01.文本寬度不要超過800px

          在進行長篇幅文本設計時,要注意本文寬度不要過長,千萬不能鋪滿整個屏幕。

          微信公眾號的文本寬度660px,知乎的文本寬度654px,google搜索結果頁的本文寬度600px,百度搜索結果頁寬度560px,百度百科的文本寬度790px。

          總之,成熟產品的文本寬度幾乎都不超過800px,其中600~700之間最為合適。

          圖片

          02.左對齊長文本

          當文本超過3行或4行時,慎重使用文本居中對齊。

          因為文本居中對齊時,不可避免地存在兩側參差不齊,這會導致用戶在閱讀兩側內容和換行時,導致額外的眼球運動,這會造成眼睛疲勞,閱讀困難。

          左對齊的長文本就在一側形成看不見的直線,引導用戶閱讀,具有更好的可讀性,因此書籍、網站等都在使用左對齊。

          圖片

          《寫給大家看的設計書》中提到,居中對齊會創建一種更正式、更穩重的外觀,這種外觀顯得更為中規中矩,但通常也很乏味。我敢保證,大多數看起來精巧的設計,都沒有采用居中對齊。

          圖片

          03.標題或短文本使用居中對齊

          如果標題和文本都比較短,例如一行到兩行,可以使用居中對齊。再多的話,可以嘗試左對齊是否更有利于閱讀。

          圖片

          04.借助元素區分文本層級

          當我們需要區分不同權重的文本時,除了采用字體大小、字重等調整外,還可以嘗試借助目標、項目符號或引號等其他元素建立清晰的視覺層次。

          圖片

          05.充分利用空白間距

          我個人在進行文本排版時會盡量避免使用線條或背景顏色,因為在大部分場景下,利用空白間距便可以將層次劃分清晰,并且可以使整個界面保持干凈整潔。

          圖片

          原文地址:栗子設計喵 (公眾號)

          作者:栗子

          轉載請注明:學UI網》文本設計的小訣竅

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務



          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合