【設計資訊】網(wǎng)頁設計中字體設計要規(guī)范

2022-06-17    分類: 網(wǎng)站建設

創(chuàng)新互聯(lián)的【設計資訊】提供網(wǎng)頁設計中字體設計要規(guī)范??赐晗旅孢@張圖你肯定能明白,網(wǎng)頁設計中字體設計也要規(guī)范,來來看看這張圖。

【設計資訊】網(wǎng)頁設計中字體設計要規(guī)范

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

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

如何避免這樣的結果發(fā)生呢?總語:通過字體設計規(guī)范可以幫助你做出符合要求的設計。

一、字不過三

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

【設計資訊】網(wǎng)頁設計中字體設計要規(guī)范

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

文字的樣式使用太多,會讓別人覺的你不夠專業(yè)!

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

42a2573d51436ac7253f9a8bcedd.jpg
5e98573d514d6ac7253f9a6306fc.jpg

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

所以,便于閱讀與便于使用才是用戶的最基本(根本)的訴求!

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

【設計資訊】網(wǎng)頁設計中字體設計要規(guī)范

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

【設計資訊】網(wǎng)頁設計中字體設計要規(guī)范

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


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

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

1.平穩(wěn)型字體

平穩(wěn)型字體

方正蘭亭系列的字體樣式,是網(wǎng)站建設中網(wǎng)頁設計的要使用字體,這個字體的特征是穩(wěn)重而細膩,并且富有時尚科技的感覺。再來看一下下面的這張?zhí)O果(吃的蘋果哦,嘻嘻)網(wǎng)頁的設計,就知道了。采用方正蘭亭超細的字體的感覺,是不是很高端!

方正蘭亭系列字體,使用在科技產(chǎn)品的網(wǎng)站之中,同樣合適。因為它具有穩(wěn)重和有科技感嘛。

平穩(wěn)型字體

2.剛勁有力型

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

3.可愛型字體

可愛型字體

可愛型字體實屬方正經(jīng)黑字體。

3.可愛型字體

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

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

二、界面中文字使用的規(guī)則

1.通曉系統(tǒng)字體

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

2.統(tǒng)一字號

一個手機軟件,不同位置的字體字號,你能準確地說出來嗎?若不能,證明你還不通曉字體規(guī)范,沒有去制定字體的規(guī)范。那么我們首先了解一下常規(guī)的一些大小(應用于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通常用于大型頁面上的按鈕。為了把按鈕的水平,在加強按鈕向導,將選擇一個稍大的字體樣式。在選擇字體大小,字體大小的數(shù)量。為什么選擇這個偶數(shù),因為在開發(fā)的接口,轉換的大小除以二。

那網(wǎng)頁中常用的字號有哪些呢?

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

網(wǎng)頁設計中字體設計要規(guī)范先介紹到這里,還有什么想知道的盡管提。創(chuàng)新互聯(lián)還提供更多行業(yè)的網(wǎng)站建設服務。

網(wǎng)頁標題:【設計資訊】網(wǎng)頁設計中字體設計要規(guī)范
當前地址:http://muchs.cn/news/168327.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內鏈、虛擬主機、網(wǎng)站建設、云服務器、搜索引擎優(yōu)化、網(wǎng)站設計

廣告

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

成都網(wǎng)站建設