創新互聯的【設計資訊】提供網頁設計中字體設計要規范。看完下面這張圖你肯定能明白，網頁設計中字體設計也要規范，來來看看這張圖。

看了上面這張圖你感覺怎么樣，是不是閱讀起來非常的難受？那就對了！實際上折磨你眼睛的問題有怎么幾個點：

1. 字體樣式很多，雜亂無章
2. 采用的字體不易識別
3. 字體和內容的氣氛搭配

如何避免這樣的結果發生呢？總語：通過字體設計規范可以幫助你做出符合要求的設計。

一、字不過三

許多設計者們講過，字體顏色不能超過三個，其實在同一個APP或者在一個設計作品中的字體也不要過三種樣式，一般情況下，在每個設計之中采用一到兩個字體樣式就可以了，然后通過對字體大小或顏色來強調重點文案。

瀏覽過上面這張圖中的三個界面設計，有什么感想，這三個界面的設計規律是，使用字體的大小來劃分出界面內容中的等級關系的。第一張“螞蟻花唄”中的banner圖，只用了一種字體來區分主標題和副標題的關系。則網頁設計同樣的道理，采用一種字體即可，使用文字的大小來對比同樣可以做出很好的構圖與設計。

文字的樣式使用太多，會讓別人覺的你不夠專業！

二 、字與背景的層次要分明

查看過上面兩張Banner圖有沒有發現了同樣的問題，字體與背景融合在一起了，在閱讀時怎么可能會方便。這樣的大廣告圖是不可能達到廣告的效果？同樣在做移動端頁面的時候也是同理，選擇一個下面亮面模糊的背景，用戶在使用光量很強的時候不可能看的清楚。

所以，便于閱讀與便于使用才是用戶的最基本（根本）的訴求!

三、字體樣式與氣氛要匹配

看到上面這張圖，你的第一個感覺就是不是，看不懂！認真看一下才得知是眼部精華油。漢字的風格與圖片或者海報整體的設計風格不一致，就不會帶動用戶們的想購買的沖動。接下來我們看一下下面這張圖。

我們通過結合文案的內容，在圖片設計風格中使用比較明快剛勁的設計風格，字體風格選用比較剛勁有力的造字工坊勁黑體。這個氣氛都非常的匹配，用戶代入感也非常的強。

活動banner圖中的氣氛是這個活動設計的重中之重，挑選合適的字體樣式，才能加強目標人群的購買欲與點擊欲。

以風格分類常用的字體有以下幾種類型

1.平穩型字體

方正蘭亭系列的字體樣式，是網站建設中網頁設計的要使用字體，這個字體的特征是穩重而細膩，并且富有時尚科技的感覺。再來看一下下面的這張蘋果（吃的蘋果哦，嘻嘻）網頁的設計，就知道了。采用方正蘭亭超細的字體的感覺，是不是很高端！

方正蘭亭系列字體，使用在科技產品的網站之中，同樣合適。因為它具有穩重和有科技感嘛。

2.剛勁有力型

張海山的字體屬于剛勁有力類型的，年輕有力。

3.可愛型字體

可愛型字體實屬方正經黑字體。

漢儀小麥字體設計則是給人搞怪的感覺，有木有... ...

我們想要各種毛筆字體，可以使用毛筆字生成器，用自由的書法在線生成器在線，在線生成下載，使用這個方法可以很快的找到需要的書法字體，這招管用!

二、界面中文字使用的規則

1.通曉系統字體

1. iOS系統中使用的是蘋方字體系列，為了加強層次感和層次關系蘋方系列，從細至粗有著不一樣的字體樣式哦。
2. Android的默認字體是Roboto和Noto系列，Roboto有6種字樣：Thin、Light、Regular、Medium、Bold 和 Black。
3. Noto有7種字樣：Thin, Light、DemiLight、Regular、Medium、Bold 和 Black。

2.統一字號

一個手機軟件，不同位置的字體字號，你能準確地說出來嗎?若不能，證明你還不通曉字體規范，沒有去制定字體的規范。那么我們首先了解一下常規的一些大小(應用于2倍尺寸中，即iphone5/6)。

導航主標題字號：34/36px

蘋果默認標題字號為34px，而有些軟件也會用到36px，更加強頁面位置關系。例如微信導航標題字號36px，導航字體醒目易于對應頁面位置。

在內文展示中字號大小又是多大呢?

• 正文字號32px-34px
• 副文是28px-24px
• 最小字號不低于20px
• 字在正文字號使用中，閱讀類的APP中更注重文本的閱讀更加便捷性。
• 正文字號34px，會選擇性的選用蘋方粗體的字體。

然而，列表形式和工具的應用主要是32 px的主體(由于大體型的趨勢進入屏幕使用34 px),副本是28 px,時間是24 px， 26 px字體文本大小,也用來把班級分成文案提示哦。因為文字希望用戶閱讀，但不要抓住主要信息指導的列表。34 px通常用于大型頁面上的按鈕。為了把按鈕的水平,在加強按鈕向導,將選擇一個稍大的字體樣式。在選擇字體大小,字體大小的數量。為什么選擇這個偶數,因為在開發的接口,轉換的大小除以二。

那網頁中常用的字號有哪些呢?

頁面尺寸最小12個像素；常用的微軟14像素/ 16像素的文本，大字體是18像素26像素，30、20像素，像素，（注意使用雙店的名字，顯示屏上的奇異的字體時，會有一個Flash），好的設計不應該總是對的”人家的設計“。

網頁設計中字體設計要規范先介紹到這里，還有什么想知道的盡管提。創新互聯還提供更多行業的網站建設服務。

網站欄目：【設計資訊】網頁設計中字體設計要規范
文章路徑：http://m.newbst.com/news27/168327.html

成都網站建設公司_創新互聯，為您提供網站改版、域名注冊、網頁設計公司、定制開發、服務器托管、網站維護

廣告

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