(2021) 接著上一集《把話說清楚，讓對方聽明白》繼續往下講。
有時候你會發現一件事：
你明明內容寫得不錯，也很口語，但為什麼網友就是看不下去？
我問你一個問題：
內在美跟外在美，哪一個比較重要？
你不要跟我說「都重要」，如果只能二選一，肯定是：內在美 > 外在美。
但問題來了，如果你沒有外在美，誰有空管你有沒有內在美？
說回文章也是一樣。
如果你的部落格版型很醜、排版又亂，網友第一眼就看不下去，誰有空管你寫得好不好！
你不要以為我在開玩笑，你現在隨便去點幾個部落格來看看，超過80%以上的部落格版型都很醜，很花、很亂。
先講部落格版型
除非你真的對設計很有天分，否則我會建議：
版型越簡單越好，越乾淨越好。
你可以參考：2021 年 2 月痞客邦推出的新版預設樣式。
這個新版型雖然不完美，但真的比以前的好太多。
多說一句，部落格的版型設計本質上就是在改 CSS。
再來講文章排版
文章排版要好看，我整理成八個重點。
一、 文字大小要一致
文字不要忽大忽小。
你頂多加個粗體，不要隨便改字體大小。
建議設定「分散對齊」，讓左右兩邊看起來整齊。
另外也不建議手動改字體大小，因為你哪天換版型，就沒辦法用 CSS 統一控制了。
二、顏色不要太多，要統一
文字顏色請用 CSS 統一控制，不要花花綠綠。
文字可以變色，但不要亂變。
以我自己來說，我的文章只有三種顏色（超過三種真的會太花）：
1>深灰色（內文）
2>墨綠色（網友或客戶的詢問、規格說明）
3>淡橘底色（文章內的大標題，配合粗體）
搭配粗體，其實就已經有很多變化了。
再多，看起來真的會像「兒童作文」。
三、對齊
文字要對齊，圖片也要對齊。
例如我的文章欄位是 720px，那我所有圖片寬度就設 720px，這樣圖文就會對齊。
如果圖片不想那麼大，那至少每一張圖的寬度要一致，看起來才不會亂。
以上三點是文章排版的基本原則。
只要把握住這三點，一眼看過去就不會太差。
接下來，我再補充內容排版的優化重點。
四、大標題、小標題要清楚
你常看到我文章有「一、二、三」而且是粗體，那就是大標題。
另外我習慣用 1、2、3 當小標題，這樣讀者比較不會迷路。
五、段落一定要清楚
你平常手寫作文的段落，跟網路文章的段落其實是不一樣的。
網路文章要不要分段，不是看語意，是看「閱讀舒不舒服」。
以電腦版來說，一段 3～4 行是比較舒服的。
但切到手機版，因為螢幕窄，一個屏幕大約是20行，你在電腦上看是 5 行，在手機上可能變成 10 行。
簡單講：要注意不要讓手機畫面滿滿都是字。
我知道你會想問：可是這明明就是同一段，我還要硬切嗎？
是的。
網文就是這樣，以讀者好讀為主。
六、重點要凸顯
很多人會習慣重點用不同的顏色，例如紅色，這樣也行，但要謹慎使用。
我個人是習慣把重點用粗體表示。
不建議把重點字放大，除非那是標題。
否則一段文字中突然出現幾個放大的字，看起來會很亂。
七、適當配圖
一圖勝千言，這個你一定懂。
但請注意，不要亂盜圖，避免麻煩。
可以搜尋「免費圖庫」。
我建議你的圖最好都是有相關的，以我來說，我的圖就是實例圖，通常是我自己拍或是客戶拍給我的，這種圖最好。
如果沒有圖怎麼辦？ 我後來想到一招，就是文字版首圖。
例如你看本文最上面那個藍底白字圖就是。
八、留白的藝術
段與段之間要空一行。
小標題與上一段之間可以空兩行。
適當留白，真的差很多。
不要讓文字密密麻麻擠在一起，視覺上、閱讀上都會舒服非常多。
▎總結一下：
有些人文章寫得很用心，仔細看內容就知道肯定花了很多時間，這是內在美。
但很多人的外在美真的太差了，一眼掃過去就讓人不想看。
誰管你內容寫得多好？
所以，部落格版型與文章排版真的非常重要。
不要讓讀者一進來就想跳出。
至於廣告欄位的干擾問題，我以後再單獨講。
2025年1月更新
很多人可能本身比較沒有美感，也不會設計，那就是把握兩個大原則：
一、簡單
版型越簡單越好，文字顏色不要多，基本上三種顏色搭配粗體就夠了。
二、留白
不要一段寫太長，適當分段，閱讀體驗會差很多。
懶人包：部落格實戰全系列
_______________________________
上述這些內容資訊這都是歐飛大實戰經驗 非常值得參考 真的給個讚 辛苦了ˊ
寫得非常具體，馬上回去檢查我的有沒有這些問題，謝謝歐飛大大！
不客氣~~~~~~ 其實這些我之前都有寫過了，但我又重新寫了一篇
有時看到沒排版或是排版一整個糟糕的 討論區 或是 留言回覆 都沒看下去的慾望，哪怕內容寫得很好 我覺得我沒啥強迫症什麼的，但是看到這種我真的不行(￣▽￣)
還有一種情況，那就是用手機看 一大堆廣告~~真的是煩死了