25 ресурсов по Sketch для разработчиков тем и плагинов WordPress

Sketch - популярный, но, к сожалению, специфичный для Mac инструмент для дизайна, который действительно стал популярным в последние пару лет. Хотя вы можете использовать его для всех видов дизайна, один из способов, которыми дизайнеры используют Sketch, - это создание дизайнов для тем и плагинов WordPress.

Чтобы помочь тем дизайнерам WordPress, которые используют Sketch, мы решили собрать некоторые из наших любимых ресурсов Sketch для дизайнеров тем и плагинов WordPress. Они здесь!

25 ресурсов по эскизам для дизайнеров WordPress

Следующие ресурсы будут охватывать множество категорий. Но вот примерный план того, что вы найдете:

• Шаблоны админки для WordPress
• Наборы иконок
• Комплекты пользовательского интерфейса для различных стилей дизайна
• Концепции дизайна веб-сайтов, из которых вы можете почерпнуть
• Конкретные элементы, такие как видеоплееры или контент Facebook
• Пара ресурсов по прототипированию / мокапу

Давайте нырнем!

1. Ресурс эскиза административного шаблона WordPress

Начнем с того, с чем знаком каждый пользователь WordPress - с редактора WordPress. Пока редактор Gutenberg не будет выпущен и не изменит все, вы можете использовать этот шаблон администратора WordPress для быстрого создания части вашего плагина или темы, которая будет отображаться в редакторе WordPress.

Цена : Бесплатно | Больше информации

2. Ресурс эскиза для шаблонов постов в бэкэнд-системе WordPress

Если вам нужно по-другому взглянуть на панель управления WordPress, этот ресурс Sketch показывает общий список сообщений, а не отдельный редактор WordPress. Опять же, полезный вариант, если вам нужно создать что-то, что будет отображаться где-нибудь в серверной части WordPress.

Цена : Бесплатно | Больше информации

3. Значки материалов Google для Sketch

Этот ресурс включает 900+ значков, взятых прямо с веб-сайта значков Google Material и готовых для использования в ваших проектах.

Цена : Бесплатно | Больше информации

4. Элементы пользовательского интерфейса

Стильный набор бесплатных элементов пользовательского интерфейса от Петра Адама Квятковски. Эти элементы охватывают множество применений, от форм до списков продуктов и т. Д.

Цена : Бесплатно | Больше информации

5. Материал UI Kit

Выбираете материальный дизайн для своей темы или интерфейса плагина? Эти элементы материального дизайна от Sergiu Firez могут пригодиться, когда вы создаете свой дизайн.

Цена : Бесплатно | Больше информации

6. Шаблон сетки Bootstrap3

Создаете свою тему с помощью Bootstrap? Этот ресурс сетки Bootstrap 3 от Gauthier Eloy может пригодиться при настройке макетов.

Цена : Бесплатно | Больше информации

7. Бесплатный комплект Flat UI Kit

Если вы планируете использовать стиль плоского дизайна для своей темы или плагина, этот великолепный бесплатный комплект плоского пользовательского интерфейса от Павла Кревцова - хороший вариант, чтобы вы начали с некоторых общих элементов интерфейса.

Цена : Бесплатно | Больше информации

8. Полный набор 519 иконок в Font Awesome 4.3 для Sketch

Font Awesome - довольно популярный набор иконок для пользователей WordPress. Мы даже написали целый пост о том, как можно интегрировать иконки Font Awesome в WordPress.

Если вы хотите использовать те же значки в Sketch, Саша Лантух любезно преобразовал их. Хотя Font Awesome 5.0 может сделать его немного устаревшим, этот все же должен быть очень полезным.

Цена : Бесплатно | Больше информации

9. Векторный набор пользовательского интерфейса Bootstrap 3

Нужны элементы пользовательского интерфейса Bootstrap 3 для сопряжения с сетками Bootstrap 3 сверху? Этот комплект пользовательского интерфейса содержит все элементы пользовательского интерфейса Bootstrap 3 в векторном формате, а также глификоны и бонусные элементы пользовательского интерфейса.

Все это доступно в файлах Sketch, Adobe Illustrator и PDF. Так что, если вам когда-нибудь надоест Sketch, вы все равно можете использовать эти элементы!

Цена : Бесплатно | Больше информации

10. Комплект пользовательского интерфейса электронной коммерции.

Работаете с WooCommerce, Easy Digital Downloads или другим решением для электронной коммерции WordPress? Этот великолепный набор пользовательского интерфейса для электронной коммерции от Five Agency может вам помочь. Он содержит более 50 экранов, готовых к работе с мобильными устройствами.

Цена : Бесплатно | Больше информации

11. 40 социальных иконок

