Sketch外掛和工具使用，讓你的設計效率翻倍

2018年9月20日更新：

UI中國這個編輯器真的有毒啊！我編輯了好久的文章提示我立即釋出重新整理頁面，結果我的文章全沒啦！！！！！欲哭無淚T T看在我認真重新編輯了一遍的基礎上，給我一個小心心以表鼓勵吧~

工欲善其事必先利其器，在日常工作中，怎麼樣提高自己及團隊的工作效率應該是很多設計師和團隊在思考的問題。Sketch作為UI設計師的必備工具，我們已經相當熟悉，如何結合Sketch來提高自己以及團隊的工作效率呢，我從下面幾個方面結合自己的經驗做個簡單分享。

01

—

Symbol的使用方法

Symbol的使用場景主要集中在模組化設計，如何合理的利用模組化思維進行設計工作，是現在的設計師需要思考的一個問題。那麼什麼是模組化設計呢，對於產品體驗設計而言，模組化設計就是將產品流程、產品結構、互動方式、表現形式等產品的主要組成要素模組化。通過模組化設計可以讓我們在差異化跟高效之間找到一個合適的平衡點。

模組化設計主要分為以下步驟：模組劃分——模組設計——模組組合，這裡主要針對模組的劃分以及模組的設計進行重點說明。首先模組是由控制元件組成，主要包括字型，按鈕，圖示，列表等，模組跟控制元件是父子關係。

以下面的例子來看，圖示和文字組成一個模組，以這個模組先建立一整個Symbol，然後因為圖示的變化決定入口的變化，所以再以圖示為單位建立一個Symbol，這樣就是Symbol套Symbol；

之後回到設計稿，分別放置N個模組，然後對不同模組在Ovrrides中選擇不同圖示即可進行切換，這裡還要注意儘量規範化命名Symbol，於自己於同事觀察檔案的時候也方便理解你的Symbol。

以例子來理解，在模組劃分標準上要遵循：

單一性（模組顆粒度要小，一個模組解決一個需求）

完整性（內部流程可打通，形成閉環）

獨立性（每個模組和其他模組的依存關係要低，以便跟其他模組組合適配）。

在模組設計的部分遵循：

複用性（儘可能的提高複用模組佔比）

延展性（考慮一定的模組控制元件可拓展性，以便處理在一定範圍內的差異性處理）

互換性（需要主意對外資訊結構一致，保證全域性資訊結構快速互換）

工具只是實現想法的一種媒介，我們應該多思考，舉一反三，將工具跟想法結合起來才能達到效率和質量的的最大化。

02

—

Sketch外掛推薦和技巧說明

一 . 外掛

1 .Rename it

批量重新命名檔案，快捷鍵control＋command＋R

下載地址：https://github.com/rodi01/RenameIt

試用感受：用來管理圖層非常好用。鍵入%N或%n根據排序命名，鍵入％w或％h根據寬度或高度命名，鍵入*代表圖層原名，還支援查詢替換圖層名。

推薦指數：★★★★★

2 .Midnight

讓Sketch介面變成黑色模式，此外掛提供了7天免費試用時間，過期就要收費啦~

下載地址：https://midnightsketch.com/

試用感受：很像新版的Photoshop，對於一天盯8小時的Sketch來說，黑色能減少視覺疲勞，同時在一波同事的電腦螢幕裡，也算一股清流了，哈哈~試用版用用圖個好玩，畢竟不支援支付寶這就沒辦法了~

推薦指數：★★★✩✩

二 . 技巧