網站字體排版的基本規則是什么?

2014-09-11    分類: 網站建設

優化網站文字排版也是優化用戶界面的一種方式。 在本文,作者將分享一組幫助你提高文本內容的可讀性和易讀性的規則。

“溝通”在設計中起著至關重要的作用 – 它能建立網站和用戶之間的聯系,并幫助用戶完成他們的目標。當我們談論在網頁設計方面的溝通時,通常是指文本的輸出。

排版在這個過程中起著至關重要的作用:網絡上的信息95%以上的是在書面語言的形式存在。良好的文字排版使閱讀的行為輕松,而體驗不好的文字排版導致用戶關閉網頁?!熬W頁設計是95%排版設計”:

網站字體排版的基本規則是什么?

優化排版是優化界面可讀性,可訪問性,可用性,使整體平衡的關鍵。

換句話說:優化網站文字排版也是優化用戶界面的一種方式。 在下面的文章中,我將提供一組幫助你提高文本內容的可讀性和易讀性的規則。

1.盡量使用少的字體

使用超過 3 種不同的字體會使網站看起來缺乏結構化和不專業。 注意,較多的字體樣式使用一次都可能破壞所有布局。

為了防止這樣的情況,嘗試將字體數量減少,一般來說,將字體數量限制在最小限度(兩個算多的,一個是正好的)。

如果你使用一個以上的字體,確保字體具有系列感,且基于其字符寬度是相得益彰。 采取下面的字體組合的例子。

Georgia和Verdana(左)的結合,共同創建一個和諧的配對相似的價值觀。 與此相比,Baskerville和Impact(

右),極大地掩蓋了襯線相對應的不匹配度,形成較好的視覺體驗。

在基于其字符寬度的標準下確保字體系列相得益彰。

網站字體排版的基本規則是什么?

2.嘗試使用標準字體

字體嵌入服務(如GoogleWeb字體或Typekit)有許多有趣的字體,可以為您的設計提供創新、新鮮的和意想不到的效果,它們使用起來也非常方便。以Google為例:

選擇任何字體,如Open Sans。

生成代碼并粘貼到HTML文檔中。

這個情況下不會出錯么?

其實這種做法有兩個問題

不是每個人開啟瀏覽器都可以訪問到同一種字體,這意味因為您選擇的用戶體驗較好的字體將無法展示在所有用戶面前。

用戶更熟悉標準字體,因此可以更快地讀取它們想要的信息。

除非您的網站有足夠吸引人的自定義字體(如品牌宣傳或創建身臨其境的體驗),否則最好使用系統字體。更為安全的做法是使用的系統字體是:Arial,Calibri,Trebuchet等。請記住,良好的文字排版會將讀者吸引到內容,而不是文字本身。

網站字體排版的基本規則是什么?

3.限制文本線長度

每行放置適當的字符數量是文本可讀性的關鍵,它不僅是你的設計,決定你的文本的寬度,它也應該是一個可讀性的問題。從Baymard研究所考慮有關可讀性和文本線長度的建議:

“如果你想要一個很好的閱讀體驗,你應該限制每行大概 60 個字符。每行擁有適當的字符數量是文本可讀性的關鍵?!?/p>

如果一行文本太短,眼睛必須經常轉回,打破讀者的節奏。 如果一行文本太長,用戶的眼睛也難長期專注于單行文本。 圖片來源:材料設計

對于移動設備,基本保持每行30- 40 個字符。 以下是在移動設備上查看的兩個網站的示例。 第一個使用每行(每行字符印刷和桌面的好數量)50- 75個字符,而第二個使用好30- 40 字符。

在網頁設計中,您可以通過使用像素限制文本塊的寬度來實現每行好數量的字符。

分享題目:網站字體排版的基本規則是什么?
文章來源:http://m.kartarina.com/news21/29421.html

成都網站建設公司_創新互聯,為您提供用戶體驗ChatGPT、關鍵詞優化、動態網站、標簽優化、電子商務

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

網站優化排名
主站蜘蛛池模板: 无码少妇一区二区三区芒果| 成人无码区免费A片视频WWW| 18禁无遮拦无码国产在线播放| 亚洲AV无码精品无码麻豆| 无码午夜成人1000部免费视频 | 高清无码v视频日本www| 无码av专区丝袜专区| 久久老子午夜精品无码| 无码任你躁久久久久久| 亚洲AV永久无码精品| 无码一区二区三区亚洲人妻| 亚洲欧洲无码AV电影在线观看| 久久精品无码一区二区三区免费| 国产精品无码a∨精品| 国产成人无码av在线播放不卡| 麻豆国产精品无码视频| 亚洲AV无码一区二区三区国产| 久久久久亚洲精品无码系列| 免费无码又爽又黄又刺激网站| 亚洲性无码一区二区三区| 亚洲av无码一区二区三区乱子伦 | 久久久精品天堂无码中文字幕| 中文字幕乱偷无码AV先锋 | AV无码小缝喷白浆在线观看 | 精品无码久久久久国产| 久久久久亚洲?V成人无码| 国产乱子伦精品免费无码专区| 无码H黄肉动漫在线观看网站| 亚洲av无码一区二区三区网站| 国产精品99久久久精品无码| 国产精品无码免费专区午夜| 日韩精品无码久久一区二区三| 国产午夜鲁丝片AV无码| 成人无码嫩草影院| 国产精品亚洲а∨无码播放不卡| 亚洲精品无码mⅴ在线观看 | 亚洲av永久中文无码精品综合| 日日摸日日碰夜夜爽无码| 无码aⅴ精品一区二区三区浪潮| 国产AV无码专区亚洲精品| 国产亚洲AV无码AV男人的天堂|