從“自學設計”到現(xiàn)在能夠獨立設計UI，我一直都在使用這個UI設計工具。 簡單、輕量、高效是我喜歡它的原因。 但學習并使用好一個工具并不容易。 特別是，除了掌握它的主要功能之外，你還需要了解有哪些插件和資源可以幫助你更高效地完成UI設計。 下面是工匠們自使用以來收集整理的相關工具、插件、資源和教程。 希望對那些Skech初學者也有幫助。

工具

3

它是一個簡潔而現(xiàn)代的UI設計工具。 只有幾十MB，比噪聲中小得多。 另外，通過強大的插件功能，我可以根據(jù)需要安裝使用，大大提高了我的工作效率。

除了 Skech 本身之外，您需要安裝的第一個工具是 Skech，它可以方便您搜索、安裝和管理您的插件。 此外sketch 圖標庫插件，它還可以自動更新已安裝的插件。

應用商店

在將您的應用程序發(fā)布到應用程序商店之前，您需要制作一些優(yōu)秀的屏幕截圖并將它們放在應用程序的簡介中。 App Store 將是您需要的工具。 您在其中完成的設計可以轉(zhuǎn)換成漂亮的屏幕。 截屏。

插件工藝

Craft 開發(fā)的插件 Craft 可以快速收集真實用戶頭像、用戶名、文章標題、時間等數(shù)據(jù)，供您的設計稿使用。 同時，您可以通過函數(shù)快速創(chuàng)建包含標題、頭像、內(nèi)容等的列表項。 該插件可以幫助設計師節(jié)省大量時間。 （優(yōu)酷視頻：發(fā)布高效插件Craft）

體液

Fluid允許你通過數(shù)學表達式對中的元素或組設置位置約束，非常實用。

設計師可以從Skech導入內(nèi)容并快速生成一套風格指南（包括調(diào)色板、元素位置約束、元素尺寸等），以便開發(fā)人員可以輕松參考這套風格指南進行開發(fā)并還原設計。 。

魔法

通過Magic，您可以將在Skech中所做的設計進行變換，并將其放置在不同的物理模型上（例如平放的iPad，或握在手中的iPad等），這對于展示您的設計非常有用。 幫助。

代碼為

此 Skech 插件可將您的設計直接轉(zhuǎn)換為 Swift 或代碼。

SF UI 字體修復器

iOS 9的San字體具有非常好的可讀性，但使用它也有嚴格的要求。 您必須根據(jù) Apple 的使用指南，根據(jù)字體大小準確調(diào)整字體和文本之間的字符間距。 SF UI Font Fixer 可以幫助您自動轉(zhuǎn)換。

樣本允許您輕松保存或?qū)肴只蛭臋n樣本。 推薦的調(diào)色板對于您的 iOS 設計也非常有幫助。 我們通?？梢詮陌?iOS、 和 Flat UI 在內(nèi)的全局調(diào)色板開始。

圖標字體

圖標字體允許您從數(shù)千個圖標庫（包括字體和圖標）中選擇您需要的圖標，并將它們應用到您的設計中。

它可以批量生成列表中的標題、內(nèi)容、頭像、圖片等真實內(nèi)容。 這將設計師從大量重復性工作中解放出來。

在日常設計中，您可能需要處理很多帶有文字的按鈕。 每次文本內(nèi)容發(fā)生變化，都需要相應調(diào)整按鈕的寬度，非常麻煩。 使用此插件，您只需調(diào)整文字，按鈕就會根據(jù)預設設置自動調(diào)整。

當設計師將設計交付給開發(fā)團隊時，為了方便開發(fā)人員還原設計，需要在設計工作中添加風格描述。 它可以幫助您在設計中添加樣式、尺寸、元素間距等信息，從而有效簡化設計人員和開發(fā)人員之間的溝通。

查找并

當您需要同時替換多個或多個圖層中的某個文本時，“查找”和“查找”非常有用。 它可以幫助您執(zhí)行批量替換操作。

git

使用此插件，您可以將您的設計工作直接保存到應用程序中，并通過它查看修改前后的變化。

Mira：在時實時

對于用戶來說非常有用，因為它僅在 iOS 系統(tǒng)中可用。

對我進行排序

當你的設計稿因為層數(shù)越來越多而變得非?；靵y時，Sort Me 可以幫助你重新排序所有內(nèi)容。

資源應用程序

最早出現(xiàn)的Sekch資源站，包括大量的教程、文章、插件等內(nèi)容。

應用程序搖滾！

全新的資源網(wǎng)站sketch 圖標庫插件，包含插件、圖標、教程、模板等資源

斯凱奇中文網(wǎng)站

國內(nèi)知名的Skech資源網(wǎng)站，包括一些翻譯教程、資源和中文社區(qū)。

回購協(xié)議

Repo包含大量免費的優(yōu)質(zhì)Skech資源。

講話

Skech Talk 是一個針對使用它的設計師的開放社區(qū)，設計師之間有很多討論。

教程3

這是一套22集的Skech教程，非常適合初學者學習如何使用Skech。 （教程已下載，可通過微信獲?。?/p>

應用程序圖標制作教程

這是之前非常著名的App圖標制作教程。您還看到了該教程的中文翻譯版：繪制三維時尚質(zhì)感的iOS應用程序圖標

應用程序

Skech 教程系列中有 5 篇文章。 作者從零開始，帶你了解各種重要的功能，并給出了一些作者自己的輔助工具建議，非常值得參考。

在

上一篇文章是一個很棒的教程，教您如何使用 Skech 中的各種工具來創(chuàng)建不同的矢量圖形。

快捷鍵

用一頁的時間讓你學會Skech中的所有快捷鍵。

從 A 到 Z

這是關于字母索引的教程。 里面包含了很多基本的使用方法和技巧，非常實用。

如果您也有推薦的 Skech 資源，請在評論中分享^_^

如有侵權請聯(lián)系刪除！