品牌設(shè)計(jì)
Hi,are you ready?

準(zhǔn)備好開始了嗎?
那就與我們?nèi)〉寐?lián)系吧

有一個(gè)品牌項(xiàng)目想和我們談?wù)剢?您可以填寫右邊的表格,讓我們了解您的項(xiàng)目需求,這是一個(gè)良好的開始,我們將會(huì)盡快與你取得聯(lián)系。當(dāng)然也歡迎您給我們寫信或是打電話,讓我們聽到你的聲音!

PID派點(diǎn)互動(dòng)

地 址:廣州市天河區(qū)金慧路88號(hào)11棟138單元(華南農(nóng)業(yè)大學(xué)內(nèi))

電 話:+020- 3855 0205 3855 0745

傳 真:+020-3855 0745

E-mail:925774558@qq.com

填寫您的項(xiàng)目信息

captcha

廣州網(wǎng)頁設(shè)計(jì)中文字排版的10點(diǎn)技巧

標(biāo)簽:廣州網(wǎng)頁設(shè)計(jì),網(wǎng)頁設(shè)計(jì), 網(wǎng)頁設(shè)計(jì)公司,企業(yè)網(wǎng)頁設(shè)計(jì)

在網(wǎng)頁設(shè)計(jì)中,文字的占比也是非常多的,所以,網(wǎng)頁設(shè)計(jì)中中,文字的排版也是非常重要的。好的文字排版,有利于網(wǎng)站的閱讀性與美觀性,將幫助您提高文本內(nèi)容的可讀性和易讀性。用戶體驗(yàn)更好,更能吸引潛在的用戶,提升用戶的轉(zhuǎn)化率。那么,廣州網(wǎng)頁設(shè)計(jì)中文字排版有什么技巧呢?小派給大家總結(jié)了下網(wǎng)頁設(shè)計(jì)文字排版的技巧,供大家參考借鑒。

一、不要使用過多的字體

網(wǎng)站排版中建議最多不要超過3種字體類型,不然會(huì)使網(wǎng)站看起來松散和不專業(yè),不僅太多的字體類型會(huì)造成這種問題,太多的字體尺寸也會(huì)破壞網(wǎng)頁布局。

通常情況下,將字體家族的數(shù)量限制在最小數(shù)量(2個(gè)是很多,1個(gè)通常就夠了),整個(gè)網(wǎng)站堅(jiān)持使用相同的原則。如果使用多個(gè)字體,請(qǐng)確保倆個(gè)字體是否和諧。以下面的字體組合為例,Georgia和Verdana的搭配相得益彰,相對(duì)比較和諧。相比于右邊Baskerville和Impact則會(huì)有明顯的沖突感,非襯線Impact明顯的超過了Baskerville的視覺沖擊力。

而在中英文排版中,建議大家中文使用標(biāo)準(zhǔn)中文字體,而英文、數(shù)字和字符使用標(biāo)準(zhǔn)的英文字體。以下面的圖為例,是否可以對(duì)比處那個(gè)美觀一些。

二、盡量使用標(biāo)準(zhǔn)字體

在Google Web Font或者Typekit,和國內(nèi)的“有字庫”的字體嵌入式服務(wù)有很多有趣的字體,對(duì)于國內(nèi)設(shè)計(jì)師來說,痛苦的是中文字體會(huì)很大,一個(gè)字體動(dòng)則幾兆,十幾兆的,這樣用戶在會(huì)增加用戶瀏覽網(wǎng)站的載入時(shí)間;反之英文字體26個(gè)字母大小寫,加數(shù)字標(biāo)點(diǎn)符號(hào)一共幾百k的字體是很容易在網(wǎng)頁中使用的。

盡可能選擇標(biāo)準(zhǔn)字體(近幾年網(wǎng)頁中通常使用思源黑體,PingFang,英文可以使用Arial,Calibri或者其他常見的易于屏幕閱讀的黑體字,如沒有特殊概念指導(dǎo)盡可能避免使用襯線字體,如宋體)

不是每位用戶都可以在終端上看到同一個(gè)字體,意味著你選擇的適合的字體,用戶有可能看不到。

用戶更熟悉標(biāo)準(zhǔn)字體,因此他們可以更快的閱讀

特殊的、并且少量的字體可以制作成.svg格式的素材嵌入Web使用

良好的排版會(huì)使用戶更加關(guān)注內(nèi)容本身,而不是字體的類型。

三、限制一行文字的長度

保證每一行文字的字符數(shù)量是文本可讀的關(guān)鍵。不是設(shè)計(jì)師來定義文本的寬度,而是根據(jù)用戶的可讀性來定義。

太寬-會(huì)使得單行文字太長,讀者的眼睛會(huì)難于專注文字。因?yàn)殚L時(shí)間閱讀容易串行,大段的文本中很難找到正確的行。

太短-會(huì)使得用戶的眼睛經(jīng)?;氐较乱恍形谋荆瑫?huì)打破讀者的閱讀節(jié)奏,長時(shí)間閱讀造成視覺疲勞。太短也會(huì)傾向于向讀者發(fā)出一種信號(hào),使得讀者沒有讀完當(dāng)前這行就去跳到下一行閱讀,可能會(huì)忽略潛在的重要詞句。

對(duì)于移動(dòng)設(shè)備,應(yīng)該每行30-40個(gè)字符(半角),具體顯示多少個(gè)字?jǐn)?shù),與不同分辨率的屏幕、文本寬度和字體大小都會(huì)有關(guān)系,設(shè)計(jì)的原則是:保證用戶可以流暢的閱讀文本,文字不宜太小或太大。以iOS(手機(jī))為例,正文文本最小字號(hào)不能小于24px,太小了用戶閱讀會(huì)難以閱讀。以百度為例,可作為參考。

