Sketch 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 usan Sketch, pensamos en reunir algunos de nuestros recursos favoritos de Sketch para diseñadores de complementos y temas de WordPress. ¡Aquí están!
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 creación de prototipos/maquetas
¡Vamos a sumergirnos!
1. Recurso de bosquejo de la 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 Gutenberg Editor y cambie todo, puede usar esta plantilla de administración de WordPress para diseñar rápidamente parte de su complemento o tema que se mostrará 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 materiales de Google para Sketch
Este recurso incluye más de 900 íconos extraídos directamente del sitio web de íconos de Google Material y listos para que los use 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 interfaz de usuario de materiales
¿Busca 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ícula 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 plano gratuito
Si planea usar el estilo de diseño plano para su tema o complemento, este magnífico kit de interfaz de usuario plano gratuito de Pavel Kreewtsov es una buena opción para comenzar con algunos elementos comunes de la interfaz.
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 puede integrar los íconos de Font Awesome en WordPress .
Si desea usar esos mismos íconos en Sketch, Sasha Lantukh tuvo la amabilidad de convertirlos. Si bien Font Awesome 5.0 puede dejarlo un poco obsoleto, este debería seguir siendo 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 adicionales de interfaz de usuario.
Todo está disponible en archivos Sketch, Adobe Illustrator y PDF. Entonces, si alguna vez te cansas de Sketch, ¡todavía 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 móvil.
Precio : Gratis | Más información
No hay nada súper elegante aquí: solo un práctico conjunto de 40 íconos de redes sociales en 3 estilos diferentes. Es raro encontrar un sitio de WordPress sin íconos de redes sociales, por lo que definitivamente podrá darles un buen uso.
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 elemento de complemento? Nicolas Carey armó 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 maquetar sus diseños. Si bien dudo que use los relojes inteligentes para los diseños de WordPress, los otros elementos deberían ser útiles.
Precio : Gratis | Más información
14. Pagar Ver recurso de boceto
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 bosquejo de la piel del reproductor de video Wistia
Al igual que YouTube, Wistia es otro reproductor de video que verás 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 tener en cuenta 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 íconos listos para Sketch que los que ofrece el conjunto Font Awesome? Alexandru Stoica reunió este conjunto masivo de más de 1800 íconos 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 en Facebook
Las publicaciones de Facebook son algo que probablemente aparezca 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 simple 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 enorme kit de interfaz de usuario de página de destino de lstore.graphics puede ayudarlo con una tonelada de elementos diferentes. Estas 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 trucos 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 bastante ú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 resultarle ú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 destino de la aplicación Kanbio
Un recurso de página de destino aireado para comenzar en el camino correcto. Una vez más, 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, redondeemos las cosas con este maravilloso 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 de bocetos favoritos?
Hice todo lo posible para encontrar algunos de los mejores recursos de Sketch para diseñadores de WordPress. Pero hay un montón de recursos de Sketch disponibles, y no hay forma de que pueda ver 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 de Nub1 Iconsdesign / shutterstock.com