”

在日常工作中，UI設(shè)計(jì)師經(jīng)常思考如何提高自己和團(tuán)隊(duì)的效率？ 作為UI設(shè)計(jì)師的必備工具，我們已經(jīng)相當(dāng)熟悉了。 如何將其結(jié)合起來(lái)，提高我們自己和團(tuán)隊(duì)的工作效率？

”

的插件社區(qū)非?；钴S，經(jīng)常出現(xiàn)一些殺手級(jí)插件，可以幫助你大大提高你的設(shè)計(jì)效率。 明天我將為大家推薦9個(gè)超酷的輔助插件工具，并贈(zèng)送10個(gè)使用方法，希望對(duì)大家有所幫助。

輔助武器插件

一個(gè)UI設(shè)計(jì)最終的呈現(xiàn)，其實(shí)還是取決于設(shè)計(jì)師自身的努力。 另外，還必須考慮與后端工程師充分溝通，提高溝通效率。

舉一個(gè)很常見(jiàn)的例子，我們?cè)谧鲂⌒晚?xiàng)目的時(shí)候，經(jīng)常會(huì)遇到設(shè)計(jì)稿交付給后端工程師后需要更新的情況。 這種情況可能是由于需求變化或者早期設(shè)計(jì)不合理造成的。 而當(dāng)設(shè)計(jì)稿更新時(shí)，后端工程師實(shí)際上很難根據(jù)“畫板名稱”快速找出設(shè)計(jì)師更改的地方。

這時(shí)，設(shè)計(jì)者可以通過(guò)插件記錄自己的變更位置以及變更的描述。 我將此操作稱為 。

當(dāng)后端工程師打開有變更記錄的文件時(shí)，可以點(diǎn)擊插件菜單中的來(lái)查看設(shè)計(jì)者記錄的變更。 點(diǎn)擊后，他可以直接跳轉(zhuǎn)到更改的位置，并將更改的描述與設(shè)計(jì)稿進(jìn)行匹配。

右字體

這可能是我在 Mac 上遇到的最震撼的字體管理工具了。 事實(shí)上，我還沒(méi)有遇到過(guò)其他的。 我只是覺(jué)得簡(jiǎn)單高效，已經(jīng)有一見(jiàn)鐘情的感覺(jué)了。

打開后，界面上會(huì)出現(xiàn)右圖：

以下是 Mac 中的所有字體。 看到【葉根尤特凱傳統(tǒng)】旁邊的星星了嗎？ 您可以單擊它來(lái)保存常用的字體。 該字體可以在底部菜單的星號(hào)中找到。 至于用法，就更簡(jiǎn)單了。

打開它，在畫板中選擇你想要改變的字體，然后雙擊你喜歡的字體，你會(huì)驚訝地發(fā)現(xiàn)字體中的字體也發(fā)生了巨大的變化。

不僅可以直接選擇字體，還可以在里面的搜索框中找到你想要的字體（其實(shí)只是你Mac中存在的字體），并且可以根據(jù)字體樣式/字重/字寬三個(gè)維度來(lái)過(guò)濾字體。

此外，您還可以實(shí)際預(yù)覽字體樣式。 在中間點(diǎn)擊右鍵，選擇【...】，在輸入框中輸入您想要預(yù)覽的文字，這樣可以更方便您篩選出合適的字體。

在此過(guò)程中，它仍然會(huì)放置在屏幕的最前面，方便您快速選擇所需的字體。 同時(shí)，Mac 底部會(huì)顯示有 WIFI 和電池。

以前我管理圖標(biāo)的方式是在 中創(chuàng)建一個(gè)空白文件，將常用的圖標(biāo)拖放到里面，然后命名為【圖標(biāo)集】并保存……下次需要使用的時(shí)候就會(huì)打開，從上面一一挑選。 入坑后，我當(dāng)時(shí)確實(shí)不知道還有圖標(biāo)管理工具，所以只能用這些笨辦法，直到今天在微博上看到相關(guān)話題。 （請(qǐng)忽略我用薄、中、厚來(lái)命名我收集的圖標(biāo)素材……）

至于使用，感覺(jué)就是個(gè)白癡。 先打開它，然后選擇哪個(gè)【+】創(chuàng)建一個(gè)目錄，命名，然后導(dǎo)出你日積月累的素材。 目前支持三種格式的圖片：SVG、PNG、Gif。 建議大家盡量保留SVG，這樣可以對(duì)圖標(biāo)進(jìn)行二次修改。

之后，當(dāng)你需要圖標(biāo)時(shí)，打開它，只需將你想要的圖標(biāo)拖到設(shè)計(jì)界面中就可以了。 它如此簡(jiǎn)單、快速、高效，簡(jiǎn)直令人發(fā)指。

使用完它后，我做的第一件事就是刪除其他標(biāo)記工具。 與其他標(biāo)記工具相比，性能明顯更高，并且強(qiáng)調(diào)它是設(shè)計(jì)師和后端的協(xié)作工具。

安裝完成后，在 中選擇您要標(biāo)記的頁(yè)面，使用快捷鍵[?+E]快速導(dǎo)出到 中，您將看到如上所示的屏幕。 兩側(cè)會(huì)顯示界面顏色，當(dāng)選擇某個(gè)元素時(shí)，左側(cè)會(huì)出現(xiàn)各種元素sketch標(biāo)注插件，如右圖所示：

