中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

網(wǎng)頁設(shè)計之字體設(shè)計規(guī)范

2022-12-11    分類: 網(wǎng)站建設(shè)

引導(dǎo)語:網(wǎng)頁字體的選擇,需要按照一定的規(guī)范來進(jìn)行選擇,以下是小編整理的網(wǎng)頁設(shè)計之字體設(shè)計規(guī)范,歡迎參考閱讀!

網(wǎng)頁設(shè)計常用字號 最好用偶數(shù)字號

1、Header導(dǎo)航文字12號或14號;

2、Menu導(dǎo)航文字14-18號;

3、Sidebar文字12號或14號,

4、一級菜單使用14號、二級菜單使用12號

或一級菜單使用12號加粗、二級菜單使用12號

5、Footer文字12號或14號

6、正文:大標(biāo)題文字24-32號;標(biāo)題文字16或18號;正文文字12號或14號

7、標(biāo)題文字字號,18px,20px,24px,28px,32px, 盡可能使用雙數(shù)

8、按鈕文字:比如登錄、注冊頁面按鈕或其他按鈕,文字14-16號,可根據(jù)實際情況調(diào)整大小或加粗。

9、同一層級的字號搭配應(yīng)該保持一致。比如,同一層級的版塊中標(biāo)題文字和內(nèi)容文字大小的一致性

在蘋果官網(wǎng)中,產(chǎn)品展示文字以64號和32號搭配,文字內(nèi)容簡短有力,可讀性強,同時非常具有視覺沖擊力,突出顯示了品牌特征。

字體排版規(guī)范

一、好易讀性規(guī)范

1.行寬

傳統(tǒng)圖書排版每行好字符數(shù)是55-75,實際在網(wǎng)頁上每行字符75-85更流行。中文在14號字體時,建議35-45個文字

2.行高

網(wǎng)頁設(shè)計中,文字間距一般根據(jù)字體大小選1-1.5倍作為行間距,1.5-2倍作為段間距

比如12號字體,行間距是12px-18px,段落間距則是18px-24px。

另外,行高/段落之間的空白=0.754。行間距正好是段落間距的75%是非常常見的。

3.行對齊

通常情況下,建議在頁面上只使用一種文本對齊,盡量避免兩端對齊

4.文字留白

在排版文字時,在版面需要留出空余空間,留白面積從小到大應(yīng)該遵循的順序是:字間距、行間距、段間距。此外,在排版內(nèi)容區(qū)之前,需要根據(jù)頁面實際情況給頁面四周留出余白。

5、CRAP原則(carp)

對比(Contrast)、重復(fù)(Repetition)、對齊(Alignment)、親密性(Proximity)

字體選擇

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

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

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

再小識別性就不是特別好了,中規(guī)中矩,經(jīng)典通用

中易宋體

Win最常見的字體,小字體點陣,大字體TrueType,但是大字體并不好看,所以最好別做標(biāo)題。

微軟雅黑

大段的微軟雅黑字體排列略顯厚重,如果是在網(wǎng)頁上長時間瀏覽,會讓人的眼睛產(chǎn)生不適。相比而言,襯線字體裝飾性強,具有易讀性,所以宋體更適合知乎網(wǎng)站這種大段文字網(wǎng)站

微軟雅黑給人的感受包括平和、干凈、簡單、平靜、專業(yè)

華文細(xì)黑

Mac下的默認(rèn)中文。

英文

Helvetica:

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

Arial:

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

Lucida Family:

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

Verdana:

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

Tahoma:

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

Verdana:

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

Georgia:

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

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

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

網(wǎng)頁banner字體

網(wǎng)頁banner的字體選用方法是要根據(jù)banner的主題,去挑選字體,因為字體本身也是有性格的

第一類,穩(wěn)定型(協(xié)調(diào),齊全,穩(wěn)定,高質(zhì))

微軟雅黑、冬青黑體、宋體、華文細(xì)黑、方正正中黑、方正蘭亭系列

第二類,剛硬,銳利,清晰,強烈

造字工坊力黑體、造字工坊版黑體、造字工坊勁黑體、銳字逼格銳線體簡、張海山銳線體、華康儷金黑、蒙納超剛黑體

(更適用大氣,熱烈,權(quán)威,聲明等主題)

第三類,輕松,手寫,可愛,童趣,親切

方正經(jīng)黑、華康海報、漢儀小麥、方正稚藝、新蒂下午茶、漢儀歪歪體、新蒂小丸子

(適用于,游戲娛樂活動海報,h5廣告頁面,兒童/女性主題)

第四類,靈動,清新,秀雅,精致,古韻

方正清刻本悅宋簡體、方正宋刻本秀楷體、方正宋刻本、秀楷體、漢儀全唐詩、簡康熙字典體、祥南行書體、造字工房、刻宋

(適用于復(fù)古,典雅,傳統(tǒng),品質(zhì),靈動等主題)

網(wǎng)頁名稱:網(wǎng)頁設(shè)計之字體設(shè)計規(guī)范
網(wǎng)頁URL:http://m.rwnh.cn/news21/221671.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作標(biāo)簽優(yōu)化、Google、軟件開發(fā)、App開發(fā)搜索引擎優(yōu)化

廣告

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

成都做網(wǎng)站
余干县| 太和县| 漳浦县| 寿阳县| 丹巴县| 岑巩县| 建平县| 城固县| 五大连池市| 临沂市| 宜阳县| 彭山县| 将乐县| 遵化市| 屏东县| 泰顺县| 丰县| 永川市| 手游| 扬中市| 浪卡子县| 长垣县| 澄迈县| 淳化县| 大理市| 望奎县| 常州市| 霍山县| 英德市| 海晏县| 应用必备| 平山县| 富平县| 大理市| 华亭县| 静乐县| 伊金霍洛旗| 越西县| 遂昌县| 黄骅市| 商南县|