《寫給你們看的設計書》

四大基本原則（CRAP）

親密性（Proximity）

元素分類放在一塊兒。

對齊（Alignment）

對齊分爲：左對齊、右對齊、居中對齊、兩端對齊、

慎用居中對齊，居中對齊的 「對齊線」 強度弱，沒有力度。

重複（Repetition）

對首尾運用重複能夠很好地收尾，讓讀者讀到尾部視線停留。

整個系統樣式進行重複會讓系統樣式保持一致性，使系統各模塊（頁面）看上去是一個總體。

對比（Contrast）

頁面上的元素要有對比，以達到吸引讀者的目的。

若是兩項不一樣就應該徹底不一樣，對比很弱反而給讀者會形成 「這裏是不不當心搞錯了？」 的疑惑。

顏色

色輪

一共 12 種顏色。

三元色

紅、黃、藍

*紅* 橙 *黃* 綠 *藍* 靛 紫

三間色

紅 *橙* 黃 *綠* 藍 靛 *紫*

第三色

一個三原色和一個三間色等量混合的顏色。

顏色關係

互補

色輪上相隔 180° 的兩個顏色。

三色組

色輪上相隔 120° 的三個顏色。

分裂互補三色組

色輪上一個顏色的順逆時針各 150° 的顏色。

相似色

色輪上相鄰的兩個或三個顏色。

暗色和亮色

• 純色就是色調
• 色調加黑就構成暗色
• 色調加白色構成亮色

單色

由一種色調調出的顏色。

暖色和冷色

• 暖色：包含紅色和黃色
• 冷色：包含藍色

字體

基本規則

符號

注意要使用印刷引號和撇號（形狀是 6 和 9 那樣的），而不是打字機引號（寫程序時用的）。

大寫字母

大寫字母沒有形狀，不容易閱讀。例如：JUST DO IT 和 just do it。小寫字母有形狀（也叫 「海岸線」）而大寫字母只是一個長方形。

下劃線

儘可能不要用，由於有顏色、字體、粗體等方式能夠進行強調。

PS：a 標籤就默認用下劃線強調鼠標懸浮。

字距調整

中文是方塊字就不用擔憂這個了。

寡婦和孤兒

最後一行字太少。

協調與衝突

協調

用一樣性質的字體，給人產生一種協調印象。

衝突

使用太過類似的字體但又不一樣的字體。這種狀況必定要避免。

類別

舊式體、現代體、粗襯線體、無襯線體、手寫體、花體

? 中文字體類別

對比

大小、粗細、結構、形狀、方向、顏色