網頁設計中字體規范總結 |
作者:本站 發布時間:2018-02-24 瀏覽:1032次 |
字體: 中文:宋體,微軟雅黑,方正系列(無狀態) 字號: 網頁中正文/導航字號在12px-18px之間 英文可以偏小一些 10px-16px 再小識別性就不是特別好了 標題文字字號,18px,20px,24px,28px,32px, 盡可能使用雙數
中規中矩,經典通用 中易宋體 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的字體選用方法是要根據banner的主題,去挑選字體,因為字體本身也是有性格的,跟選老婆一樣性格合得來那就幸福,如果合不來總吵架這一輩子可咋過....在字庫中挑選字體時一件很讓人惱火的事,為了方便大家使用,我把網頁設計中經常用到的字體,按照性格分了類,以下推薦這些字體,是平時工作學習中總結得出,希望能給新收一些指導,如果你是高手,有自己的一套用字方法,那當然是極好的,所以真的不必太鉆牛角尖 看著那些設計各種酷炫的banner圖,這個字體是不是隨機使用?全憑設計師的感覺,無規律可循? 當然不是,設計師都是會根據bannner表達的主題,去挑選符合主題個性的字體。今兒就給大家分個類,以后再也不用為bannner上的字體發愁了?。。? 第一類,穩定型(協調,齊全,穩定,高質) 微軟雅黑 冬青黑體 宋體 華文細黑 方正正中黑 第二類,剛硬,銳利,清晰,強烈 造字工坊力黑體 造字工坊版黑體 造字工坊勁黑體 銳字逼格銳線體簡 張海山銳線體 華康儷金黑 蒙納超剛黑體 第三類,輕松,手寫,可愛,童趣,親切 方正經黑 華康海報 漢儀小麥 方正稚藝 新蒂下午茶 漢儀歪歪體 新蒂小丸子 第四類,靈動,清新,秀雅,精致,古韻 方正清刻本悅宋簡體 方正宋刻本秀楷體 漢儀全唐詩簡 康熙字典體 祥南行書體 造字工房刻宋 特別提示下,這些字體不是免費的,需要購買版權,否則時不能用于商業用途,切記切記。
|