Sketch近幾年憑著大量的插件和免費教程迅速發(fā)展，而Sketch的忠實粉絲們也樂于將他們的免費模型分享出來。這也意味著你會在網(wǎng)上找到更多的免費Sketch素材，從完整的模型到內(nèi)容詳實的UI套件。

為幫助初學者們早日踏入設計之門，在這篇文章中，摹客君將和大家分享前10個最好的Sketch UI界面設計套件，從Android/iOS UI 界面設計，到線框UI設計到網(wǎng)頁設計，總有一款UI界面設計套件你會用到！

Sketch Android UI界面設計套件

1. Android 8.0 Oreo Kit Sketch Resource

設計師：Steph Kelly

價格：免費

標簽：#Android #material #kit

特點：

• Google Material Design UI風格
• 全套App界面設計
• Material Design配色
• 27個安卓屏幕

地址：

https://www.sketchappsources.com/free-source/3038-...

2017年8月22日，谷歌正式發(fā)布了Android 8.0的正式版，正式名稱為：Android Oreo（奧利奧）。目前關于奧利奧系統(tǒng)的設計模板并不多，此款界面設計工具包為廣大安卓界面設計師朋友提供了非常細節(jié)化的體驗和參考。經(jīng)典的谷歌懸浮按鈕設計和Material Design風格的配色設計、導航欄設計都讓人眼前一亮。

2. Material Design UI Kit Boilerplate Sketch Resource

設計師：Joe Toscano

價格：免費

標簽：#Android #material #kit

特點：

• Material Design設計風格
• 色彩設計
• 按鈕設計
• 免費谷歌字體

地址：

https://www.sketchappsources.com/free-source/1661-...

該套件將為設計師們提供了原子設計的所需要的原子以創(chuàng)造任何想要實現(xiàn)的效果。在這個UI設計套件中，所有的原子都變成了符號，而做為初學者的你所要做的就是復制并運用到你的Sketch設計中。

3. Android TV UI Sketch Resource

設計師：Qi Qu

價格：免費

標簽：#Android #UI

特點：

• 基于Material Design
• 網(wǎng)格視圖
• 瀏覽車道（折疊/展開視圖)
• 大屏幕體驗設計

地址：

https://sketchrepo.com/free-sketch/android-tv-ui-kit-for-sketch-freebie/

這款Android TV用戶界面設計為大屏幕應用程序提供了體驗模板。通過對這款特別的UI界面設計的學習，你可以了解大屏幕應用在主界面中的呈現(xiàn)方式以及應用將如何幫助用戶快速獲取所需內(nèi)容。這對提升Android TV的用戶體驗非常重要。最重要的一點，此類應用程序必須滿足特定的設計要求才能在Google Play上成為Android TV應用。

Sketch iOS UI界面設計套件

1. iOS 11 UI Kit for iPhone X Sketch Resource

設計師：Meng To

價格：免費

標簽：#iOS #iPhone #kit

特點：

• 基于蘋果人機交互指南
• 扁平化設計
• 漸變色應用
• 可定制的iOS 11本地組件

地址：https://dribbble.com/shots/4109024-Design-Code-iOS...

這款設計是由Design + Code團隊為Sketch創(chuàng)建的最全面的iOS 11 UI套件。 所有組件，布局和印刷都是根據(jù)Apple的人機界面指南制定的。所有元素都可以輕松調(diào)整到任何寬度或高度，適用于不同尺寸的屏幕。大多數(shù)符號都是在定制的基礎上創(chuàng)建的，你可以隨時覆蓋符號標簽，圖標或狀態(tài)。

2. W1 UI Kit for watch Apps

設計師：Yuriy_Kondratkov

價格：51美元

標簽：#iOS #UI #kit

特點：

• 200+屏幕設計
• 漸變色應用
• 可定制的UI設計元素
• 輕量級交互

地址：https://themeforest.net/item/w1-ui-kit-for-watch-a...

