遇翔

[摘要]作為一個(gè)合格的網(wǎng)絡(luò)編輯，不單需要寫(xiě)的一手好文章，更應(yīng)該重視文章排版，只有熟練的駕馭文章排版，才是一個(gè)被行業(yè)所需要的網(wǎng)絡(luò)編輯。一篇優(yōu)秀的文章，很大一部分得力于優(yōu)秀的文章排版，好的排版可以讓文章結(jié)構(gòu)更加清晰，邏輯順暢，使讀者更容易理解，便于快速閱讀，并且整個(gè)版面清爽整潔，讓閱讀成為一種享受。文章排版的主要目的只有一個(gè)，提升用戶(hù)體驗(yàn)。

[關(guān)鍵詞]臉面 電腦端 手機(jī)端

一、文章排版就是文章的臉面

當(dāng)今是個(gè)看臉的時(shí)代，漂亮的“外貌”定然會(huì)受到更多關(guān)注，寫(xiě)文章也不例外。文章的“臉面”就是它的排版。一篇文筆出彩、排版精致的文章，除了更能抓住讀者的眼球與思想外，閱讀完畢后還會(huì)有一種賞心悅目的感覺(jué)，從而使新讀者從此愛(ài)上閱讀，讓老讀者更加享受閱讀。

二、電腦端文章排版

1.文章字體字號(hào)

首先文章整體字體要保持統(tǒng)一，目前應(yīng)用最多的字體有，宋體、仿宋、新宋體、黑體、微軟雅黑等。選擇某種字體后，整篇文章中就應(yīng)該避免出現(xiàn)其他字體來(lái)破壞文章整體效果。其次文章正文的內(nèi)容字號(hào)一般以15-16PX為宜。另外主副標(biāo)題無(wú)疑是文章中最明顯的元素，比正文更加顯眼。所以我們?cè)谶M(jìn)行文章排版的時(shí)候，一般主副標(biāo)題都要比正文字號(hào)更大。主標(biāo)題字號(hào)通常將正文字號(hào)放大到180%-200%。副標(biāo)題字號(hào)通常將正文字號(hào)放大到130%-150%。

2.文章段落

調(diào)整文章段落的行間距和段間距，可以讓讀者閱讀時(shí)條理更加分明。段間距讓讀者能夠更好的識(shí)別內(nèi)容塊，行間距控制好則可以使閱讀更加輕松。行間距和段間距分別如何設(shè)置呢？事實(shí)上，行間距并沒(méi)有一個(gè)固定值，通常根據(jù)字體大小來(lái)定義。控制在正文字號(hào)尺寸的120%-160%，并且字體越小，行間距應(yīng)該越大，確保字與行間的呼吸空間。段間距一般而言等于或大于正文字體的行間距。需要根據(jù)整體文章篇幅來(lái)定，篇幅短的文章可以降低段間距的值。篇幅長(zhǎng)或?qū)W術(shù)類(lèi)的文章，則可以加大段間距的值，給與讀者喘息和思考的機(jī)會(huì)，并使文章更有層次和可讀性。

3.文章行長(zhǎng)

我們隨便打開(kāi)一篇網(wǎng)絡(luò)文章，數(shù)一數(shù)每行的字?jǐn)?shù)，一般情況下不會(huì)超過(guò)40個(gè)漢字。這是因?yàn)槿绻啃形淖诌^(guò)長(zhǎng)，讀者會(huì)沒(méi)有喘息的時(shí)間，降低閱讀率。并且從一行換至下一行首的時(shí)候容易串行，影響讀者的閱讀節(jié)奏。所以我們要注意劃分閱讀區(qū)域，文章寬度控制在450-600PX為宜。

4.文章配圖

當(dāng)下最流行的文章格式當(dāng)屬圖文并茂形式，而圖文并茂最基本的要求就是配圖清晰、明亮并契合主題，網(wǎng)絡(luò)文章用到配圖的地方無(wú)外乎三個(gè)地方：封面圖（頭圖）、縮略圖、正文配圖。封面圖最佳尺寸等于行長(zhǎng)，如行長(zhǎng)600PX，則圖片寬也應(yīng)為600PX，寬跟高的比例則定義為16：9較為合適，因相機(jī)拍攝成片的圖片尺寸為16：9，所以圖片選取這個(gè)比例更為方便，該圖片寬高即為600PX*337PX。并讓圖片內(nèi)容主體盡量處于圖片正中心位置。縮略圖最佳尺寸為200PX*200PX，居于正文的左側(cè)或右側(cè)，這種小圖要選擇簡(jiǎn)介干凈，色彩統(tǒng)一的圖片，以保證文章整體的整潔。正文配圖經(jīng)過(guò)調(diào)查，圖片最佳尺寸跟封面圖寬度相等，高度可根據(jù)需求調(diào)整。

