---
tags: UI 直播班 - 2021 冬季班
---

# UI 設計觀念必修直播班-檢核點

## W1-Login

### LV2

> 是否有完全照著範例去刻出一模一樣的版型

**Full Page** -> 對在網格上，但併排的欄位不是用網格對齊而是 Padding
**Modal** -> 表單是根據外層容器內推 120px 的 Padding，不是對在網格上

</br>

**常見錯誤：**

- 沒有對齊網格系統
- 全部都用網格系統對齊
- Padding 不一致
- 沒有垂直或水平置中
- 直接把 Full Page 的表單複製貼上至 Modal

</br>

**參考回覆：**

表單的對齊基本上都不太正確，建議再研究一下範例，
這邊的內容在下次的直播課程中就會講到了，可以再留意一下

Modal 的部分我們帶入第二週的觀念來看，
表單的寬度應該是要用右半部的左右 Padding 來決定，而 Padding 是使用八的倍數，
而表單的高度是用表單原本的高度加上上下的 Padding 來決定，
且左右跟上下的 Padding 可以讓數值一致會看起來更協調

</br>

---

</br>

## W2-Landing Page

### LV2

> 是否有完全照著範例模板去刻出一模一樣的版型

</br>

**常見錯誤：**

- 最上方的選單列辨識度不夠
- 語系不統一
- 顧客回饋的文案沒有跟頭像垂直置中
- 價格方案上下的 Padding 太小
- 按鈕字級過大（超過 20px）

</br>

---

</br>

## Final-Topic

> 可以依照學生程度給予主題上的建議

</br>

**常見錯誤：**

- 沒有使用線上文件繳交
- 圖片太醜