WordPress 主題和插件設計師的 25 個草圖資源
已發表: 2017-07-18Sketch 是一種流行但遺憾的是 Mac 專用的設計工具，它在過去幾年中真正流行起來。 雖然您可以將它用於各種設計，但設計師使用 Sketch 的一種方式是為 WordPress 主題和插件創建設計。
為了幫助那些使用 Sketch 的 WordPress 設計師，我們認為我們已經為 WordPress 主題和插件設計師收集了一些我們最喜歡的 Sketch 資源。 他們來了！
WordPress 設計師的 25 個草圖資源
以下資源將涵蓋各種類別。 但這裡有一個你會發現的粗略概述：
- 特定於 WordPress 的管理模板
- 圖標集
- 適用於各種設計風格的 UI 套件
- 您可以藉鑑的網站設計理念
- 特定元素，如視頻播放器或 Facebook 內容
- 幾個原型/模型資源
讓我們潛入吧！
1. WordPress 管理模板 Sketch 資源
讓我們從每個 WordPress 用戶都熟悉的東西開始——WordPress 編輯器。 在 Gutenberg 編輯器發布並更改所有內容之前，您可以使用此 WordPress 管理模板快速設計將顯示在 WordPress 編輯器中的插件或主題的一部分。
價格：免費 | 更多信息
2. WordPress 後台帖子模板 Sketch 資源
如果您需要對 WordPress 儀表板進行不同的查看，此 Sketch 資源會顯示整個帖子列表，而不是單個 WordPress 編輯器。 同樣，如果您需要設計一些顯示在 WordPress 後端某處的東西，這是一個有用的選擇。
價格：免費 | 更多信息
3.草圖的谷歌材質圖標
該資源包括直接從 Google Material 圖標網站提取的 900 多個圖標，可供您在設計中使用。
價格：免費 | 更多信息
4. 界面元素
來自 Piotr Adam Kwiatkowski 的一組時尚的免費 UI 元素。 這些元素涵蓋了各種用途，從表單到產品列表等等。
價格：免費 | 更多信息
5.材質UI套件
使用材料設計尋找您的主題或插件界面？ 在您構建設計時，這些來自 Sergiu Firez 的材料設計元素可能會派上用場。
價格：免費 | 更多信息
6. Bootstrap3 網格模板
使用 Bootstrap 構建主題？ 當您設置佈局時，來自 Gauthier Eloy 的這個 Bootstrap 3 網格資源可能會派上用場。
價格：免費 | 更多信息
7. 免費平面 UI 套件
如果你打算為你的主題或插件使用扁平化設計風格，Pavel Kreewtsov 提供的這個華麗的免費扁平化 UI 工具包是一個不錯的選擇，可以讓你開始使用一些常見的界面元素。
價格：免費 | 更多信息
8. Font Awesome 4.3 for Sketch 中完整的 519 個圖標集
Font Awesome 是 WordPress 用戶非常流行的圖標集。 我們甚至寫了一篇關於如何將 Font Awesome 圖標集成到 WordPress 的整篇文章。
如果你想在 Sketch 中使用這些相同的圖標，Sasha Lantukh 很樂意將它們轉換過來。 雖然 Font Awesome 5.0 可能讓它有點過時，但這個應該仍然很有幫助。
價格：免費 | 更多信息
9. Bootstrap 3 矢量 UI 套件
需要一些 Bootstrap 3 UI 元素與上面的 Bootstrap 3 網格配對嗎？ 此 UI 套件包含矢量格式的所有 Bootstrap 3 UI 控件，以及 Glyphicons 和獎勵 UI 元素。
它在 Sketch、Adobe Illustrator 和 PDF 文件中均可用。 所以如果你厭倦了 Sketch，你仍然可以使用這些元素！
價格：免費 | 更多信息
10.電子商務UI套件
使用 WooCommerce、Easy Digital Downloads 或其他 WordPress 電子商務解決方案？ 來自 Five Agency 的這款華麗的電子商務 UI 套件可能會幫助您。 它包含 50 多個屏幕，均可用於移動設備。
價格：免費 | 更多信息
11. 40 個社交圖標
這裡沒有什麼特別花哨的東西——只是一套方便的 40 個社交媒體圖標，有 3 種不同的風格。 很少能找到沒有社交媒體圖標的 WordPress 網站，因此您絕對可以充分利用這些圖標。
價格：免費 | 更多信息
12. 新的 YouTube 播放器
需要在您的設計中包含 YouTube 播放器嗎？ 也許是帖子格式或插件元素？ Nicolas Carey 為 YouTube 播放器整理了這個免費的素描資源。
價格：免費 | 更多信息
13. 模型設備集合
來自 Facebook 團隊的這個有用的模型集合提供了各種設備，您可以使用它來模擬您的設計。 雖然我懷疑您是否會將智能手錶用於 WordPress 設計，但其他元素應該會派上用場。
價格：免費 | 更多信息
14. Checkout 查看草圖資源
對於以電子商務身份使用 WordPress 的任何人來說，這是另一個有用的資源。 它完全專用於結帳視圖。
價格：免費 | 更多信息
15. Wistia 視頻播放器皮膚素描資源
與 YouTube 一樣，Wistia 是另一個視頻播放器，您會在許多 WordPress 網站上看到。 Mikey Casalaina 提供的 Sketch 資源包括完整的 Wistia 播放器以及一些特定元素。
價格：免費 | 更多信息
16. 支付標誌
這個簡單的 Sketch 資源包括各種不同支付方式的支付標誌，包括最近更新以說明萬事達卡標誌的變化。
支付標誌適用於各種不同的設計類型，所以這個應該是非常通用的。
價格：免費 | 更多信息
17. 1800 個圖標集
需要比 Font Awesome 集提供的更多的 Sketch 就緒圖標嗎？ Alexandru Stoica 將這一龐大的 1,800 多個圖標組合在一起，涵蓋了各種用途（並且按用途進行了類似的組織以便於搜索）。
價格：免費 | 更多信息
18. Facebook 帖子
Facebook 帖子很可能會出現在 WordPress 側邊欄和內容中。 如果您需要在設計中的某處包含 Facebook 帖子，Pedro Ribeiro 提供的這個簡單資源可以為您節省一些時間。
價格：免費 | 更多信息
19.登陸UI套件
如果您需要創建一個專用的登陸頁面作為主題的一部分，lstore.graphics 的這個龐大的登陸頁面 UI 工具包可以幫助您處理大量不同的元素。 這些是創建專用主頁或類似內容的不錯選擇。
價格：免費 | 更多信息
20. 草圖 3 備忘單
好的 - 這不是 WordPress 特定的。 但它是一個方便的備忘單，可幫助您更高效地使用 Sketch，我認為這非常有幫助！
價格：免費 | 更多信息
21. 我最好的餐廳
如果您從事與餐飲業相關的任何工作，那麼來自 Vivien Bocquelet 的免費 Sketch 資源可能會派上用場。 它包括菜單、聯繫信息等元素。
價格：免費 | 更多信息
22. 基本原型模板
一組樣式和符號，可幫助您快速創建插件或主題的原型。
價格：免費 | 更多信息
23. 氦氣 UI 套件
來自 Karl Schmidt 的彩色 UI 套件。 這絕對不會適用於每一種風格，但它非常華麗。
價格：免費 | 更多信息
24. Kanbio App登陸頁面
一個輕鬆的著陸頁資源，可讓您走上正軌。 同樣，這個非常適合專門的主頁。
價格：免費 | 更多信息
25. 靈活的 UI 套件
最後，讓我們用 Kristaps Elsins 提供的這個華麗的 UI 套件來完善它，它涵蓋各種不同的用途，包括流行元素，如註冊表單、定價表、日曆等。
價格：免費 | 更多信息
你最喜歡的素描資源是什麼？
我盡力為 WordPress 設計師找到一些最好的 Sketch 資源。 但是有大量的 Sketch 資源可用，我無法查看每一個。
因此，如果我錯過了您認為可以幫助其他設計師的重要資源，如果您在評論中分享，我會很高興。 這樣，我們都可以從每個人的集體知識中受益！
Nub1 Iconsdesign/shutterstock.com 的文章縮略圖