[Day:14] 設計師：我該給你SVG還是PNG ?(눈‸눈) - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

第 12 屆 iThome 鐵人賽

DAY 15

0

Mobile Development

ReactNative 懶人開發之路，薪水小偷練成日記（Ｘ系列第 15 篇

[Day:14] 設計師：我該給你SVG還是PNG ?(눈‸눈)

12th鐵人賽

團隊對不起，你是個好人，但我們只是網友

2020-09-28 20:40:05

513 瀏覽

分享至

前幾天的夜裡與公司的設計師姊姊討論到這個嚴肅的問題.....

身為工程師的我我決定來分享一下

PNG 不透明背景

好處？方便出圖，可以作為其他素材給文職人員使用
缺點？受到解析度影響，icon一多會很可怕，通常只用在上架的icon

PNG 透明背景

好處？沒背景，可以自由更換 background-color
缺點？解析度依然受到限制

SVG 不帶背景

好處？不受到限制解析度，需給定長寬比例(可以寫個元件來使用比較方便)
缺點？非設計人員有很大的機率不會處理，非前端工程師可能也不熟悉。

可是？RN 沒有支援SVG阿大大...

react-native-svg！如何做出設計師指定的按鈕？

不過圖片切換的TabBar是如何做出來的呢？

嘿嘿，想不到吧，還可以結合Lottie喔

[Day:13] 這是是我們製作的資料，可以幫我存一下嗎？ψ(｀∇´)ψ

[Day:15] 媽媽～我也想要那個酷酷的TabBar ||Φ|(|´|Д|`|)|Φ||

系列文

ReactNative 懶人開發之路，薪水小偷練成日記（Ｘ共 31 篇

目錄

RSS系列文訂閱系列文

10 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css 程式設計 react vue.js

IT邦幫忙