網(wǎng)頁設(shè)計(jì)中文字如何更好的排版-佛山網(wǎng)站設(shè)計(jì)要的

2022-11-10    分類: 網(wǎng)站設(shè)計(jì)

網(wǎng)站建設(shè) - 建站教程 - 網(wǎng)頁設(shè)計(jì) - 網(wǎng)頁設(shè)計(jì)中文字如何更好的排版- 佛山網(wǎng)站設(shè)計(jì)要的

網(wǎng)站上每一個(gè)元素都能影響瀏覽,網(wǎng)站設(shè)計(jì)的效果整體感覺,能夠影響用戶的用戶體驗(yàn),而且目前的網(wǎng)站優(yōu)化中也在著重的強(qiáng)調(diào)——深度瀏覽,而網(wǎng)站建設(shè)中頁面設(shè)計(jì)的好與壞就能給你的網(wǎng)站在深度瀏覽中有一個(gè)好的評(píng)價(jià);網(wǎng)站的整體設(shè)計(jì)效果是有很多細(xì)微的點(diǎn)與面結(jié)合出來的,佛山網(wǎng)站設(shè)計(jì)覺得排版設(shè)計(jì)的好壞絕對(duì)能考驗(yàn)一個(gè)設(shè)計(jì)師的基本功底,文字的排版需要考慮文字辨識(shí)度和頁面易讀性,本文就從理想易讀性規(guī)范和CRAP設(shè)計(jì)四原則的角度與大家分享怎樣在網(wǎng)頁中做出精彩的文字排版。


成都網(wǎng)站建設(shè)

在我們看來,好排版一定有著比較棒的閱讀性,文字內(nèi)容在視覺上是平衡和連貫的,并且有整體的空間感。布局、內(nèi)容擺放和欄目設(shè)計(jì)都會(huì)影響文字的閱讀性。從易讀性來看,需要設(shè)計(jì)師考慮字體、字號(hào)、行距、間距、背景色與文字顏色對(duì)比等。我們?cè)谇懊嫖恼轮幸呀?jīng)重點(diǎn)介紹了字體和字號(hào),以下理想易讀性規(guī)范則介紹行距和間距,分享適宜的行寬和行高,幫助瀏覽者保持閱讀節(jié)奏,讓讀者擁有更好的閱讀體驗(yàn)。


一、理想易讀性規(guī)范

1.行寬

我們可以想象一下:如果一行文字過長,視線移動(dòng)距離長,很難讓人注意到段落起點(diǎn)和終點(diǎn),閱讀比較困難;如果一行文字過短,眼睛要不停來回掃視,破壞閱讀節(jié)奏。因此我們可以讓內(nèi)容區(qū)的每一行承載合適的字?jǐn)?shù),來提高易讀性。傳統(tǒng)圖書排版每行理想字符數(shù)是55—75,實(shí)際在網(wǎng)頁上每行字符75—85更流行。中文在14號(hào)字體時(shí),建議35—45個(gè)文字。


比如下圖:

成都網(wǎng)站建設(shè)


2.間距

行距是影響易讀性非常重要的因素,過寬的行距會(huì)會(huì)讓文字失去延續(xù)性,影響閱讀;而行距過窄,則容易出現(xiàn)跳行。

成都網(wǎng)站建設(shè)

網(wǎng)頁設(shè)計(jì)中,文字間距一般根據(jù)字體大小選1—1.5倍作為行間距,1.5—2倍作為段間距。比如12號(hào)字體,行間距是12px—18px,段落間距則是18px—24px。另外,行高/段落之間的空白=0.754。行間距正好是段落間距的75%是非常常見的。比如簡書16號(hào)字體,行間距27px/段間距36px=75%。文字字號(hào)本身比較大,所以行間距也不需要嚴(yán)格按照1—1.5倍的比例設(shè)置,不過行間距和段間距的比例符合75%,看起來很不錯(cuò),這樣的視覺效果讓人在閱讀時(shí)保持一種節(jié)奏感,這就是在實(shí)際情況中將規(guī)范的靈活應(yīng)用。

成都網(wǎng)站建設(shè)


3.行對(duì)齊


排版中很重要的一個(gè)規(guī)范就是把應(yīng)該對(duì)其的地方對(duì)齊,比如每個(gè)段落行的位置對(duì)齊。不論哪種視覺效果,精美的、正式的、有趣的還是嚴(yán)肅的,一般都可以應(yīng)用一種明確的對(duì)齊來達(dá)到目的。通常情況下,建議在頁面上只使用一種文本對(duì)齊,盡量避免兩端對(duì)齊。


4.文字留白

成都網(wǎng)站建設(shè)

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



當(dāng)前標(biāo)題:網(wǎng)頁設(shè)計(jì)中文字如何更好的排版-佛山網(wǎng)站設(shè)計(jì)要的
轉(zhuǎn)載來源:http://www.bm7419.com/news/212035.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)

廣告

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

成都網(wǎng)頁設(shè)計(jì)公司