QQ在線客服

當(dāng)前位置:首頁> 建站> 經(jīng)驗(yàn)心得

網(wǎng)站建設(shè)中文字排版的技巧

2017-04-10 16:52 來源: 站長資源平臺 瀏覽(1012)人   

    網(wǎng)站建設(shè)中文字排版的技巧,文字排版可以說是一門網(wǎng)站建設(shè)中的藝術(shù)。因?yàn)槊恳粋€元素對網(wǎng)站的瀏覽都有影響,而頁面的排版的好壞是對一個網(wǎng)站設(shè)計(jì)人員的考驗(yàn)。頁面的排版涉及到的內(nèi)容有很多很多,今天就來才說一說網(wǎng)站文字排版的經(jīng)驗(yàn)心得。


網(wǎng)站建設(shè)中文字排版的技巧


    頁面中的文字排版主要有兩個方面,文字的辨識度以及頁面的易讀性。首先我們要先知道優(yōu)秀的文字排版是怎樣的?出色的排版在閱讀性上肯定是非常良好的,而在內(nèi)容的表現(xiàn)力上也是連貫的,有很強(qiáng)的空間感。而內(nèi)容的布局以及擺設(shè)的方式和欄目的設(shè)計(jì)都會影響文字的可讀性。文字的可讀性的設(shè)計(jì),就要網(wǎng)站的設(shè)計(jì)師考慮好幾個方面,分別是采用什么字體、多大的字號、行距多大、間距多大、使用什么顏色作為背景色,以及背景色與文字顏色的對比度。


    首先我們要從可讀性的規(guī)范分析。


    第一、文字之間的行寬。如果一行有很多文字,用戶在閱讀的時候,視線的移動距離太長,這樣用戶就很難會注意到一段文字的開頭和結(jié)尾。閱讀起來也是比較困難的,但是一段文字如果太短的話,眼睛來回瀏覽的次數(shù)就多了,完全沒有節(jié)奏感。所以應(yīng)該要設(shè)置好每一行的字?jǐn)?shù)多少,提升網(wǎng)站內(nèi)容的可讀性。而最佳的字?jǐn)?shù)是一行35~45個文字。


    第二、文字之間的間距。行距對文字的可讀性也有很重要的影響。太寬,文字之間就沒有了連貫性,但是太窄,就很容易跳行,內(nèi)容不完整。文字的排版中,最好的間距是1~1.5倍,段落之間的距離最好是1.5~2倍。


    第三、行與行之間要對齊。網(wǎng)站內(nèi)容中,每一個段落的位置都要對齊,不管是哪一種視覺效果,好看的、嚴(yán)肅的,都要按照一種明確的對齊方式。


    網(wǎng)站建設(shè)中文字排版的技巧


    其次,CRAP的設(shè)計(jì)原則在文字排版中的運(yùn)用。


    第一、對比。對比可以分為三種類型,標(biāo)題和正文文字的對比、文字之間顏色的對比、文字的顏色和背景顏色的對比。


    第二、重復(fù)。同一種設(shè)計(jì)元素可以在網(wǎng)站建設(shè)中重復(fù)出現(xiàn),而對于文字元素來說,字號,顏色,使用的式樣都會被多次重復(fù)使用。重復(fù)的運(yùn)用,給用戶一種整體的感受,有組織、統(tǒng)一性。


    第三、對齊原則。頁面設(shè)計(jì)中,所有的元素都要按照一定的要求排列的,不能隨意設(shè)置。而對齊就是網(wǎng)站建設(shè)不可缺少的一個部分,可以為頁面設(shè)計(jì)帶來不一樣的視覺效果。


    第四、親密性原則。內(nèi)容的位置接近,就表示之間的關(guān)系很親密,將兩者設(shè)計(jì)在一起,給用戶一種一致的體驗(yàn)。


    文字的排版對網(wǎng)站設(shè)計(jì)來說是非常重要的,而文字的排版技巧可以參考以上兩個大的方面,希望可以幫助到各位。


【版權(quán)與免責(zé)聲明】如發(fā)現(xiàn)內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息發(fā)郵件至 kefu@2898.com ,我們將及時溝通與處理。 本站內(nèi)容除了2898站長資源平臺( www.afrimangol.com )原創(chuàng)外,其它均為網(wǎng)友轉(zhuǎn)載內(nèi)容,涉及言論、版權(quán)與本站無關(guān)。
投稿

關(guān)注我們

站長資源平臺微信公眾號

微信二維碼