---
# System prepended metadata

title: ⚡️ 5/19 （三）每日任務 Day 8
tags: [UI 直播班 - 2021 春季班]

---

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

# ⚡️ 5/19 （三）每日任務 Day 8

## 本日題目：Footer

```
昨天我們做了 Header
俗話說有頭就有尾
Footer 為頁面收尾，並重複顯示於每個頁面
通常會提供網頁的聯絡資訊，如：聯絡電話、Email、社群連結、版權宣示⋯⋯等項目
同時也是 SEO 的重要項目之一
今天請依照下方需求設計一個 Footer 吧🔥
```

- **請依照下方需求設計一個 Footer**


- 設計重點：**圖片與網頁標準色的搭配**

- **主題：藝術展覽網頁**
  - 需含有：Logo、導覽列、信箱、社群 Icon
- **內容資訊限制：**
  - Logo 名稱：HexExhibition
  - 導覽列請包含：展覽活動、藝術新聞、藝文影音、線上藝廊
  - 信箱：HexUI2021@hexschool.com
  - 社群 Icon*3 請於 [Font Awesome](https://fontawesome.com/icons?d=gallery&p=2&s=brands)中引用三個社群 Icon
  - **自由選擇**是否加入引導按鈕、文案
- **任務模板**
  - dribbble 上傳的作品尺寸有固定尺寸，建議可以先下載[任務模板](https://firebasestorage.googleapis.com/v0/b/homework-tools.appspot.com/o/ui-training%2F20215%2F37WWX-Daily%20UI%20-%20dribbble%20template.xd?alt=media&token=e26755e4-5af0-4aa7-ad94-02354057c86a)


---

#### Dribbble 參考連結：

[範例 1](https://dribbble.com/shots/6458780-itCraft-Footer-desktop)

[範例 2](https://dribbble.com/shots/5786576-Cimple-Values)

[範例 3](https://dribbble.com/shots/14418635-Treecard-Website-Footer)

## 任務回報流程

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

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

1. 將完成的作業整理並上傳至 Dribbble
2. 將 Dribbble 連結貼至 Slack 的每日任務回報區
3. 助教審核後會留下 Emoji 💯 並將不錯的檔案整理至 [UI 直播班每日任務作品牆](https://hackmd.io/VyvpcJzzQy6yz8bRucvqLg?view)
