曾在接案公司待了幾年，切版一直佔工作的很大一部分，
想藉著這個機會，把我所知道的切版經驗做一次整理。

網路上談論的切版有許多是在說明CSS的用法，但在裡我更想分享的是切版的工作流程和思考面向，
當然在必要的時候還是會附帶一些程式的部分比較具體。

為什麼不是分享技術內容？

也許蠻多人會說，切版不就是調調CSS，連zeplin上都有程式碼可以直接複製了！
但其實時我覺得切版並不是只是把畫面照著設計稿轉換成程式，
如果你是一個切版工程師，你可以想想這些問題：

你有想過當你的版面資料變很多時，他會怎麼成呈現嗎？

當你被指派一個新的版型，裡面的按鈕和你之前做的長得很像，
你有辦法拿已經寫好的按鈕直接搬來這個版型，不再做額外的調整嗎？

若今天你的版面已經都完成了，要把你所有網頁中跟紅色相關的都換成紫色，你要怎麼做呢？
如果紅色的色碼都照設計圖撰寫，卻有好多種不太一樣的，又該怎麼辦？

....

跟每份工作一樣，在做切版時會遇到很多的問題，
程式的部分其實如果要查，網路上到處都是，
但我覺得比較少的是，做這份職位可能需要有的概念或心態，因此想把主題鎖定在此

切版的角色 - 銜接設計與資料串接的中間者

切版要做的就把設計落實，並能符合資料串接的角色，站在設計與資料串接的中間。
既然身為中間者，你就必須要考慮兩邊的整合性。
除了需要注意設計的還原度、彈性之外，
資料串接時怎麼塞資料比較符合邏輯、資料多寡對版面造成的影響等等，都是一個切版工程師該考量的，
後續我會再做一支視頻來跟大家介紹 XD

除了CSS的程式技術外，切版工程師該知道些什麼?

這30天裡我會依照切版的工作範圍分為以下4大面向：

1. 切版的工作流程
2. 設計與切版
3. 切版的思考邏輯
4. 切版與資料串接
5. 還有一些其他的吧..

這30天，希望可以給 切版的入門初學者 或是 正在切版的前端或網頁工程師們，一些依循的思考方向。
大多都是在過去的工作中的一些小心得，當然如果有什麼不同的想法也歡迎一同討論
(真的也很想知道其他人的做事方式）

太久沒寫文章，距離上次應該是無名(瞬間透露的年紀ＸＤ)
希望可以順利完成30天，在這可怕的九月～
好啦，那我們明天見囉 ：）