8 melhores tutoriais de esboço para 2019

Sketch é um aplicativo de design digital que você pode usar para uma série de projetos, incluindo ícones, prototipagem e wireframing. (Existem algumas coisas que você não pode fazer com o Sketch também, como renderização 3D pesada.) Muitas pessoas usam o Photoshop para esses tipos de design, e o Sketch é um bom substituto para o Photoshop. Existem vários tutoriais do Sketch, atendendo a todos os níveis, do iniciante ao especialista, e com uma variedade de preços (incluindo grátis).

Inscreva-se no nosso canal no Youtube

Uma visão geral super rápida do Sketch

A menos que você seja um novato em design, o Sketch é fácil de usar, mais do que o Photoshop e aplicativos semelhantes. Isso pode economizar muito tempo ao projetar. Como o Sketch é um aplicativo baseado em vetor, qualquer forma que você desenhe pode ser redimensionada para qualquer dimensão desejada sem perder sua nitidez. Seus designs ficarão ótimos mesmo em telas com alta densidade de pixels (como as telas Retina do Mac). Além disso, a qualidade dos seus designs será próxima ao CSS / HTML acabado - você pode realmente aperfeiçoar um design com o Sketch.

• Qualquer pessoa com experiência em design pode usar o Sketch.
• Como o Sketch é um aplicativo para Mac, obviamente é para usuários de Mac. Embora você possa abrir arquivos do Sketch com outro sistema operacional, como o Windows, você só pode trabalhar com o Sketch no Mac.
• O Sketch é leve, então você não precisa de um computador caro e de primeira linha para executá-lo. O aplicativo provavelmente funcionará mesmo no Mac mais simples.

Quando você compra o Sketch pela primeira vez, você também compra a licença de um ano, que inclui todas as atualizações que são lançadas nesse primeiro ano. Quando a licença expirar, você não obterá atualizações futuras, mas poderá continuar usando o Sketch no estado em que se encontra. Se você deseja continuar recebendo atualizações, renovar a licença de um ano é mais barato do que pagar pela primeira vez.

8 Tutoriais de esboço e conjuntos de tutoriais

Esta não é uma lista exaustiva de tutoriais do Sketch (duh - isso seria impossível). Gosto de adotar uma abordagem orgânica ao escrever esses resumos, selecionando uma variedade de tutoriais que acho que você achará valiosos. Eu encorajo você a continuar procurando tutoriais de Sketch por conta própria (eu tenho recursos para casais na parte inferior exatamente para isso), e fique à vontade para comentar com alguns de seus favoritos que perdi.

1. LevelUpTuts | Tutoriais do aplicativo Sketch para Sketch 3

LevelUpTuts tem 25 tutoriais gratuitos para Sketch 3, cada um com menos de 10 minutos. Esta série é melhor para iniciantes no Sketch que desejam aprender o básico (e que possuem a versão anterior do Sketch). As aulas incluem:

• Compreendendo pranchetas
• Criação e uso de símbolos
• Instalando e usando plug-ins
• Estendendo Sketch com recursos gratuitos
• Como criar GIFs animados no Sketch

O Sketch 3 não é a versão mais recente do Sketch, mas esses tutoriais ainda serão relevantes. Há também uma série mais curta e atualizada que você pode encontrar aqui. Você pode aprender mais sobre os tutoriais da Level Up por meio do vídeo de introdução aqui. Eles têm tutoriais sobre noções básicas de desenvolvimento da web, além de conteúdo voltado para designers mais avançados.

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

2. Aprenda UX | Sketch App Course

O Learn UX tem um curso intensivo de Sketch de 8 horas, que é excelente se você disser: “Eu preciso aprender isso e vou limpar meu dia para descobrir”. Arme-se com lanches, sente-se no sofá e familiarize-se mais com o Sketch em um dia de trabalho. A maioria das aulas dura cerca de 12 minutos ou menos, então você não ficará preso em nenhuma área. Aprender UX é exatamente o que parece: um centro de informações para quem deseja aprender sobre UX. Eles têm muitos cursos diferentes cobrindo uma variedade de ferramentas. Se você preferir assistir no YouTube, eles têm um canal lá também.

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

3. Andrew Eddy, Designer de UI / UX | O curso completo do Sketch 5

Os cursos geralmente não são tão baratos e por US $ 12,99 você recebe 14,5 horas de vídeo, mais artigos e recursos para download, tudo para ajudá-lo a aprender o Sketch 5. Embora seja voltado para iniciantes, você será um usuário avançado no final do curso (e então você pode pular para os tutoriais que estão mais abaixo nesta lista). As aulas são agrupadas em aulas, e algumas das aulas cobrem:

• Projetando uma tela de aplicativo móvel
• Configurando um Guia de Estilo
• Design de logotipo
• Wireframing
• Prototipagem

Andrew é atualmente o CEO (e cofundador) da Sequr, uma empresa de software de segurança em Atlanta. Sua formação é em design de UI / UX, e ele também trabalhou como diretor de criação e designer gráfico. Cursos pagos, não importa o assunto, sempre fornecem mais informações do que você encontrará em um curso gratuito. Se você quer mesmo dominar o Sketch 5 e tem tempo para se dedicar a aprendê-lo, eu escolheria um curso de espectro completo como este.

Melhor para iniciantes | Preço: $ 12,99 | Mais Informações

4. LearnSketch.com | Esboço de A a Z: Torne-se um Designer de Aplicativos

