Gradient angles in CSS, Figma & Sketch

對於有斜角的漸層，CSS 與 Figma 及 Sketch 的演算規則是不同的，這篇文章詳細的解說它們之間的差異。

這令人想起「設計寬容度」的話題，不管原稿是來自 XD、Figma 或是 Sketch，原稿與真正用程式實做出來的差異，應該是某種程度被允許的，譬如說上文的漸層、字體的大小、陰影等（ 之前也有另一篇文章在討論 Sketch 與 CSS 陰影的差異），因為 RWD 的精神所在，不就是會隨著用戶裝置的不同而自動「響應」最適合的布局嗎，就算原稿定義了幾個重要的 breakpoint，終究沒有人能保證用戶的裝置都位在預先規劃好的 breakpoint 上，而這之間的差異，就必然會與原稿有所誤差，甚至我們無法預估用戶是否開啟了系統的文字或布局放大功能，與其追求像素對像素的精準度，不如在設計原稿時就先有「設計寬容度」的認知，實在沒有必要因為這些無傷大雅的微小差異拖累整個專案的進度。