W1 UI Kit - Apple Watch應用程序的最大UI套件。W1包含200多個屏幕，可滿足你在設計過程中可能遇到的任何需求。每個屏幕都可以完全自定義，也易于導入Sketch進行再次創(chuàng)作。W1 UI Kit是為Apple Watch設計自定義應用程序的最佳方式。

Sketch 線框UI界面設計套件

1. Mobile UI Wireframe Kit Sketch Resource

設計師：Ray Macari

價格: 免費

標簽：#iOS #Android #kit #wireframe

特點：

• 56移動線框拼貼
• 基本的UI元素
• 標注和注釋圖標
• 手勢圖標

地址：https://gumroad.com/l/wireflows

使用現(xiàn)成的線框圖模型將會大大提升用戶體驗設計工作流程和效率。你可以使用Mockplus等原型工具導入Sketch文件，利用已有的手勢圖標和注釋元素以及用于快速更改樣式的符號，只需添加交互便可快速完成設計。對于初學者來說，這是一款很好的學習基本的頁面布局，應用程序架構，內(nèi)容和用戶界面流程的線框設計。

2. WeDot - Wireframe UI Kit

設計師：Marko Jotic

價格：免費

標簽：#wireframe #ui #kit

特點：

• 170+即可使用布局
• 100+素描符號
• 100％響應式矢量布局
• 適用于Sketch，XD等多種格式

地址：https://ui8.net/products/wedot-wireframe-ui-kit

借助這個UI套件，僅需2分鐘即可創(chuàng)建或設計任何類型的網(wǎng)站或應用程序，與Sketch，Photoshop，Adobe Xd等兼容。該設計中所有布局和模板都基于12列Bootstrap網(wǎng)格，并且很容易組合在一起，是一個完全可編輯的和基于矢量的響應式線框UI套件。

Sketch 網(wǎng)頁UI界面設計套件

1. Simple Portfolio Template PSD-Sketch

設計師：Mehmet Zinnur Öcal

價格：免費

標簽：#portfolio #web #sketch

特點：

• 谷歌字體
• Bootstrap
• 支持PSD Sketch＆Html下載

地址：

https://www.behance.net/gallery/63901069/Barts-Fre...

網(wǎng)頁設計作品集對于大多數(shù)想要推銷自己的設計師來說，是個非常重要的展示渠道。這款UI界面設計套件滿足了，字體、文字、圖片等網(wǎng)頁設計所需要的元素。兼容Sketch和PSD。

2. 4ocal Web UI Kit for Sketch

設計師：4ebstudio

價格：免費

標簽：#web #ui #kit

特點：

• 基于網(wǎng)格
• 完全可定制
• 矢量形狀
• Google字體
• 10+著陸頁設計

地址：https://elements.envato.com/4ocal-web-ui-kit-for-s...

4ocal是一個專業(yè)的網(wǎng)絡用戶界面工具包，可用于商務演示和推廣。此套件中每個模板都是完全可定制的，易于使用，完全的Sketch文件。里面的圖片都是完全可替換的。

3. Portland UI Kit

設計師：getCraftwork

價格：免費

標簽：#UI #kit

特點：

• 免費谷歌字體
• 大量基本設計元素
• 完美的圖層組織
• 基于網(wǎng)格

地址：https://elements.envato.com/portland-ui-kit-4ZGTEN

這是一款完美，優(yōu)雅和明亮的用戶界面工具包。它結合了美觀和可用性，絕對是您值得收藏的模板！免費字體，大量的設計元素，滿足你各種網(wǎng)頁設計需求。基于矢量的組件完全兼容和可編輯.

以上10個Sktech UI設計套件是摹客君個人最喜歡的，也希望能為各位帶來靈感碰撞出更多更優(yōu)秀的設計和理念。當然，基于摹客家支持Sketch插件導入的特點，以上設計都可以通過插件導入到Mockplus軟件中進行自定義設計或二次創(chuàng)作。

更多Sketch UI界面設計套件資源：

1. Sketchappsource

2. Envato

3. Dribbble

4. Behance

5. UI8

6. ThemeForest

7. Uipixels

你可能也會喜歡：

不能錯過的Sketch實用新技巧和資源集錦

Sketch小妙招：在線分享設計