Tag: sketch

各家瀏覽器與工具對於 blur 效果的實際呈現比較

在 Hacker News 上看到「Blur Radius Comparison (bjango.com)」，原文在「Blur radius comparison」。

重點在這張：

前面九個分成三種效果在三個不同的瀏覽器呈現的結果，然後是 Figma、Illustrator、Photoshop 與 Sketch 的效果。

可以看出來在瀏覽器上的部分，大家的 rendering 沒有差太多。

而 Figma 所有 blur 類的效果，在瀏覽器上比較接近的只有 box-shadow，其他三套則是有不同的變化...

將 Sketch 輸出成 iOS/Android 的程式碼

Supernova 是前陣子看到的工具，目前是 public beta，將 Sketch 的設計直接轉成 iOS/Android 的程式碼，減少每次手動調整的痛：「Introducing Supernova」。

目前只支援 iOS/Android，但之後有打算要支援 React Native。(參考「Import & Export」這邊的說明)

五月時寫到的「透過 NN (類神經網路) 訓練好的系統，直接把圖片轉成程式碼」這篇是直接從圖片轉成程式碼，也是想做類似的事情。但 Supernova 因為有 Sketch 內的資訊，轉換的準確度會高不少...