---
# System prepended metadata

title: 檢核點
tags: [UI 直播班 - 2021 春季班]

---

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

# 檢核點


</br>


## W1-Login

### LV2

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

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

</br>

常見錯誤：

- 沒有對齊網格系統
- 全部都用網格系統對齊
- Padding 不一致
- 沒有垂直或水平置中

</br>

參考回覆：
```
表單的對齊基本上都不太正確，建議再研究一下範例，
這邊的內容在下次的直播課程中就會講到了，可以再留意一下
```
```
Modal 的部分我們帶入第二週的觀念來看，
表單的寬度應該是要用右半部的左右 Padding 來決定，而 Padding 是使用八的倍數，
而表單的高度是用表單原本的高度加上上下的 Padding 來決定，
且左右跟上下的 Padding 可以讓數值一致會看起來更協調
```


</br>

---

</br>


## W2-Landing Page

### LV2

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

</br>

常見錯誤：

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




</br>

---

</br>


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


</br>

常見錯誤：

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