設(shè)計(jì)師們?cè)谑褂?Sketch 做設(shè)計(jì)稿時(shí)，視覺標(biāo)注、視覺驗(yàn)收是不是經(jīng)常遇到以下問題？

問題一：因字 padding 無(wú)法精確還原視覺間距標(biāo)注。

研發(fā)實(shí)現(xiàn)的間距和設(shè)計(jì)稿總會(huì)因字 padding 有間距誤差，而這個(gè)誤差在整個(gè)頁(yè)面中，帶來(lái)的驗(yàn)收成本是巨大的。只有反復(fù)驗(yàn)收校對(duì)及開發(fā)，最終才能實(shí)現(xiàn)設(shè)計(jì)稿間距還原。

△ 字 padding 導(dǎo)致實(shí)現(xiàn)產(chǎn)生間距誤差

△ 使用無(wú)敵 Sketch 標(biāo)注插件去 padding 前后對(duì)比

問題二：設(shè)計(jì)師只輸出一套設(shè)計(jì)稿，可以導(dǎo)出雙端標(biāo)注嗎？

設(shè)計(jì)稿尺寸大部分是以 iOS 為標(biāo)準(zhǔn)，為了輸出安卓標(biāo)注，大部分設(shè)計(jì)師是將 iOS 的設(shè)計(jì)稿等比縮放調(diào)整后導(dǎo)出。但這時(shí)有一個(gè)繁瑣的工作，就是縮放后的安卓元素?cái)?shù)值有小數(shù)點(diǎn)（如下圖），需要對(duì)字號(hào)、間距、大小等等每一個(gè)設(shè)計(jì)元素重復(fù)調(diào)整，才能導(dǎo)出精確的數(shù)值。

△ iOS 轉(zhuǎn)安卓設(shè)計(jì)稿導(dǎo)出的標(biāo)注有小數(shù)點(diǎn)，而且顯示效果不佳

如果項(xiàng)目多，設(shè)計(jì)師對(duì)每一個(gè)頁(yè)面都需要調(diào)整，相當(dāng)于重新輸出一遍設(shè)計(jì)稿的工作量可不少。

△ iOS 和安卓?jī)商自O(shè)計(jì)稿

經(jīng)歷過的都知道這里面的工作成本，我們能再解放雙手嗎？

解決方法

通過無(wú)敵 Sketch 標(biāo)注插件，只需一套 iOS 設(shè)計(jì)稿，一鍵智能導(dǎo)出去 padding 的雙端標(biāo)注，讓設(shè)計(jì)師解放雙手。

設(shè)計(jì)師通過文章的鏈接下載并安裝免費(fèi)的無(wú)敵 Sketch 標(biāo)注插件，一套設(shè)計(jì)稿通過它能夠同時(shí)輸出 iOS、安卓標(biāo)注，安卓的標(biāo)注沒有小數(shù)點(diǎn)且符合常用規(guī)范轉(zhuǎn)換原則，覆蓋全部設(shè)計(jì)元素，字號(hào)、間距、圓角等等。

△ 無(wú)敵 Sketch 標(biāo)注插件導(dǎo)出標(biāo)注頁(yè)面截圖

另外無(wú)敵 Sketch 標(biāo)注插件獨(dú)有的智能去字 padding 功能。我們是通過對(duì)字 padding 反復(fù)調(diào)研，并且針對(duì) iOS 及安卓不同品牌的頭部機(jī)型進(jìn)行測(cè)試驗(yàn)證。最后我們?cè)跓o(wú)敵 Sketch 插件中，加入去 padding 標(biāo)注功能，導(dǎo)出標(biāo)注時(shí)智能去掉了間距誤差。

目前實(shí)現(xiàn) iOS 能夠精確去掉 padding 值讓研發(fā)還原設(shè)計(jì)稿，安卓因?yàn)闄C(jī)型眾多會(huì)有些誤差?？紤]不同產(chǎn)品的實(shí)際開發(fā)方式，標(biāo)注可以選擇查看。

△ 無(wú)敵 Sketch 標(biāo)注插件去 padding 功能簡(jiǎn)單操作

最后，告訴大家，我們還支持 Sketch 最新版本哦，插件為離線版本使用起來(lái)更加安全～

免費(fèi)下載

歡迎大家免費(fèi)下載并使用該插件，除了去 padding 及雙端標(biāo)注功能，接下來(lái)我們會(huì)更新更多智能功能，比如智能切圖等等，有任何問題隨時(shí)留言告訴我們～

歡迎關(guān)注作者的微信公眾號(hào)：「百度MEUX」