樣樣玩得來(lái)！UI標(biāo)注神器Sketch Measure開(kāi)發(fā)者Utom訪談錄

@JingDesign?：他開(kāi)發(fā)的Sketch插件為成千上萬(wàn)的APP界面設(shè)計(jì)師和網(wǎng)頁(yè)設(shè)計(jì)師節(jié)省了無(wú)數(shù)寶貴的時(shí)間，他開(kāi)發(fā)的插件架起了開(kāi)發(fā)工程師與設(shè)計(jì)師之間溝通的橋梁。在數(shù)以萬(wàn)計(jì)的Sketch插件中，很少有插件能像Sketch Measure一樣能獲得如此多用戶(hù)的下載和關(guān)注，甚至在開(kāi)源的github中，他收獲了將近兩千個(gè)收藏和數(shù)十萬(wàn)的下載量。

當(dāng)在使用Sketch Measure這款人手必裝的標(biāo)注插件的時(shí)候，你一定想不到，他的開(kāi)發(fā)者竟然是一位中國(guó)的設(shè)計(jì)師，在網(wǎng)絡(luò)中，他的名字叫utom。靜電初次見(jiàn)到這位低調(diào)的插件開(kāi)發(fā)者是在一個(gè)名為“Sketch鉆石黨”的QQ群里，然后的然后，一個(gè)偶然的機(jī)會(huì)，那就是在后海的一間養(yǎng)著可愛(ài)貓咪的咖啡館中了。QQ頭像設(shè)定為彪形大漢的Utom和靜電之前在腦海中的假想還是有不少的出入。 原來(lái)這就是傳說(shuō)中的神秘人物，并沒(méi)有傳說(shuō)中的那么高冷，時(shí)不時(shí)的冷吐槽讓靜電一次又一次的腦袋上出現(xiàn)黑線。

至于utom真實(shí)的模樣呢，可男（gong）可女（shou），可小鮮肉可成熟大叔，總之大家還是來(lái)自行腦補(bǔ)吧。言歸正傳，以下為大家放送靜電與utom的對(duì)話，讓我們看看這位現(xiàn)在在北京工作的設(shè)計(jì)師的回答。

靜電：首先吸引我的是這個(gè)插件的圖標(biāo)，它也使用sketch繪制的嗎？

utom：是的，這是我專(zhuān)門(mén)為我的插件繪制的圖標(biāo)，還不錯(cuò)吧，長(zhǎng)臉怪？（靜電：--|||）

靜電：嗯，確實(shí)狠贊，那么是什么初衷讓你想到開(kāi)發(fā)這款sketch measure的插件?

utom：從開(kāi)始設(shè)計(jì)到交付設(shè)計(jì)的過(guò)程中， 有一個(gè)非常必要的環(huán)節(jié)就是標(biāo)注， 標(biāo)注是界面設(shè)計(jì)師與開(kāi)發(fā)工程師溝通的橋梁。 對(duì)于大多數(shù)設(shè)計(jì)師來(lái)說(shuō)， 標(biāo)注是一個(gè)非常痛苦的過(guò)程， 我經(jīng)歷過(guò)痛苦，就會(huì)想著如何解決痛苦， 這就是我的目的。解決自己工作上的痛苦，同時(shí)幫助到更多的設(shè)計(jì)師和開(kāi)發(fā)人員。（靜電：好偉大，借我一雙膝蓋我給你跪了...）

靜電：看到六月份中的時(shí)候你發(fā)布了新版的sketch measure，與老版本的sketch measure相比，這次的新版本有什么不同呢？

utom：估計(jì)大家已經(jīng)開(kāi)始使用新版本的measure了，這次的新版本我重寫(xiě)了代碼，并且在交互方式上也有所變化，把大家常用的一些功能放在菜單更容易操作的位置，同時(shí)支持在sp，dp，px，pt等這些常用的標(biāo)注單位中進(jìn)行選擇，支持共享樣式的標(biāo)注功能。另外，在sketch的版本支持上，新的measure支持（并且只支持）最新的3.3版本的sketch。相信新版本的sketch measure會(huì)被越來(lái)越多的設(shè)計(jì)師喜歡上的。沒(méi)有下載到的朋友可以打開(kāi)sketch toolbox重新安裝即可。（靜電：這廣告做的赤裸裸地真的好么？）

靜電：除了sketch measure這款插件，u大還有哪些更好玩的開(kāi)發(fā)計(jì)劃，可以跟我們透露一下嗎？

utom：大家知道，設(shè)計(jì)師即使標(biāo)注了設(shè)計(jì)稿，開(kāi)發(fā)工程師在開(kāi)發(fā)界面的過(guò)程中還是會(huì)有各種不方便之處，下一步的計(jì)劃暫時(shí)保密。不過(guò)相信使用sketch的設(shè)計(jì)師會(huì)可以跟你們的開(kāi)發(fā)工程師更輕松的配合，這對(duì)于廣大開(kāi)發(fā)工程師來(lái)說(shuō)，是個(gè)絕好的消息。 新產(chǎn)品可能會(huì)有部分的web功能需要支持和開(kāi)發(fā)，如果有興趣合作的朋友可以跟我聯(lián)系。（靜電：哼，官腔...）

靜電：作為一個(gè)會(huì)寫(xiě)代碼的設(shè)計(jì)師，你有什么想跟設(shè)計(jì)師朋友說(shuō)的？

