我前段時間琢磨著搞個自己的網(wǎng)站，主要是想分享點(diǎn)日常心得和實(shí)用技巧。一開始啥都不懂，就直接上網(wǎng)找免費(fèi)模板，匆匆忙忙地把內(nèi)容填進(jìn)去，結(jié)果整得亂七八糟。

一開頭，我就選了那個默認(rèn)的布局，把文字一股腦兒全塞進(jìn)去。頁面密密麻麻的，行距幾乎為零，段落連在一起，字體小得我自己都讀得費(fèi)勁。用戶一上來就吐槽，說看兩眼就頭暈，連我自己測試時，也想趕緊點(diǎn)出去。

關(guān)鍵點(diǎn)1：多加點(diǎn)空位置

從實(shí)踐中，我學(xué)到了第一個重要東西——留白不能省。剛開始，我想著省頁面空間多塞點(diǎn)字，結(jié)果擠得像菜市場攤位。用戶反饋說看起來心煩，我只好動手加行距和邊距。在段落之間多加點(diǎn)空位置后，瞬間清爽不少，讀起來舒服多了。

關(guān)鍵點(diǎn)2：放大放大再放大

然后我發(fā)現(xiàn)字體太小也是個毛病。默認(rèn)小字模糊不清，讀者連讀都不想讀。我就試著調(diào)大字體尺寸，特別是標(biāo)題部分，弄點(diǎn)粗體處理，一下子視覺感就強(qiáng)了，大家反饋說更容易掃描和看完。

我還遇到了段落太長的尷尬。我原本寫的每段都是一大坨，幾百字連在一起，沒人愿意堅(jiān)持看完。

關(guān)鍵點(diǎn)3：分拆分段別連篇

我就重新分拆內(nèi)容，每幾句話就換行，再加點(diǎn)小標(biāo)題分割。這樣整完后，用戶反而更愿意停留，跳出的少了，閱讀時間也長了。

之后我琢磨著，光有字太枯燥。原來網(wǎng)站全是文字塊，沒人感興趣滑下去。

關(guān)鍵點(diǎn)4：配圖搭配別光禿

我就開始加圖片點(diǎn)綴，文字中間插點(diǎn)簡單配圖。比如講個故事時加點(diǎn)生活照片，頁面立刻生動起來，視覺感增強(qiáng)了，用戶也更愛往下翻。

最坑的是我忘了手機(jī)用戶。網(wǎng)站第一次上線，我在電腦上看好好的，一用手機(jī)就變形了：文字跑邊、圖片切半，整個頁面七零八落。

關(guān)鍵點(diǎn)5：手機(jī)端也得順眼

我就回頭搞適配，調(diào)整布局確保手機(jī)上看也舒服。檢查尺寸縮小時的效果，加了點(diǎn)響應(yīng)設(shè)置，終于解決了問題。

這些折騰過程中，我還吃過個大虧。排版太差，流量蹭蹭跌，差點(diǎn)就放棄這個站了。還好堅(jiān)持下去，慢慢改過來后，用戶互動反而多了，現(xiàn)在挺有成就感的。