WordPress 主题和插件设计师的 25 个草图资源

Sketch 是一种流行但遗憾的是 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 的文章缩略图