5 個部落格文章排版的細節

5 個部落格文章排版的細節

英文排版因為單純只有英文字加上阿拉伯數字所以規則是非常簡單的,但中文的文章排版卻較為複雜,有全型、半形、英文字、中文字還有阿伯數字,這所有的字元都放在一起的時候是否該有空格等等規則都令人摸不著頭緒,大部分的人都會是以「我看起來舒服即可」來做排版,但這些在排版上其實都有一套完整的規則,今天我們就來告訴大家中文、英文、數字還有標點符號的排版才是最正確的。

影片教學

英文字的前後是空格規則

最多人提出的問題是中文句子中間夾雜了英文字,英文字的前後該空格還是不該空格?正確的排版方法是英文字的前面和後面都應該有一個半形的空格,但是英文字碰到標點符號的時候則不需要有任何的空格。

20190529 1
圖|英文字的前後都該有一個半形空格
20190529 2
圖|英文跟標點符號之間不需要有空格

單位和數字之間的空格規則

當我們提到任何的單位的時候總會鍵入阿伯數字,那數字和後面的單位是否需要空格呢?如果後面的數字是中文字我們就需要空格,如果後面的數字是英文字那就不需要空格,但是後面的單位我們就要非常注意大寫和小寫了。

20190529 3
圖|數字和中文單位之間應該要有一個半形空格
20190529 4
圖|數字和英文單位之間不需要空格

半形和全形的使用規格

我們常常提到中文字只有全形沒有半形,這個說法不一定完全正確,應該更進一步的說清楚中文的排版中標點符號只有全形沒有半形但中間如果插入了英文字和阿拉伯數字則只有半形沒有全行;許多人可能希望在排版的時候可以對齊而加入了全形的英文和阿拉伯數字其實是不對的,排版如果要好看跟對齊我們應該是要用「左右對齊」而非有全形來強制對齊。

最後要補充一下:在中文排版中碰到了數字之中或是英文之中的標點符號則是半型,例如「20,000」或「Weeds among weeds, or flowers with flowers gathered.」。

延伸閱讀:Tinymce Advanced 部落格文章排版的得力助手

文章段落的設定

網路的排版和傳統書籍排版還是有許多不同的地方,尤其像現在 Facebook 或 twitter 這些社群當道的年代讀者更難一次閱讀過於密集的段落文章,這也才出現了現在許多人在排版的時候喜歡一句話就一段的風格。

該如何拿捏每一個段落的字數,手機版和電腦版看到的段落行數又都不盡相同,如果要做出更舒適又符合傳統排版的方法,就要看我們如何把每個段落的長度和密集度做最適度的控制。

錯誤的文章排版

此次補助專案僅提供本國國人使用,沒有年齡限制,內容分為兩大區塊,一個是自由行,一個是團體旅遊,其中自由行是每週日到週四共計五天,入住春遊專案旅宿就可獲得補助 500 元,如果你是 18 歲到 40 歲的青年去離島玩或者入住小鎮民宿再個別加碼 500 元,也就是說,自由行最多每人可補助 1,500 元,民眾只要在入住時出示身份證即可獲得補助,不過一張身分證僅能使用一次。

正確的文章排版

此次補助專案僅提供本國國人使用,沒有年齡限制,內容分為兩大區塊,一個是自由行,一個是團體旅遊,其中自由行是每週日到週四共計五天,入住春遊專案旅宿就可獲得補助 500 元。

如果你是 18 歲到 40 歲的青年去離島玩或者入住小鎮民宿再個別加碼 500 元,也就是說,自由行最多每人可補助 1,500 元,民眾只要在入住時出示身份證即可獲得補助,不過一張身分證僅能使用一次。

行距之間的高度設定(Spacer)

除了上一段提到的「過於密集的段落文章」問題外,段落和段落之間的間距也是排版舒適度上非常重要的一環,較寬鬆的間距除了是排版的美觀之外,更重的是要讓讀者眼睛休息一會兒

大部分的人在控制段落之間的間距都會使用Enter來做空行,想要空多一點就會拼命按Enter,但常常這一次按了之後有效果下一次卻不一定可以達到相同效果,讓人感到非常的苦惱,如果你是使用傳統編輯器可以透過使用 WordPress 外掛中的 Spacer 外掛來解決行距之間的高度問題,區塊編輯器則是有內建 Spacer 功能。

部落格文章排版的觀念相關文章

  1. 5 個部落格文章排版的細節
  2. 正確的文章分類選單設計
  3. 文章分類的設計和排版
  4. 部落格排版外掛使用,先從正確的 WordPress 後台操作習慣養成