Se você nunca usou o Sketch antes para nada, pode primeiro fazer um curso ou tutorial gratuito para iniciantes. No entanto, se você é um novato no Sketch e só se preocupa em projetar aplicativos móveis, pelo menos agora, você pode começar aqui. As categorias de palestras incluem:

• Camada Básica
• Formas
• Estilo
• Texto
• Imagens
• Símbolos
• Dicas profissionais de fluxo de trabalho
• Exportador

LearnSketch.com é realmente um hub para tudo-o-Sketch, e se você não está pronto para se comprometer com um curso de 3,5 horas, verifique seus tutoriais muito mais curtos. Se preferir ir direto ao YouTube, o canal deles está aqui. Eles têm uma página com um punhado de gráficos gratuitos.

Melhor para iniciante a intermediário | Preço $ 24,99 | Mais Informações

5. Jesse Showalter, Designer + Desenvolvedor | Tutoriais de esboço

Jesse Showalter tem uma lista de reprodução “Sketch Tutorials” com 15 vídeos gratuitos. A maioria deles leva cerca de 15 minutos são menos, com um casal sendo um pouco mais longo. Esta série é melhor para usuários de Sketch de todos os níveis, se você deseja começar com Sketch ou mergulhar em um design mais avançado. As aulas incluem:

• Introdução ao Sketch
• Projete uma IU do aplicativo de viagens
• Organização de símbolos no Sketch para Mac
• Sketch 52, 5 principais recursos
• Plug-in de linha do tempo para Sketch

Jesse é um designer e desenvolvedor que mora em Honolulu, e seus arredores aparecem em alguns de seus tutoriais, como aqueles sobre como projetar um site de surfe. Se você gosta de Jesse e de seu estilo de vídeo, também vai querer dar uma olhada em seus vídeos de negócios, como aqueles sobre trabalhar com clientes ou estabelecer-se em uma vida remota de trabalho.

Melhor para iniciante ao avançado | Preço: Grátis | Mais Informações

6. InVision | 8 atalhos críticos no esboço

Este tutorial do Sketch da InVision ensina aos usuários atuais como trabalhar de forma mais rápida e inteligente graças aos atalhos. O vídeo passa rapidamente em menos de cinco minutos. Você aprenderá atalhos para manobras como:

• Ciclismo pelas pranchas
• Duplicando propriedades visuais
• Layering
• Panorâmica e zoom
• Seleção precisa

InVision é uma plataforma de design digital onde você pode criar protótipos interativos. Eles promovem a colaboração para que as equipes possam melhorar e avançar seus projetos. Se você é um designer ou um nerd em design, você vai querer dar uma olhada no blog Inside Design da InVision. Além de exemplos, tutoriais e casos de uso, eles também cobrem tópicos pouco exigentes, como a história oral do ícone do hambúrguer.

Melhor para intermediários | Preço: Grátis | Mais Informações

7. Skillthrive | Crie uma página inicial de aplicativo de música no Sketch

Skillthrive tem vários tutoriais de Sketch, mas eu queria escolher este porque é um tutorial mais exclusivo e avançado do que alguns dos genéricos por aí. Este tutorial tem pouco menos de uma hora de duração e, quando terminar, você terá uma página de destino do aplicativo de música concluída. Se você preferir dividir a lição em etapas, pode clicar aqui. O apresentador do tutorial da página de destino de música, Hunter, passa rapidamente pelo processo antes de iniciar o tutorial. Você pode ter uma ideia do que aprenderá, ou se estiver pensando: “Preciso de cerca de 20 segundos de orientação antes de criar esta página de destino do aplicativo de música sozinho”, aí está. Skillthrive tem uma lista de reprodução com mais tutoriais de aplicativos de esboço voltados para o não iniciante, e alguns até mesmo focam em um nicho, como design de aplicativo de economia móvel.

Melhor para intermediário a avançado | Preço: Grátis | Mais Informações

8. InVision | Tutoriais de esboço variados

Estou voltando para o InVision porque eles têm vários tutoriais do Sketch voltados para o usuário avançado:

• Barras de progresso radial precisas e editáveis ​​no esboço
• Criando Setas de Conexão Infinitamente Escaláveis ​​no Sketch
• Substituições de símbolos aninhados no Sketch 41
• Dicas rápidas para criar formulários flexíveis no Sketch

Melhor para avançado | Preço: grátis

Ainda mais tutoriais de esboço

Se você deseja pagar uma vez e acessar todos os tipos de tutoriais de design, incluindo vários que se concentram especificamente no Sketch, considere obter uma assinatura do LinkedIn Learning. Eles são semi-caros - $ 24,99 por mês é o mínimo - mas se você fizer alguns cursos por mês, vale a pena.

Explore os cursos relacionados ao Sketch aqui (não é necessário se inscrever para navegar). Você pode classificar por nível, o que é útil. Ao clicar em um curso, você pode visualizá-lo e ver quantas outras pessoas assistiram e gostaram. Não se esqueça dos próprios tutoriais do Sketch - você pode encontrá-los todos na página “Documentação”.

Pensamentos finais

Você pode obter uma educação online, com especialistas que estão dispostos a compartilhar o que sabem, e é gratuita ou quase isso. Se você desistiu de algo na escola, quando era criança ou adolescente e pensava: “Puxa, nunca vou usar isso”, você pode recuperar o tempo perdido. É realmente incrível. Ir. Aprender. Projeto. Então volte e me diga como foi.

Quer mais educação? Confira 8 Tutoriais do Gutenberg para Desenvolvedores.

Imagem em destaque via tanyabosyk / shutterstock.com