---
# System prepended metadata

title: 11/25（四）每日任務 Day 4
tags: [UI 直播班 - 2021 冬季班]

---

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

# 11/25（四）每日任務 Day 4

## 本日題目：Subscribe

```
Subscribe 是 Input 與 Button 的組合
讓使用者留下 email
除了方便使用者收到網頁相關資訊外也增加了網頁的互動性
是目前網頁相當重要的一個元素
今天就請試著設計一個 Subscribe 看看吧🔥 
```

- **請設計一個 Subscribe**
- 需含有 SUBSCRIBE 按鈕與輸入格
- 可自由添加元素，如：插圖、文案⋯⋯等
- **任務模板**
  - dribbble 上傳的作品尺寸有固定尺寸，建議可以先下載[任務模板](https://firebasestorage.googleapis.com/v0/b/homework-tools.appspot.com/o/ui-training%2F202111%2FhscyE-Dribbble%20template.fig?alt=media&token=dfe1fe17-391f-4e2a-9bee-8541ae9716b4)


---

#### Dribbble 參考連結：

[範例 1](https://dribbble.com/shots/6466686-Pop-Up)

[範例 2](https://dribbble.com/shots/14933967-Daily-UI-26-Subscribe)

[範例 3](https://dribbble.com/shots/15214340-Day-26-Subscribe)

## 任務回報流程

請同學依照下方步驟回報任務:

> **初次回報請先至 [Dribbble](https://dribbble.com/) 註冊會員**

1. 將完成的作業整理並上傳至 Dribbble
2. 將 Dribbble 連結貼至 Discord 頻道```每日任務回報區```的**當日題目討論串**
3. 助教審核後會留下 Emoji 💯 並將不錯的檔案整理至 [UI 直播班每日任務作品牆](https://hackmd.io/@hexschool/rJKtGFQuY)

### 🌟 自我檢核

若助教沒有留下 Emoji 代表你可能是一些地方做錯了或是沒達到低標
因每日任務助教不會提供批改
如果沒有通過的話可以參考下方檢核點自我審查哦

- 參考[助教低標範例](https://www.figma.com/file/eI69j3uUp9pO7tvD0fa7Bq/Daily-UI-Day-3-Input-(Copy)?node-id=0%3A1)
- 未含有 SUBSCRIBE 按鈕
- 色彩不利閱讀
- 對齊沒有邏輯