---
# System prepended metadata

title: 洧杰加碼直播 - 切版任務二版型講解
tags: [公益程式體驗營 - 2022]

---

---
tags: 公益程式體驗營 - 2022
---

# 洧杰加碼直播 - 切版任務二版型講解


## 開課提醒
1. 錄影
2. [快閃三小時優惠，週四 21:00~24:00](https://hexschool.tw/r0kt6)


## 課程大綱 ([XD 設計稿](https://xd.adobe.com/view/ee74327b-b6c3-44e4-abf9-a884b483ff96-bb27/specs/))

* container 容器設計
* 滿版式設計
    * Dora 助教設計稿([Repo](https://github.com/doraHLC/ChatTalkerAI)、[Demo](https://dorahlc.github.io/ChatTalkerAI/price.html))

## 洧杰切版建議

 1. 先挑有把握的區塊來做，沒有規定一定要從上到下來做
 2. 做完時，先檢視該區塊 x 軸有無問題
 3. 當區塊變多，卻又要檢視 x 軸時，可以用 chrome 檢視工具
## 攻略本

* [攻略網址](https://hackmd.io/BXKGIKbKRlOhS7xCGxQysA?view)