如何能讓頁面更好看

0. 寫在前面

本文的意圖并不在于提出關于設計或者排版的規(guī)范或者標準，而是作為筆記，記錄一些能讓頁面更好看的方法，以備有需要的時候參考。

1. 應用場景

現(xiàn)如今，除了印刷品以外，越來越多的信息被承載于數(shù)字化的平臺。同時，也出現(xiàn)了一些工具“讓人們更多地關注內(nèi)容本身而非排版”，例如編輯本文所使用的 Markdown。然而，當一樣東西被呈現(xiàn)在使用者面前，視覺上的感受依然是難以回避的事情。

因此，本文主要關注在數(shù)字化平臺上展示的內(nèi)容，包括但不限于 Web 界面、軟件 UI、在線文檔等供人閱讀的非紙質(zhì)材料。

另外，用于實現(xiàn)上述內(nèi)容的代碼本身也是文本。于是在編輯代碼時，也可以考慮美觀、易讀的問題。

代碼是用來讓人讀的，只是順便讓機器執(zhí)行而已。

2. 參考資料

美觀是件相當主觀的事情。這就跟口味一樣，甜咸之爭能在粽子和豆花等地方遍地開花。

因此本文無法提供量化的指標，而是收集了一些可以參考的材料。當有不確定如何實現(xiàn)的想法時，可以在這些資料中找找方向。有了一根準繩可以避免很多爭議。

當然，有時候為了達到某些效果，可能會故意地違背某些原則。這種“明知故犯”的做法就見仁見智了。

2.1 通用設計

對于非設計專業(yè)的人員，Robin Williams 的《寫給大家看的設計書》（The Non-Designer's Design Book）很適合用于入門和參考。書中歸納的親密性、對齊、重復、對比 4 大基本設計原則也被許多視頻和文章拿來反復講解。

2.2 文字排版

關于如何對具體的文字進行排版，有許多細節(jié)可以考慮。

《中文排版需求》是一份相對比較大而全的文件，詳細介紹了中文排版的方方面面。

《中文文案排版指北》則可以作為一個輕量的小冊子，日常翻看。

還可以查閱標準文件《中文出版物夾用英文的編輯規(guī)范》（CY/T 154-2017）和《標點符號用法》（GB/T 15834-2011）。

2.3 代碼優(yōu)化

編輯代碼的過程也是在編輯文本，而可讀性對于代碼的理解和維護相當重要。所以，對于代碼所具有的文本的性質(zhì)，也可以參考以上的文章。而且，針對編程的場景，后文還會給出一些工具來輔助優(yōu)化。

正如前文關于口味的比喻，也有人把代碼當中一些不好的特征稱為“代碼壞味道”或“代碼異味”（Code Smell）。與之相應，許多程序員會期望自己能寫出整潔的代碼（Clean Code）。他們可能會想著從一開始就把事情做好，但不少同行都親歷過代碼質(zhì)量的劣化。在事情走向失控之前，重構還來得及。

讓代碼比你來時更干凈。

3. 輔助工具

人是會犯迷糊的，而往往那些被疏忽了的細小的點會留下隱患。所以，我們可以借助一些工具來幫助我們識別這些細節(jié)。

4. 不足之處

本文作者畢竟沒有設計相關的背景，所以可能許多地方照顧不周，或者在一些細節(jié)上有所取舍，例如“避頭尾”等等。這可能還涉及到實際用于展示界面的工具的渲染方式。如果要考慮這些，那就費勁了。專業(yè)的事還是交給專業(yè)人士吧。