歡迎訪(fǎng)問(wèn)世紀網(wǎng)絡(luò )官網(wǎng),寶雞網(wǎng)站建設SEO優(yōu)化已累計服務(wù)超過(guò)900家企業(yè)!     咨詢(xún)熱線(xiàn):13619273150

15年網(wǎng)站建設優(yōu)化經(jīng)驗,900家客戶(hù)的選擇,值得信賴(lài)!


網(wǎng)頁(yè)設計中字體規范總結

作者:本站      發(fā)布時(shí)間:2018-02-24      瀏覽:1018

62.9K



字體:

中文:宋體,微軟雅黑,方正系列(無(wú)狀態(tài))

字號:

網(wǎng)頁(yè)中正文/導航字號在12px-18px之間

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

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

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


中規中矩,經(jīng)典通用

中易宋體

Win最常見(jiàn)的字體,小字體點(diǎn)陣,大字體TrueType,但是大字體并不好看,所以最好別做標題。

微軟雅黑

Vista之后新引入的字體,打開(kāi)Cleartype之后顯示效果不錯,不開(kāi)Cleartype發(fā)虛。

華文細黑

Mac下的默認中文。

英文

Helvetica:

被評為設計師最?lèi)?ài)的字體,Realist風(fēng)格,簡(jiǎn)潔現代的線(xiàn)條,非常受到追捧。在Mac下面被認為是最佳的網(wǎng)頁(yè)字體,在Windows下由于Hinting的原因顯示很糟糕。

Arial:

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

Lucida Family:

Lucida Grande是Mac OS UI的標準字體,屬于humanist風(fēng)格,稍微活潑一點(diǎn)。Mac下的顯示要比Win下好。

Verdana:

專(zhuān)門(mén)為了屏顯而設計的字體,humanist風(fēng)格,在小字號下仍可以清楚顯示,但是字體細節缺失嚴重,最好別做標題。

Tahoma:

也是humanist風(fēng)格,字體和Verdana有點(diǎn)像,但是略窄一些,counter略小,曾經(jīng)是Windows的標準字體,Mac 10.5之后默認也有安裝。

Verdana:

是一套無(wú)襯線(xiàn)字體,由于它在小字上仍有結構清晰端整、閱讀辨識容易等高品質(zhì)的表現,因而在1996年推出后即迅速成為許多領(lǐng)域所愛(ài)用的標準字型之一。

Georgia:

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

有些偏藝術(shù)類(lèi)的網(wǎng)站的大字會(huì )使用lobster。更藝術(shù)的網(wǎng)站就搜索free font,或者font freebie吧

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


那些漂亮的網(wǎng)頁(yè)banner,它們都是用的什么字體的?

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

看著(zhù)那些設計各種酷炫的banner圖,這個(gè)字體是不是隨機使用?全憑設計師的感覺(jué),無(wú)規律可循? 當然不是,設計師都是會(huì )根據bannner表達的主題,去挑選符合主題個(gè)性的字體。今兒就給大家分個(gè)類(lèi),以后再也不用為bannner上的字體發(fā)愁了?。?!

第一類(lèi),穩定型(協(xié)調,齊全,穩定,高質(zhì))

微軟雅黑

冬青黑體

宋體

華文細黑

方正正中黑

第二類(lèi),剛硬,銳利,清晰,強烈

造字工坊力黑體

造字工坊版黑體

造字工坊勁黑體

銳字逼格銳線(xiàn)體簡(jiǎn)

張海山銳線(xiàn)體

華康儷金黑

蒙納超剛黑體

第三類(lèi),輕松,手寫(xiě),可愛(ài),童趣,親切

方正經(jīng)黑

華康海報

漢儀小麥

方正稚藝

新蒂下午茶

漢儀歪歪體

新蒂小丸子

第四類(lèi),靈動(dòng),清新,秀雅,精致,古韻

方正清刻本悅宋簡(jiǎn)體

方正宋刻本秀楷體

漢儀全唐詩(shī)簡(jiǎn)

康熙字典體

祥南行書(shū)體

造字工房刻宋

  特別提示下,這些字體不是免費的,需要購買(mǎi)版權,否則時(shí)不能用于商業(yè)用途,切記切記。




0