不知道在網站建設中大家對於表單設計的一些感悟是什麼，是不是覺得很簡單啊，就是一些相關的文字框，讓其擺列整齊不亂就可以了呢？這裡 WordPress 網站建設-SEO 站群就來說說關於表單設計其實也是有講究的，再說如何設計表單先我們先來看看什麼是好的表單吧，WordPress 網站設計師李先生為我們是這樣描述的：（先撇開互動和產品，若加上這兩點，那有的說了）1. 能夠清晰傳遞表單資訊並使多使用者快速輕鬆完成；2. 對於整站而言，能夠樣式統一減少多使用者學習成本；3. 方便調整，與維護，具有較高的可持續性。
表單是由各獨控制元件按照需求邏輯組合而成，將每種獨立控制元件嚴格定義樣式，再透過統一的定位規則將其組合。保證樣式極高統一，便於開發維護和延展，提高多使用者可操作性，希望透過調整可提高表單的完成率，也就是終目的。樣式中為了更加清楚的描述，下面會將表格的組成部分按照從屬邏輯關係分為 F1 、 F2 、 F3 。
F1 為整個表單部分；
1. 表單位置寬度得按照柵格嚴格執行，（30+10）*N （柵格規範事先確定，整站統一）
2. 表單頁面根據表單寬度定表單位置
1000 寬度，表格部分為 25 格，表單左側留 5 格（包含左側標籤部分），右側留 3 格 中間自適應 (如下圖)
800 寬度，表格部分為 20 格，表單左側留 4 格（包含左側標籤部分），右側留兩格 ，中間自適應
F2 為整個表單中的一級分類；
1. 表單中的文字規範，字號 12px ，行高 18px ，段高 24px，（顏色等規範與整站的文字規範保持一致）；
2. 單行高度為 40px ，上下板塊間距 10px（視實際邏輯定）；
3. 對齊方式為中對齊，間距 10px；
4. 表單高度 26px，長度按照實際需要，並按照柵格對齊，保證相同表單在不同頁面保持一致；
5. 輸入框中提示文字 12px 宋體/Arial, #888；
6. 圖示需使用圖示庫中字型圖示，若需要特殊圖示，需要獨立製作加入字型圖示中（製作完成需內部討論決定）；
F3 為表單中的獨立模組（輸入框，按鈕、文字等）。
1. 輸入框，單行高度為 40px ，為輸入框框高 26px 加上下間距 7px，26+7+7=40;
2. 單行文字，單行高度為 40px，為文字行高 18px 加上上下間距 11px，18+11+11=40;
多行文字（兩行），高度為 58px，為兩行字高加上上下間距 11px，18*2+11+11=58;
多段文字 (兩段，每段兩行)，高度為四行字高 18*4 加上段高 6px 加上上下間距各 11px，18*4+11+11+6=100;
以此類推
3. 按鈕，單行高度為 40px，為按鈕高度 26px 加上上下間距 7px,26+7+7=40;
後面也可以以此方法與前端配合製作前端表單製作規範。