三、手機(jī)端文章排版

1.文章字體字號(hào)

跟電腦端要求一樣，文章整體字體需要保持統(tǒng)一，目前手機(jī)端最常用的字體非微軟雅黑莫屬。因?yàn)榇蟛糠质謾C(jī)設(shè)備默認(rèn)字體都是微軟雅黑或是酷似微軟雅黑的字體，所以大多數(shù)編輯在發(fā)布手機(jī)端文章時(shí)，都喜歡使用微軟雅黑。文章正文的字號(hào)單位建議使用REM單位。使用REM為元素設(shè)定字體大小時(shí)，設(shè)定的為相對(duì)大小，相對(duì)的只是HTML根元素。這個(gè)單位可謂集相對(duì)大小和絕對(duì)大小的優(yōu)點(diǎn)于一身，通過(guò)它既可以做到只修改根元素就成比例地調(diào)整所有字體大小，又可以避免字體大小逐層復(fù)合的連鎖反應(yīng)。目前，除了IE8及更早版本外，所有瀏覽器均已支持REM。對(duì)于不支持它的瀏覽器，應(yīng)對(duì)方法也很簡(jiǎn)單，就是多寫(xiě)一個(gè)絕對(duì)單位的聲明。這些瀏覽器會(huì)忽略用REM設(shè)定的字體大小。手機(jī)端正文字號(hào)沒(méi)有明確的規(guī)則，字號(hào)大小根據(jù)讀者群而定，一些老年讀者多的網(wǎng)站建議字體盡量大一些，這樣更能提高用戶(hù)體驗(yàn)。至于主副標(biāo)題則跟電腦端需求一樣，主標(biāo)題字號(hào)通常將正文字號(hào)放大到180%-200%。副標(biāo)題字號(hào)通常將正文字號(hào)放大到130%-150%。

2.文章段落

手機(jī)端的字符間距不易太小，如果字符之間的間距設(shè)置太小的話(huà)，會(huì)顯得內(nèi)容過(guò)于緊密，在閱讀時(shí)很容易串行，影響讀者閱讀。因?yàn)槭謾C(jī)屏幕有限，所以行間距要設(shè)計(jì)的比電腦小。單位依然使用REM，以便于適配不同的移動(dòng)設(shè)備。段間距則直接用空行來(lái)間隔即可，這樣各段落之間才不會(huì)顯得過(guò)于緊湊，給讀者喘息和思考的時(shí)間。

3.文章行長(zhǎng)

由于手機(jī)屏幕顯示有限，行長(zhǎng)建議為屏幕寬度的90%左右，并且文字兩端對(duì)齊，這樣可以令讀者有良好的閱讀體驗(yàn)，更能讓用戶(hù)專(zhuān)注到文字內(nèi)容。但是因?yàn)槭謾C(jī)屏幕顯示得空間有限，兩側(cè)留白區(qū)域也不能夠太多，約是頁(yè)面的10%-20%的范圍左右。

4.文字配圖

手機(jī)端與電腦端配圖方式有所不同?；旧现挥玫椒饷鎴D及正文配圖，而去掉了居左或居右的縮略圖，這是因?yàn)槭謾C(jī)屏幕帶來(lái)的限制，顯示區(qū)域有限的條件下，只能去掉了圖文混排的排版形式。與電腦端配圖形式一樣的是圖片寬度，依然是等同于行長(zhǎng)為宜。

四、結(jié)語(yǔ)

如果原創(chuàng)文章來(lái)源于靈感，沒(méi)有經(jīng)驗(yàn)可談的話(huà)。那么文章排版技術(shù)則來(lái)源于一次次、一遍遍的文章發(fā)布經(jīng)驗(yàn)與體會(huì)。從每一篇文章的發(fā)布中積累經(jīng)驗(yàn)，找到時(shí)下用戶(hù)更可以接受的排版形式，與時(shí)俱進(jìn)，日益更迭，不斷的提升用戶(hù)體驗(yàn)，給網(wǎng)站帶來(lái)更多、更穩(wěn)定的讀者，就是網(wǎng)絡(luò)編輯駕馭文章排版帶來(lái)的最大價(jià)值。