25 recursos de bocetos para diseñadores de complementos y temas de WordPress
Publicado: 2017-07-18Sketch es una herramienta de diseño popular, pero lamentablemente específica de Mac, que realmente ha despegado en los últimos años. Si bien puede usarlo para todo tipo de diseños, una de las formas en que los diseñadores usan Sketch es crear diseños para temas y complementos de WordPress.
Para ayudar a los diseñadores de WordPress que utilizan Sketch, pensamos en reunir algunos de nuestros recursos de Sketch favoritos para los diseñadores de plugins y temas de WordPress. ¡Aquí están!
25 recursos de bocetos para diseñadores de WordPress
Los siguientes recursos abarcarán una variedad de categorías. Pero aquí hay un resumen aproximado de lo que encontrará:
- Plantillas de administración específicas de WordPress
- Conjuntos de iconos
- Kits de interfaz de usuario para una variedad de estilos de diseño
- Conceptos de diseño de sitios web de los que puede extraer
- Elementos específicos como reproductores de video o contenido de Facebook
- Un par de recursos de prototipos / maquetas
¡Vamos a sumergirnos!
1.Recurso de boceto de plantilla de administración de WordPress
Comencemos con algo con lo que todos los usuarios de WordPress están familiarizados: el Editor de WordPress. Hasta que se publique el Editor de Gutenberg y cambie todo, puede usar esta plantilla de administración de WordPress para diseñar rápidamente parte de su complemento o tema que aparecerá dentro del Editor de WordPress.
Precio : Gratis | Más información
2. Recurso de boceto de plantilla de publicación de backend de WordPress
Si necesita una mirada diferente al tablero de WordPress, este recurso de Sketch muestra la lista general de publicaciones en lugar del editor de WordPress individual. Nuevamente, una opción útil si necesita diseñar algo que aparezca en algún lugar del backend de WordPress.
Precio : Gratis | Más información
3. Iconos de material de Google para Sketch
Este recurso incluye más de 900 íconos extraídos directamente del sitio web de íconos de materiales de Google y listos para usar en sus diseños.
Precio : Gratis | Más información
4. Elementos de la interfaz de usuario
Un elegante conjunto de elementos de interfaz de usuario gratuitos de Piotr Adam Kwiatkowski. Estos elementos abarcan una variedad de usos, desde formularios hasta listados de productos y más.
Precio : Gratis | Más información
5. Kit de material de interfaz de usuario
¿Va con un diseño de material para su tema o interfaz de complemento? Estos elementos de diseño de materiales de Sergiu Firez pueden ser útiles cuando está construyendo su diseño.
Precio : Gratis | Más información
6. Plantilla de cuadrículas Bootstrap3
¿Construyendo su tema usando Bootstrap? Este recurso de cuadrículas Bootstrap 3 de Gauthier Eloy puede ser útil cuando configura sus diseños.
Precio : Gratis | Más información
7. Kit de interfaz de usuario plana gratuito
Si planea usar el estilo de diseño plano para su tema o complemento, este magnífico kit de interfaz de usuario plana gratuito de Pavel Kreewtsov es una buena opción para comenzar con algunos elementos de interfaz comunes.
Precio : Gratis | Más información
8. El conjunto completo de 519 iconos en Font Awesome 4.3 para Sketch
Font Awesome es un conjunto de iconos bastante popular para los usuarios de WordPress. Incluso escribimos una publicación completa sobre cómo se pueden integrar íconos de Font Awesome en WordPress.
Si desea utilizar esos mismos iconos en Sketch, Sasha Lantukh tuvo la amabilidad de convertirlos. Si bien Font Awesome 5.0 puede hacerlo un poco obsoleto, este debería ser muy útil.
Precio : Gratis | Más información
9. Kit de interfaz de usuario vectorial Bootstrap 3
¿Necesita algunos elementos de la interfaz de usuario de Bootstrap 3 para emparejar con sus cuadrículas de Bootstrap 3 desde arriba? Este kit de interfaz de usuario contiene todos los controles de interfaz de usuario de Bootstrap 3 en formato vectorial, así como Glyphicons y elementos de interfaz de usuario adicionales.
Todo está disponible en archivos Sketch, Adobe Illustrator y PDF. Entonces, si alguna vez te cansas de Sketch, ¡aún puedes usar estos elementos!
Precio : Gratis | Más información
10. Kit de interfaz de usuario de comercio electrónico
¿Trabaja con WooCommerce, Easy Digital Downloads u otra solución de comercio electrónico de WordPress? Este magnífico kit de interfaz de usuario de comercio electrónico de Five Agency podría ayudarlo. Contiene más de 50 pantallas, todas listas para dispositivos móviles.
Precio : Gratis | Más información
11. 40 iconos sociales
Aquí no hay nada muy sofisticado, solo un práctico conjunto de 40 iconos de redes sociales en 3 estilos diferentes. Es raro encontrar un sitio de WordPress sin íconos de redes sociales, por lo que definitivamente podrá hacer un buen uso de estos.
Precio : Gratis | Más información
12. Nuevo reproductor de YouTube
¿Necesitas incluir un reproductor de YouTube en tu diseño? ¿Quizás para un formato de publicación o un elemento de complemento? Nicolas Carey elaboró este recurso de bocetos gratuito para el reproductor de YouTube.
Precio : Gratis | Más información
13. Colección de dispositivos de maqueta
Esta útil colección de maquetas del equipo de Facebook proporciona una variedad de dispositivos que puede usar para simular sus diseños. Si bien dudo que uses los relojes inteligentes para los diseños de WordPress, los otros elementos deberían ser útiles.
Precio : Gratis | Más información
14. Recurso de boceto de vista de pago
Este es otro recurso útil para cualquiera que esté trabajando con WordPress en una capacidad de comercio electrónico. Está completamente dedicado a la vista de pago.
Precio : Gratis | Más información
15. Recurso de boceto de piel del reproductor de video Wistia
Al igual que YouTube, Wistia es otro reproductor de video que verá en muchos sitios web de WordPress. Este recurso de Sketch de Mikey Casalaina incluye el reproductor Wistia completo, así como algunos elementos específicos.
Precio : Gratis | Más información
16. Logotipos de pago
Este sencillo recurso de Sketch incluye logotipos de pago para una variedad de métodos de pago diferentes, incluidas actualizaciones recientes para dar cuenta de los cambios en el logotipo de Mastercard.
Los logotipos de pago se aplican a una variedad de tipos de diseño diferentes, por lo que este debería ser bastante versátil.
Precio : Gratis | Más información
17. Conjunto de 1800 iconos
¿Necesita incluso más iconos listos para Sketch que los que ofrece el conjunto Font Awesome? Alexandru Stoica reunió este enorme conjunto de más de 1.800 iconos que abarcan una variedad de usos (y organizados de manera similar por uso para facilitar la búsqueda).
Precio : Gratis | Más información
18. Publicación de Facebook
Las publicaciones de Facebook son algo que probablemente aparecerá tanto en las barras laterales como en el contenido de WordPress. Si necesita incluir una publicación de Facebook en algún lugar de su diseño, este sencillo recurso de Pedro Ribeiro puede ahorrarle algo de tiempo.
Precio : Gratis | Más información
19. Kit de interfaz de usuario de aterrizaje
Si necesita crear una página de destino dedicada como parte de su tema, este kit de interfaz de usuario de página de destino masiva de lstore.graphics puede ayudarlo con un montón de elementos diferentes. Éstas son una buena opción para crear una página de inicio dedicada o algo similar.
Precio : Gratis | Más información
20. Hoja de referencia de Sketch 3
Ok, este no es específico de WordPress. Pero es una hoja de trucos útil para ayudarlo a trabajar de manera más productiva con Sketch, ¡y creo que es muy útil!
Precio : Gratis | Más información
21. Mi mejor restaurante
Si está trabajando con algo relacionado con la industria de los restaurantes, este recurso gratuito de Sketch de Vivien Bocquelet puede ser útil. Incluye elementos para menús, información de contacto y más.
Precio : Gratis | Más información
22. Plantilla esencial de creación de prototipos
Una colección de estilos y símbolos para ayudarlo a crear rápidamente prototipos para su complemento o tema.
Precio : Gratis | Más información
23. Kit de interfaz de usuario de helio
Un colorido kit de interfaz de usuario de Karl Schmidt. Este definitivamente no funcionará para todos los estilos, pero es bastante hermoso.
Precio : Gratis | Más información
24. Página de inicio de la aplicación Kanbio
Un recurso de página de destino aireado para que comiences por el camino correcto. Nuevamente, este es ideal para una página de inicio dedicada.
Precio : Gratis | Más información
25. Kit de interfaz de usuario flexible
Y finalmente, completemos las cosas con este magnífico kit de interfaz de usuario de Kristaps Elsins que abarca una variedad de usos diferentes, incluidos elementos populares como formularios de registro, tablas de precios, calendarios y más.
Precio : Gratis | Más información
¿Cuáles son sus recursos favoritos de croquis?
Hice todo lo posible para encontrar algunos de los mejores recursos de Sketch para los diseñadores de WordPress. Pero hay un montón de recursos de Sketch disponibles y no hay forma de que pueda ver todos y cada uno de ellos.
Entonces, si me perdí un gran recurso que crees que ayudará a otros diseñadores, me encantaría que lo compartieras en los comentarios. ¡De esa manera, todos podemos beneficiarnos del conocimiento colectivo de todos!
Imagen en miniatura del artículo por Nub1 Iconsdesign / shutterstock.com