Sketch是一款獨特的應用程序，為創建應用程序UI設計和模型以及網站設計提供了驚人的功能。 為應用程序創建有效的UI需要大量時間，對細節的關注，而且最重要的是，需要一個合適并具有特色的想法！


為了簡化創建應用程序界面的設計過程，我們收集了可用于下一個應用程序項目的Sketch UI模板和素材，希望可以幫助你更快的搭建去自己的設計。

所有這些資源中都帶有數百個UI設計元素，可以在你的設計中輕松進行調整。

1.Landing UI Kit Sketch Templates



這是一個具有3種不同布局的登錄頁模板套件。 每個模板還具有多種格式，包括Sketch，Photoshop，Figma和Adobe XD。 你可以使用自己喜歡的應用程序對其進行編輯。

2.BARIUM – Multipurpose Card-Based UI Kit



Barium是一個多功能UI套件，具有一組基于卡片式設計的應用程序頁面，可用于制作不同類型的應用程序用戶界面。 該資源包括30種不同的iOS屏幕模板，這些模板具有15種熱門類別的設計。

3.Spojeeto – E-commerce Mobile App UI Kit



此UI套件具有13個獨特的移動應用程序屏幕，可讓你為各種類型的商店和企業設計獨特的電子商務類型的應用程序界面。 此包中的所有模板均具有可調整和可編輯的圖形。

4.The 1989 – Sketch Website UI Template



這是一個網站設計相關的用戶界面，具有多種設計布局。 它包括2種不同的首頁設計，7種投資組合頁面布局，6種博客布局，以及你可以用來制作專業網站或登錄頁面的更多內容。

5.Free Social Network UI Sketch Template



一個免費的Sketch模板，可用于制作時尚的社交用戶界面。 該模板具有Sketch和Photoshop文件格式。 你可以以此為靈感來創建自己的獨特項目。

6.Dashboard & Statistics UI Sketch Template



此模板包最適合用于設計具有統計信息和圖表的現代和創意的移動應用程序。 它包括各種樣式和類別的設計，例如業務，咨詢，審計，研究等。

7.Paper – Wireframe Kit Sketch Template



Paper是一個通過Sketch創建的完整線框圖工具包，可用于在Sketch中創建網站設計的快速模型。 該模板中包含10個不同類別的各種元素，其中包括網站標題，博客，產品組合，價格表等。

8.Cards UI Kit – Admin Panel Dashboard Concept



Cards是一個管理儀表板類型的UI套件，具有精美的現代的設計。 它具有專為Bootstrap布局設計的時尚布局，并且模板也與Sketch，Photoshop和Adobe XD兼容。

9.Prycie – Pricing Table UI Kit Template



這是Sketch UI工具包模板的集合，其中包含具有各種設計風格的圖表套件。 它包含10種不同樣式的圖表，你可以使用它們來構思不同網站設計和應用程序設計項目的靈感。

10.Harmony – Free Sketch UI Kit



這個免費的UI資源包集合了一組用于創建和遠足活動相關的應用程序的移動端設計。 當然，你也可以使用此UI套件的元素并從中尋找靈感來創建其他類型的應用程序。

你可能不知道的5個Sketch App提示

使用這些提示，你將能夠增強Sketch應用程序的工作流程。

1.學習壓縮文件大小（Learn to Reduce File Size）

Sketch文件通常包含許多畫板，在設計中包含大量圖像的應用程序界面和網站登錄頁面時可能會出現加載緩慢等問題。 因為它會影響設備性能，甚至會創建難以共享的較大文件。

Sketch應用程序內置了一個針對此問題的簡單解決方案。 只需轉到“文件”菜單，然后選擇“減小文件大小”。 然后單擊減少就可以自動優化畫板上元素的圖像和文件大小。

2.元素關聯（Leverage Symbols）

這是Sketch中的一項有用的功能，可讓你創建相互關聯的元素。 例如，你可以創建一個按鈕并將其另存為主符號。 然后，你可以使用它來創建更多按鈕。 當你編輯主符號并進行更改時，它也會同步影響所有其他按鈕。

這是一項很棒的技術，可以幫助你在編輯和設計帶有重復元素的用戶界面設計時節省時間。

3.填充圖像（Use Images as Fills）

如果你無法找到適用于對象，應用程序或網頁設計布局的正確背景顏色，則可以輕松地使用圖像。

為此，只需在Sketch中打開“填充”選項卡，然后將圖像拖放到選定的“填充”層上即可將其用作背景填充。

4.關閉自動保存（Turn Off Auto-Save）

Sketch應用默認情況下已啟用自動保存。 自動保存既有用但是依然會帶來一些麻煩，比如您你無法撤消之前的更改。

如果你不喜歡自動保存功能，則可以輕松將其關閉。 只需轉到“首選項” >>“常規”菜單中可禁用自動保存即可。

5.導出（Automatic Exports）

你可以使用許多不同的方法在Sketch中導出文件。 但是，大多數用戶并不了解導出文件和元素的最簡單方法之一。

你所要做的就是將圖層或組文件夾拖放到桌面上。 它將自動保存為PNG文件，就這么簡單。

總結

Sketch是一個功能強大的應用程序，熟練的使用將可以幫助你完成許多設計工作并幫助你節省大量的時間和不必要的流程。