四、選擇用有多個(gè)字重并顯示良好的字體

用戶將通過不同屏幕分辨率的終端設(shè)備訪問你的網(wǎng)站,大多數(shù)用戶界面需要各種大小尺寸的文本(標(biāo)題、副標(biāo)題、文本、標(biāo)注等等)。選擇一款能夠在不同屏幕分辨率的設(shè)備上運(yùn)行良好的字體以保證它的不同尺寸的字體都具有極高可讀性(Readability)和可用性(Usability)也是非常重要的。

近倆年備受大家歡迎的思源黑體和PingFang字體都是不錯(cuò)的選擇,當(dāng)然,個(gè)人認(rèn)為漢儀旗黑無論從家族字體的數(shù)量、字體質(zhì)量、屏幕顯示、紙媒印刷上來說都不遜色于前面?zhèn)z款字體。參與過這款字體設(shè)計(jì)的設(shè)計(jì)師曾說過,思源黑體還是相對(duì)比較粗糙的一款字體。

同樣,為了保證在屏幕上清晰可辨,盡量避免使用襯線體,盡管他們很漂亮。

五、使用識(shí)別度高的字體

在選擇英文體的時(shí)候,有些字體的個(gè)別字母極易混淆,特別是“i”和“L”(如下圖所示);以及文字之間的間距。許多中文字體在使用較小字體的時(shí)候筆畫會(huì)粘到一起(上圖),不容易辨別;所以在選擇字體類型的時(shí)候,請(qǐng)檢查你選擇使用的字體,確保不會(huì)為用戶和產(chǎn)品造成不必要的損失。

六、避免在界面中大段的使用大寫字母

不要所有文本使用大寫字母,強(qiáng)制用戶閱讀大寫字母,首字母大寫,具有特殊含義的縮寫等情況除外,與小寫字母相比,大量的使用大寫字母會(huì)嚴(yán)重降低用戶的閱讀效率和愉悅感。

七、將行間距控制在字體的1.5-2倍之間

在文字文字排版中,我們又一個(gè)特殊的術(shù)語,用于表示行與行之間的距離:行間距(或行高)。為了保證文本的可讀性和易讀性,使文本形成線性的閱讀感受,將行間距控制在字體大小的1.5-2倍之間(中文字體)。英文字體推薦使用默認(rèn)行間距,或根據(jù)默認(rèn)行間距微調(diào)。

八、適當(dāng)?shù)念伾珜?duì)比度

通常情況下,文本和背景盡量避免使用相同或相似的顏色。文本越明顯,用戶能夠掃描和閱讀的速度越快。當(dāng)然,學(xué)會(huì)通過文本顏色、大小和背景的顏色關(guān)系來控制視覺層級(jí)也是必要的。

與背景相比,小文本和背景的對(duì)比度至少為4.5:1

大文本(14px/18px以上)應(yīng)該保持與背景3:1以上的對(duì)比度

九、避免將文字著色為紅色或綠色

色盲和色弱是我必須要照顧到的一部分用戶,特別是在男性中(8%的男性是色盲)建議使用處顏色以外的其他方式來區(qū)分重要的信息(如下劃線,加粗等)。避免使用紅色和綠色單獨(dú)傳達(dá)信息。因?yàn)榧t綠色盲是最常見的色盲形式。(現(xiàn)在想想,那些因?yàn)榧t綠色盲而考不了駕照的童鞋是不是要分分鐘恨死制定紅綠燈規(guī)則的人,當(dāng)然這只是個(gè)笑話,使用紅綠燈是因?yàn)楣鈱W(xué)在物理傳播方面的原因,這里不解釋)

十、避免文字閃爍

閃爍的文字或內(nèi)容可能會(huì)讓某些用戶感到不適,對(duì)于一般用戶而言,這可能分散他們的注意力或者使他們感到煩躁。

雖然在網(wǎng)頁設(shè)計(jì)中依然有很多需要我們注意的地方,最后,分享給大家一個(gè)想法就是:網(wǎng)頁設(shè)計(jì)中排版很重要。做出正確的排版可以讓你的網(wǎng)站感覺清爽,糟糕的網(wǎng)頁排版會(huì)令用戶分心,傾向于關(guān)注自己的感受而非內(nèi)容。排版的關(guān)鍵在于使信息層級(jí)清晰、用戶易于閱讀、并且保證文字是可讀的。文字的排版不應(yīng)該增加用戶的認(rèn)知符合,以求達(dá)到尊重內(nèi)容、尊重用戶的目的。

更多網(wǎng)頁設(shè)計(jì)、廣州網(wǎng)頁設(shè)計(jì)網(wǎng)頁設(shè)計(jì)公司等相關(guān)需求,歡迎您咨詢派點(diǎn)互動(dòng)


返回列表
在線溝通

Are you interested in ?

感興趣嗎?

有關(guān)我們服務(wù)的更多信息,請(qǐng)聯(lián)系

135 7039 2915 李先生

與我們合作

與派點(diǎn)合作,您將會(huì)得到更成熟的網(wǎng)站建設(shè)服務(wù)。我們以客戶至上,同時(shí)也相互挑戰(zhàn),力求呈現(xiàn)最好的網(wǎng)站建設(shè)成果。

品牌顧問熱線(李生):

+135 7039 2915

TOP

QQ客服

免費(fèi)電話