25 Recursos de esboço para designers de tema e plug-in do WordPress

Sketch é uma ferramenta de design popular, mas lamentavelmente específica para Mac, que realmente decolou nos últimos anos. Embora você possa usá-lo para todos os tipos de designs, uma das maneiras pelas quais os designers estão usando o Sketch é criar designs para temas e plug-ins do WordPress.

Para ajudar os designers do WordPress que estão usando o Sketch, pensamos em reunir alguns de nossos recursos favoritos do Sketch para designers de tema e plug-in do WordPress. Aqui estão eles!

25 recursos de esboço para designers WordPress

Os seguintes recursos abrangem uma variedade de categorias. Mas aqui está um esboço do que você encontrará:

• Modelos de administração específicos para WordPress
• Conjuntos de ícones
• Kits de IU para uma variedade de estilos de design
• Conceitos de design de sites que você pode usar
• Elementos específicos, como players de vídeo ou conteúdo do Facebook
• Alguns recursos de prototipagem / maquete

Vamos mergulhar!

1. Recurso de esboço de modelo de administrador do WordPress

Vamos começar com algo com que todos os usuários do WordPress estão familiarizados - o Editor do WordPress. Até que o Editor Gutenberg seja lançado e mude tudo, você pode usar este modelo de administração do WordPress para criar rapidamente parte do seu plugin ou tema que aparecerá dentro do Editor do WordPress.

Preço : Grátis | Mais Informações

2. Recurso de esboço de modelo de postagem de back-end do WordPress

Se você precisar de uma visão diferente do painel do WordPress, este recurso Sketch mostra a lista geral de postagens em vez do Editor individual do WordPress. Novamente, uma opção útil se você precisar projetar algo que apareça em algum lugar no back-end do WordPress.

Preço : Grátis | Mais Informações

3. Ícones de materiais do Google para Sketch

Este recurso inclui mais de 900 ícones retirados diretamente do site de ícones do Google Material e prontos para você usar em seus projetos.

Preço : Grátis | Mais Informações

4. Elementos da interface do usuário

Um conjunto elegante de elementos de interface do usuário gratuitos de Piotr Adam Kwiatkowski. Esses elementos abrangem uma variedade de usos, de formulários a listas de produtos e muito mais.

Preço : Grátis | Mais Informações

5. Kit de IU de material

Está indo com um visual design de material para seu tema ou interface de plugin? Esses elementos de design de material de Sergiu Firez podem ser úteis quando você estiver construindo seu design.

Preço : Grátis | Mais Informações

6. Modelo de grades bootstrap3

Construindo seu tema usando Bootstrap? Este recurso de grades do Bootstrap 3 de Gauthier Eloy pode ser útil quando você estiver configurando seus layouts.

Preço : Grátis | Mais Informações

7. Kit de UI plana grátis

Se você está planejando usar o estilo de design plano para o seu tema ou plugin, este lindo kit de interface do usuário plano gratuito de Pavel Kreewtsov é uma boa opção para você começar com alguns elementos de interface comuns.

Preço : Grátis | Mais Informações

8. The Complete Set 519 Icons In Font Awesome 4.3 for Sketch

Font Awesome é um conjunto de ícones bastante popular para usuários do WordPress. Nós até escrevemos um post inteiro sobre como você pode integrar ícones Font Awesome no WordPress.

Se você quiser usar esses mesmos ícones no Sketch, Sasha Lantukh teve a gentileza de convertê-los. Embora Font Awesome 5.0 possa torná-lo um pouco obsoleto, este ainda deve ser muito útil.

Preço : Grátis | Mais Informações

9. Kit de UI de vetor bootstrap 3

Precisa de alguns elementos de IU do Bootstrap 3 para emparelhar com as grades do Bootstrap 3 de cima? Este kit de IU contém todos os controles de IU do Bootstrap 3 em formato vetorial, bem como Glyphicons e elementos de IU de bônus.

Tudo está disponível em arquivos Sketch, Adobe Illustrator e PDF. Portanto, se você se cansar do Sketch, ainda poderá usar esses elementos!

Preço : Grátis | Mais Informações

10. Kit de IU para comércio eletrônico

Você está trabalhando com WooCommerce, Easy Digital Downloads ou outra solução de eCommerce WordPress? Este lindo kit de interface do usuário de comércio eletrônico da Five Agency pode ajudá-lo. Ele contém mais de 50 telas, todas prontas para dispositivos móveis.

Preço : Grátis | Mais Informações

11. 40 ícones sociais

Nada muito sofisticado aqui - apenas um prático conjunto de 40 ícones de mídia social em 3 estilos diferentes. É raro encontrar um site WordPress sem ícones de mídia social, então você definitivamente será capaz de fazer bom uso deles.

