Grid System 目前被廣泛的應用在 Web Design、APP Design、Responsive Web Design (RWD)。相信若是網站設計師，對 Grid System 應該是不陌生。不管是 Grid System 960 還是 Bootstrap 都有網站版 Grid System 的應用。
但…
但，Grid System 最早的應用出現於 1961 年 Graphic Design (平面設計)。也就是我們現在閱讀的書、報、章、雜誌、還有海報上的應用。
至於為什麼要用 Grid System 咧? 它的好處是
1. 易於排版
2. 容易閱讀
3. 版面整齊
4. 一致性
使用 Grid System 時，Column 越多彈性就越大，在 Grid System 960 的應用有 12 column 與 16 column，在更早期之前還有 24 column，不過 Grid System 960 把 24 column 拿掉了，我想應該是使用的人不多。我自己就還滿喜歡用 16 column 來做網站的排版。因為格子多，彈性大啊! XD
哦，對了，在使用 Grid System 時，Fonts 的間距、行高與寬度就變的非常重要。怎麼說重要咧? 來閱讀 Grid System — Reading Experience 這篇有說明。
另外在 UI 排版上需要注意的還有版面(排版)的對稱與不對稱。請看 Gird System — Symmetric & Asymmetric。