Здесь нет ничего особенного - просто удобный набор из 40 иконок социальных сетей в 3 разных стилях. Редко можно найти сайт WordPress без значков социальных сетей, поэтому вы определенно сможете найти им хорошее применение.

Цена : Бесплатно | Больше информации

12. Новый проигрыватель YouTube

Нужно включить в свой дизайн проигрыватель YouTube? Может быть, для формата сообщения или элемента плагина? Николас Кэри собрал этот бесплатный ресурс скетчей для плеера YouTube.

Цена : Бесплатно | Больше информации

13. Коллекция Mockup Devices

Эта полезная коллекция макетов от команды Facebook предоставляет множество устройств, которые вы можете использовать для создания макетов своих дизайнов. Хотя я сомневаюсь, что вы будете использовать умные часы для дизайна WordPress, другие элементы могут пригодиться.

Цена : Бесплатно | Больше информации

14. Ресурс эскиза просмотра оформления заказа

Это еще один полезный ресурс для всех, кто работает с WordPress в сфере электронной коммерции. Он полностью посвящен просмотру оформления заказа.

Цена : Бесплатно | Больше информации

15. Ресурс эскизов скинов для видеоплеера Wistia

Как и YouTube, Wistia - еще один видеоплеер, который вы увидите на многих сайтах WordPress. Этот ресурс Sketch от Майки Касалайны включает в себя полную версию проигрывателя Wistia, а также некоторые специальные элементы.

Цена : Бесплатно | Больше информации

16. Платежные логотипы

Этот простой ресурс Sketch включает в себя логотипы платежей для различных способов оплаты, в том числе последние обновления для учета изменений в логотипе Mastercard.

Платежные логотипы применяются к разным типам дизайна, поэтому этот должен быть довольно универсальным.

Цена : Бесплатно | Больше информации

17. Набор 1800 иконок.

Вам нужно еще больше готовых для Sketch иконок, чем предлагает набор Font Awesome? Александру Стойка собрал этот огромный набор из 1800+ иконок, охватывающих множество применений (и схожих по использованию для облегчения поиска).

Цена : Бесплатно | Больше информации

18. Сообщение в Facebook

Сообщения Facebook - это то, что может отображаться как на боковых панелях WordPress, так и в контенте. Если вам нужно включить пост в Facebook где-нибудь в своем дизайне, этот простой ресурс от Педро Рибейро поможет вам сэкономить время.

Цена : Бесплатно | Больше информации

19. Комплект пользовательского интерфейса для приземления.

Если вам нужно создать специальную целевую страницу как часть вашей темы, этот массивный набор пользовательского интерфейса целевой страницы от lstore.graphics может помочь вам с множеством различных элементов. Это хороший вариант для создания отдельной домашней страницы или чего-то подобного.

Цена : Бесплатно | Больше информации

20. Шпаргалка по Sketch 3

Хорошо - это не специфично для WordPress. Но это удобная шпаргалка, которая поможет вам более продуктивно работать со Sketch, и я думаю, что это очень полезно!

Цена : Бесплатно | Больше информации

21. Мой лучший ресторан

Если вы работаете с чем-либо, связанным с ресторанной индустрией, вам может пригодиться этот бесплатный ресурс Sketch от Вивьен Бокле. Он включает элементы для меню, контактную информацию и многое другое.

Цена : Бесплатно | Больше информации

22. Основной шаблон прототипирования

Коллекция стилей и символов, которые помогут вам быстро создать прототипы для вашего плагина или темы.

Цена : Бесплатно | Больше информации

23. Набор пользовательского интерфейса Helium.

Красочный UI Kit от Карла Шмидта. Этот определенно не подойдет для каждого стиля, но он довольно великолепен.

Цена : Бесплатно | Больше информации

24. Целевая страница приложения Kanbio

Просторный ресурс целевой страницы, который поможет вам встать на верный путь. Опять же, этот отлично подходит для специальной домашней страницы.

Цена : Бесплатно | Больше информации

25. Гибкий UI Kit

И, наконец, давайте закончим с этим великолепным набором пользовательского интерфейса от Кристапса Эльсинса, который охватывает множество различных применений, включая популярные элементы, такие как формы регистрации, таблицы цен, календари и многое другое.

Цена : Бесплатно | Больше информации

Какие ваши любимые ресурсы для набросков?

Я приложил все усилия, чтобы найти одни из лучших ресурсов по Sketch для дизайнеров WordPress. Но есть масса доступных ресурсов Sketch, и я не могу рассмотреть каждый из них.

Так что, если я пропустил отличный ресурс, который, по вашему мнению, поможет другим дизайнерам, я был бы рад, если бы вы поделились им в комментариях. Таким образом, мы все сможем извлечь пользу из коллективных знаний каждого!

Изображение миниатюры статьи от Nub1 Iconsdesign / shutterstock.com