utom：準(zhǔn)確的說(shuō)不是寫(xiě)代碼， 而是理解代碼。 在很多 Coder 面前， 我不算是個(gè)會(huì)寫(xiě)的。 對(duì)一件事情要有好奇心， 把整件事情拆分成很多小事情， 每一個(gè)小事情完成了就能獲得一個(gè)小小的成就感。 不是每個(gè)人都會(huì)把一件大事情拆成小事情的， 這個(gè)就看自己的造化了。不要想著離目標(biāo)很遠(yuǎn)， 完成眼前的小事情， 一步一步循序漸進(jìn)。對(duì)于職業(yè)定位上，我還是把自己定位成一個(gè)設(shè)計(jì)師的角色，寫(xiě)這些東西只能算是我的業(yè)余愛(ài)好。（靜電：太謙虛了...以后步子要小點(diǎn)以免扯....）

靜電：這么說(shuō)u大的真愛(ài)還是設(shè)計(jì)，其實(shí)現(xiàn)在很多設(shè)計(jì)師都想學(xué)習(xí)代碼，u大在這方面有什么建議?

utom：想去做那就去做吧~ 一步一步來(lái)， 不急不躁。不過(guò)要找準(zhǔn)自己的定位，不要迷失了方向就好。（靜電：突然想到一句歌詞，什么的自我來(lái)著...）

OK，聽(tīng)完靜電對(duì)utom的簡(jiǎn)短訪談，相信大家一定會(huì)對(duì)這個(gè)好玩卻很低調(diào)的大神有不少的了解。下面來(lái)聽(tīng)聽(tīng)各位Sketch粉絲對(duì)sketch measure插件的評(píng)價(jià)吧。

流年

在使用 Photoshop 進(jìn)行設(shè)計(jì)的年代，就算是最好的標(biāo)注軟件，如馬賽（ke）克（man）、像素外（da）賣(mài)（chu），盡管解決了設(shè)計(jì)師與程序員的基本溝通問(wèn)題，但是看起來(lái)還是慘不忍睹。而為 sketch 而生的標(biāo)注插件 Sketch Measure ，既解決了標(biāo)注問(wèn)題，也解決了視覺(jué)上的問(wèn)題，更重要的是，它非常高效，準(zhǔn)確，也因此使它成為 sketch 的必備插件和 sketch 最受歡迎插件之一。

靜電（靜design公眾號(hào)創(chuàng)辦者）

Sketch Measure是sketch使用者必裝的插件之一，他的優(yōu)秀素質(zhì)以及完全免費(fèi)的特性讓我愛(ài)不釋手。用了它，一像素的恩怨情仇從此不會(huì)再有，設(shè)計(jì)師和開(kāi)發(fā)工程師從此成為好基友，設(shè)計(jì)師們的設(shè)計(jì)稿還原程度更高，這無(wú)疑是一件對(duì)開(kāi)發(fā)者還是設(shè)計(jì)師來(lái)說(shuō)都是雙贏的事情。讓感性設(shè)計(jì)與理性思維迸發(fā)光芒，技術(shù)與美觀并重的軟件會(huì)越來(lái)越多。

對(duì)于sketch measure還比較陌生的讀者，可以看看如下的功能介紹，靜電相信你一定會(huì)愛(ài)上他的。

創(chuàng)建Overlay

測(cè)量尺寸

測(cè)量間距

標(biāo)注字體屬性

標(biāo)注圖層屬性

繪制標(biāo)簽

多種設(shè)備標(biāo)注方案

Sketch Measure標(biāo)注插件獲取方法

心動(dòng)了嗎？請(qǐng)?jiān)试S靜電安利一下它的安裝方法，有兩種（當(dāng)然你得首先安裝sketch這款應(yīng)用）：

使用sketch toolbox（下載地址 www.sketchtoolbox.com），安裝完成后搜索sketch measure即可下載到這款插件。
也可以在如下地址獲得sketch measure的壓縮包，解壓后雙擊sketch文件即可安裝：https://github.com/utom/sketch-measure

utom的Dribbble主頁(yè)地址：https://dribbble.com/utom

靜電的Sketch教程合集持續(xù)更新中：

1. 《SKETCH設(shè)計(jì)教室！從零開(kāi)始學(xué)APP設(shè)計(jì)利器SKETCH（一）》
2. 《SKETCH設(shè)計(jì)教室！從零開(kāi)始學(xué)APP設(shè)計(jì)利器SKETCH（二）》
3. 《SKETCH設(shè)計(jì)教室！帶你了解超好用的SKETCH插件》
4. 《想要一稿過(guò)不加班？SKETCH絕配神器MIRROR搶先體驗(yàn)》

靜電的Xcode教程合集持續(xù)更新中：

1. 《搞定一像素不求人！為設(shè)計(jì)師量身打造的XCODE教程（1）》
2. 《搞定一像素不求人！為設(shè)計(jì)師量身打造的XCODE教程（2）》
3. 《零代碼搞定交互動(dòng)畫(huà)！為設(shè)計(jì)師量身打造的XCODE教程（3）》
4. 《搞定Tab bar交互！為設(shè)計(jì)師量身打造的XCODE教程（4）》

投稿者：@JingDesign

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量97萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：