前言：
今天要來介紹網頁設計排版的原則C、R、A、P，和了解Layout排版
筆記來源：
UI / UX 設計白皮書 / Material Design 導讀Day04 Layout 排版
Understanding layout
了解排版
根據Material Design建議，元件與元件之間的距離基本上都是使用8dp網格對齊
然而如果元件較小，可以使用4dp網格對齊
1 | 這邊可以將dp視為pixel |
Responsive layout
- 最容易閱讀的內文長度是每行 40-60 個字母
- 360dp 顯示 4 欄，留白16dp
- 600dp 顯示 8 欄，留白24dp
Contrast(對比)
透過字的大小、粗細、顏色強調不同區塊重點。
但同個畫面上不要過度使用，以免焦點遺失
Repetition (重複)
強調元件與元件的一置性，視覺上更為一置化。
EX: Input框都有提示字元
Alignment(對齊)
目的在於引導使用者的視覺動線。
Proximity(相近)
如運用間距，可以區分成不同類別。