Preço : Grátis | Mais Informações

12. Novo player do YouTube

Precisa incluir um player do YouTube em seu design? Talvez para um formato de postagem ou elemento de plugin? Nicolas Carey criou este recurso de esboço gratuito para o player do YouTube.

Preço : Grátis | Mais Informações

13. Coleção de dispositivos de maquete

Esta coleção de maquetes útil da equipe do Facebook oferece uma variedade de dispositivos que você pode usar para fazer a simulação de seus designs. Embora eu duvide que você esteja usando os smartwatches para designs WordPress, os outros elementos devem ser úteis.

Preço : Grátis | Mais Informações

14. Verificação de Verificação de Recursos de Esboço

Este é outro recurso útil para quem está trabalhando com WordPress na capacidade de comércio eletrônico. É inteiramente dedicado à visualização do checkout.

Preço : Grátis | Mais Informações

15. Recurso de Skin Sketch do Wistia Video Player

Assim como o YouTube, Wistia é outro reprodutor de vídeo que você verá em muitos sites WordPress. Este recurso Sketch de Mikey Casalaina inclui o player Wistia completo, bem como alguns elementos específicos.

Preço : Grátis | Mais Informações

16. Logotipos de pagamento

Este recurso simples do Sketch inclui logotipos de pagamento para uma variedade de métodos de pagamento diferentes, incluindo atualizações recentes para contabilizar as alterações no logotipo da Mastercard.

Logotipos de pagamento se aplicam a uma variedade de tipos de design diferentes, portanto, este deve ser bastante versátil.

Preço : Grátis | Mais Informações

17. Conjunto de 1.800 ícones

Precisa de ainda mais ícones prontos para Sketch do que o conjunto Font Awesome oferece? Alexandru Stoica reuniu este enorme conjunto de 1.800+ ícones abrangendo uma variedade de usos (e de forma semelhante organizada por uso para facilitar a pesquisa).

Preço : Grátis | Mais Informações

18. Postagem no Facebook

As postagens do Facebook são algo que provavelmente aparecerá nas barras laterais e no conteúdo do WordPress. Se precisar de incluir uma publicação no Facebook algures no seu design, este simples recurso de Pedro Ribeiro pode poupar-lhe algum tempo.

Preço : Grátis | Mais Informações

19. Kit de IU de pouso

Se você precisar criar uma página de aterrissagem dedicada como parte de seu tema, este enorme kit de IU para páginas de aterrissagem da lstore.graphics pode ajudá-lo com uma tonelada de elementos diferentes. Essas são uma boa opção para criar uma página inicial dedicada ou algo semelhante.

Preço : Grátis | Mais Informações

20. Folha de referências do esboço 3

Ok - este não é específico para WordPress. Mas é uma folha de dicas útil para ajudá-lo a trabalhar de forma mais produtiva com o Sketch, e acho que é muito útil!

Preço : Grátis | Mais Informações

21. Meu melhor restaurante

Se você está trabalhando com algo relacionado à indústria de restaurantes, este recurso gratuito Sketch de Vivien Bocquelet pode ser útil. Inclui elementos para menus, informações de contato e muito mais.

Preço : Grátis | Mais Informações

22. Modelo de prototipagem essencial

Uma coleção de estilos e símbolos para ajudá-lo a criar rapidamente protótipos para seu plugin ou tema.

Preço : Grátis | Mais Informações

23. Kit de UI de hélio

Um kit de interface do usuário colorido de Karl Schmidt. Este definitivamente não funcionará para todos os estilos, mas é muito lindo.

Preço : Grátis | Mais Informações

24. Página inicial do aplicativo Kanbio

Um recurso de página de destino arejado para você começar no caminho certo. Novamente, este é ótimo para uma página inicial dedicada.

Preço : Grátis | Mais Informações

25. Kit de IU flexível

E, finalmente, vamos completar as coisas com este lindo kit de interface do usuário de Kristaps Elsins que abrange uma variedade de usos diferentes, incluindo elementos populares como formulários de inscrição, tabelas de preços, calendários e muito mais.

Preço : Grátis | Mais Informações

Quais são seus recursos de desenho favoritos?

Fiz o meu melhor para encontrar alguns dos melhores recursos de Sketch para designers do WordPress. Mas há uma tonelada de recursos do Sketch disponíveis, e não há como eu olhar para cada um deles.

Então, se eu perdi um grande recurso que você acha que vai ajudar outros designers, adoraria se você compartilhasse nos comentários. Dessa forma, todos podemos nos beneficiar do conhecimento coletivo de todos!

Imagem em miniatura do artigo por Nub1 Iconsdesign / shutterstock.com