我之所以把它放在第一位，不僅是因?yàn)樗且粋€(gè)非常好用的插件，而且它還具有快速安裝其他插件的功能。

通過(guò)，你可以快速運(yùn)行它自帶的各種命令。

可以快速切換到任意文件、畫板、頁(yè)面等。

最方便、最常用的是快速插入。

怎么樣，是不是有點(diǎn)像設(shè)計(jì)界呢？ 有興趣的同學(xué)可以去官網(wǎng)了解更多功能。

稻田

作為一個(gè)網(wǎng)站，最痛苦的事情之一就是在設(shè)計(jì)稿中添加固定的設(shè)計(jì)組件，比如，Label等。Web和App最大的區(qū)別就是設(shè)備空間的區(qū)別。 很多情況下，元素的寬度和高度是無(wú)法設(shè)置的，而必須根據(jù)上面具體的文本內(nèi)容來(lái)調(diào)整寬度和高度。 之前好像也有類似的插件，但是都不是很好用。 直到Paddy的出現(xiàn)，這個(gè)問(wèn)題才基本解決。

所以Paddy的核心功能就是，當(dāng)你設(shè)置了上下左右的值后，能不能根據(jù)你內(nèi)容的變化，快速適應(yīng)外容器的寬度和高度，非常方便。

最近，軸測(cè)圖形設(shè)計(jì)開始流行，很多設(shè)計(jì)師都渴望在其上設(shè)計(jì)自己的軸測(cè)圖。 通過(guò)這個(gè)插件，您可以快速繪制軸測(cè)圖并做各種其他效果。 快來(lái)嘗試一下吧！

另外，如果想在動(dòng)畫中達(dá)到療效的效果，可以使用Magic工具，但由于這種以圖像處理為主的操作，我還是更喜歡在PS中進(jìn)行，有需要的同學(xué)可以自行獲取。

工藝

Craft 是一套適用于 和 的插件，可幫助您簡(jiǎn)化設(shè)計(jì)過(guò)程中的手動(dòng)填寫，提高工作流程效率，專注于設(shè)計(jì)本身。 作為一個(gè)工具套件，Craft 包含以下工具：

為了

Ink Knife是國(guó)外知名的在線原型制作工具，最近新增的設(shè)計(jì)稿在線標(biāo)注功能可以說(shuō)開創(chuàng)了標(biāo)注工具的新高度。 您只需通過(guò)Ink Knife插件上傳設(shè)計(jì)稿，就可以在Ink Knife中輕松設(shè)計(jì)出高保真原型。 您還可以快速查看設(shè)計(jì)稿的標(biāo)記。 有了如此便捷的功能，您還需要一遍又一遍地將設(shè)計(jì)稿導(dǎo)入本地嗎？ 當(dāng)然不是！

指示

通過(guò)快捷鍵調(diào)整圖形的形狀

選中圖形，按住 鍵，然后使用上、下、左、右方向鍵以 1 像素為單位調(diào)整圖形的形狀。 同時(shí)按住Shift箭頭鍵，可以調(diào)整10個(gè)像素。

復(fù)制元素

選擇一個(gè)元素，按D鍵進(jìn)行復(fù)制； 默認(rèn)情況下，復(fù)制的新元素與原始元素具有相同的位置，并覆蓋在原始元素上。

據(jù)悉，按住該鍵同時(shí)拖放目標(biāo)元素也可以實(shí)現(xiàn)復(fù)制； 保持復(fù)制的新元素仍處于選中狀態(tài)，連續(xù)使用D快捷鍵即可實(shí)現(xiàn)以上次自動(dòng)拖拽距離為間隔單位進(jìn)行多份復(fù)制。

明智的選擇

按住 鍵，拉動(dòng)多個(gè)元素的選擇框，最后只有完全在選擇框內(nèi)的元素才會(huì)被選中，而其他元素將被忽略。

分組和解組

選擇多個(gè)元素并按 G 將它們合并到一個(gè)組中。 選擇一個(gè)組并按即可實(shí)現(xiàn)取消分組。

群組內(nèi)的廣播

要選擇組中的特定元素，不需要在視口列表中查找，按住按鍵，同時(shí)用鍵盤直接指向該元素sketch標(biāo)注插件，就可以“穿透”組，直接選擇該元素。

將畫板的縮放比例恢復(fù)為 100%

按 0 可快速將畫板縮放比例恢復(fù)至 100%。

調(diào)整縮放比例并同屏呈現(xiàn)

按1可快速將畫板調(diào)整到合適的縮放比例，并且所有畫板可以同時(shí)顯示在視圖中。

將視圖聚焦在所選元素上

按 2 可將編輯區(qū)域的視圖焦點(diǎn)快速移動(dòng)到所選元素或畫板。

將元素放在視口序列中的第一個(gè)或最后一個(gè)

按住該鍵，底部工具欄中的“前進(jìn)（）”和“后退（）”按鈕將手動(dòng)更改為“”和“”，以便將所選元素排列在視口序列的開頭或末尾。

10

重命名視口

選擇一個(gè)元素，按R鍵，視口列表中該元素的條目進(jìn)入可編輯狀態(tài)。 這時(shí)，只需輸入新的視口名稱即可。

教程和插件下載

登錄中文社區(qū)，您可以找到所有這些插件的下載地址，以及完全免費(fèi)的設(shè)計(jì)教程和信息。 記住地址：

對(duì)過(guò)去的精彩回顧

如有侵權(quán)請(qǐng)聯(lián)系刪除！