當前位置:才華齋>設計>網頁設計>

網頁設計中字型規範總結

網頁設計 閱讀(2.54W)

引導語:網頁設計中字型的選擇應該符合網頁的主題,以下是小編整理的網頁設計中字型規範總結,歡迎參考閱讀!

網頁設計中字型規範總結

  字型:

中文:宋體,微軟雅黑,方正系列(無狀態)

  字號:

網頁中正文/導航字號在12px-18px之間

英文可以偏小一些 10px-16px

再小識別性就不是特別好了

標題文字字號,18px,20px,24px,28px,32px, 儘可能使用雙數

網頁banner的字型選用方法是要根據banner的主題,去挑選字型,因為字型本身也是有性格的,跟選老婆一樣性格合得來那就幸福,如果合不來總吵架這一輩子可咋過```在字型檔中挑選字型時一件很讓人惱火的事,為了方便大家使用,我把網頁設計中經常用到的字型,按照性格分了類,以下推薦這些字型,是平時工作學習中總結得出,希望能給新收一些指導,如果你是高手,有自己的一套用字方法,那當然是極好的,所以真的不必太鑽牛角尖

  中規中矩,經典通用

中易宋體

Win最常見的`字型,小字型點陣,大字型TrueType,但是大字型並不好看,所以最好別做標題。

微軟雅黑

Vista之後新引入的字型,開啟Cleartype之後顯示效果不錯,不開Cleartype發虛。

華文細黑

Mac下的預設中文。

英文

Helvetica:

被評為設計師最愛的字型,Realist風格,簡潔現代的線條,非常受到追捧。在Mac下面被認為是最佳的網頁字型,在Windows下由於Hinting的原因顯示很糟糕。

Arial:

Helvetica的「克隆」,和Helvetica非常像,細節上比如R和G有小小差別。如果字號太小,文字太多,看起來會有些累眼。Win和Mac顯示都正常

Lucida Family:

Lucida Grande是Mac OS UI的標準字型,屬於humanist風格,稍微活潑一點。Mac下的顯示要比Win下好。

Verdana:

專門為了屏顯而設計的字型,humanist風格,在小字號下仍可以清楚顯示,但是字型細節缺失嚴重,最好別做標題。

Tahoma:

也是humanist風格,字型和Verdana有點像,但是略窄一些,counter略小,曾經是Windows的標準字型,Mac 10.5之後預設也有安裝

Verdana:

是一套無襯線字型,由於它在小字上仍有結構清晰端整、閱讀辨識容易等高品質的表現,因而在1996年推出後即迅速成為許多領域所愛用的標準字型之一。

Georgia:

基本上適合正文屏顯的襯線字型,非Georgia莫屬了。筆畫粗重,襯線明線,輪廓較大,小字型顯示也很清晰,同時細節還算OK。

有些偏藝術類的網站的大字會使用lobster。更藝術的網站就搜尋free font,或者font freebie吧

Trebuchet、Georgia、Times New Roman、Arial、Lucida等字型在26px或更大畫素時效果是比較好的,非常適合作為正文的標題。

  那些漂亮的網頁banner,它們都是用的什麼字型的?

看著那些設計各種酷炫的banner圖,這個字型是不是隨機使用?全憑設計師的感覺,無規律可循? 當然不是,設計師都是會根據bannner表達的主題,去挑選符合主題個性的字型。