Pixel Perfect

近日看到版上有人在抱怨前端工程師為什麼不能完美重現設計稿，關於這個議題其實我有蠻多想法，先撇除不願意用心的前端，我先建立在前端有不錯的基礎實力和意願，依然能完美重現嗎？

首先是 RWD，大多設計師認為我都出到3個版了，應該可以很好的重現了吧？事實是：如果設計師的 RWD 沒辦法做到「每一個 pixel 」和「每一個變版」都考慮到，那即使你出10個版都做不到。

接著是 UI Framework 的使用，如果沒有 Guidelines 的概念，天馬行空創造各種獨特的元件，雖然不是做不到，而是曠時費力。如果不是用現有的 Library ，而是另外需要刻一個獨特的元件和流程，那勢必要花相當多的時間。為了時辰的壓力，普遍工程師應該會權衡輕重放棄刻出來。

還有是可執行性，經常會聽到奇怪的需求。

「這個字可以幫我調整到8px嗎？」

「這個文字可以隨著 RWD 自動縮放嗎？」

「這裡我希望可以自動按照高度”…”」

「我想要這裡可以自動長高並填滿」

「還沒滾到底時可以有陰影嗎？」

我只能說做得到，但有很多前提。真的了解這些需求其實是要動一些特殊手腳嗎？

最後是「魔術數字」，其實前端常常會看到 47px 之類的神器數字，它可能不是什麼百分比或填滿，只是「剛好被下了這個數字」。或許前端願意很細很細的幫忙對照，但大量這種情境真的會疲乏⋯⋯

說個好笑的，最近問了一個設計師轉職前端的朋友：「你覺得設計師要求前端 pixel perfect 合理嗎？」這位設計師面帶哭笑的搖搖頭，並回答我：「真的只能儘量⋯⋯⋯」

完美的版型是基於設計師和前端工程師共同打造的，並非前端獨自一人就可以做到。我跟每一位合作的設計師夥伴多半關係不錯，只有少數實在無法合作。我們都想要打造一個令人驕傲的網站，設計師與前端是夥伴不是死對頭。