40 tutoriais essenciais do aplicativo Sketch para iniciantes

Publicados: 2016-03-12

Seja você um designer experiente ou um iniciante, o Sketch é uma ferramenta fantástica que o ajudará a projetar qualquer coisa com facilidade. Mais e mais designers estão confiando no Sketch em vez do Photoshop para seus projetos, pois melhora o fluxo do design. O Sketch é ótimo porque ajuda você a dividir uma imagem em suas partes mais básicas e permite que você junte as peças passo a passo, o que é ótimo se você for iniciante.

Índice ocultar
5 dicas muito especiais, 10 esboços
Crie e mantenha um Slide Deck a partir do seu arquivo Sketch
Explorando formas para criar personagens de Star Wars: um guia para não designers
Projetando ícones de Natal usando o Sketch App
MELHORE SEU FLUXO DE TRABALHO DE PROJETO COM SKETCH
Como eu fiz um plugin do Sketch para minha equipe sem saber o código
Dica rápida nº 4 do fluxo de trabalho de design?—?Formas Pixel Perfect no Sketch
Como fazer gráficos impressionantes para sua apresentação apenas com o Circle in Sketch
Prototipagem com Marvel e Sketch: Parte 1 de 2
Introdução ao design de aplicativos móveis com Sketch 3
Como fazer um ícone de configurações simples no Sketch
Como construir uma biblioteca de padrões no Sketch
Eu fiz um plugin de esboço. Você também pode.
Usando Sketch & Keynote para Prototipagem
Como criar um fluxo de trabalho de design de ícones no Sketch App 3
Como usar apenas retângulo, círculo e linha para desenhar ilustração no Sketch
Como criar um ícone de bomba de desenho animado com o aplicativo Sketch
Comece a usar o Sketch em 5 minutos
Criando um aplicativo de comércio eletrônico no Sketch: Parte 1 de 3
Projetando dados com o Sketch
Ferramentas de design moderno: usando dados reais
O que há com a ferramenta Tesoura do Sketch?
Tutoriais - LearnSketch
Como criar um gráfico segmentado suave usando o aplicativo Sketch 3
Trabalhando com texto e estilos compartilhados no Sketch
Infinity Logo Design Parte 2 (Esboço)
Projetando um aplicativo iOS Fitness com compatibilidade com Apple Watch
Começando com o Sketch
Esboço para iniciantes: crie um boletim informativo por e-mail ousado
Crie um aplicativo Swift
Criando um logotipo vetorial no Sketch 3
Como simular um site com o Sketch
Alfinete
Fluxos de usuários do aplicativo com o Sketch
Truque de raio de canto
Projetando um relógio cronógrafo realista em esboço
Aproveite o poder dos símbolos
Como tornar seu design de interface do usuário totalmente responsivo com o Sketch - Parte 1
Alfinete
Como tornar seu design de interface do usuário totalmente responsivo com o Sketch - Parte 2
Preparando e exportando ícones SVG no Sketch
Aprenda tutoriais de esboço
Alfinete

Com o Sketch, você pode criar sites, aplicativos móveis e outras interfaces de usuário com eficiência. O Sketch é uma ferramenta de design altamente flexível que suporta zoom infinito, exportação 2x e formas vetoriais estilizadas que são perfeitas para várias resoluções. Dessa forma, você não terá que sacrificar a qualidade toda vez que tentar editar ou redimensionar imagens – essa é a mágica dos gráficos vetoriais.

Além disso, ao contrário do Photoshop, o Sketch torna a exportação de ativos mais fácil do que nunca . O Photoshop, embora seja um ótimo programa em geral, é famoso por ter uma ferramenta de fatiamento muito hostil ao usuário que torna infinitamente mais difícil exportar arquivos. No entanto, o Sketch vem com um recurso Exportar tudo que pode exportar vários tipos de arquivos de uma só vez, seja em PDF, JPG ou PNG. Isso facilitará sua vida, especialmente se você não tiver muita experiência no uso de aplicativos de design. Essencialmente, o Sketch é um híbrido de 3 aplicativos diferentes: Photoshop para design de interface do usuário, Omnigraffle para wireframing e Illustrator para vetor, logotipos e impressão. Isso permite que você faça muito mais em um período de tempo significativamente menor.

Agora que destacamos os benefícios de usar o Sketch App, aqui estão os 40 tutoriais essenciais do Sketch App para iniciantes . Achamos esses tutoriais excepcionalmente úteis, práticos e diretos. Eles ajudarão você a aprender como criar seus próprios ícones, plugins, bibliotecas de padrões, modelos de pôsteres, logotipos e muito mais! Esperamos que essas ferramentas facilitem sua vida e que o guiem em seu caminho para se tornar um designer mais habilidoso.

5 dicas muito especiais, 10 esboços

Dicas de tutoriais do aplicativo Sketch Alfinete

Este artigo contém 10 dicas do Sketch que ajudarão você a trabalhar com eficiência e ensinarão alguns dos mecanismos profundos deste aplicativo.

Crie e mantenha um Slide Deck a partir do seu arquivo Sketch

Criar arquivo de esboço de deck de slides Alfinete

Neste tutorial, você aprenderá como é fácil criar e manter um conjunto de slides a partir do arquivo do Sketch em algumas etapas fáceis.

Explorando formas para criar personagens de Star Wars: um guia para não designers

Explorando Tutoriais do aplicativo Shapes Sketch Alfinete

Este tutorial lhe dará a chance de explorar formas para criar um personagem de Star Wars.

Projetando ícones de Natal usando o Sketch App

Projetando-ícones-de-Natal-usando-Sketch-App Alfinete

Descubra como criar ícones de Natal usando o aplicativo Sketch e use-os em seus designs.

MELHORE SEU FLUXO DE TRABALHO DE PROJETO COM SKETCH

Alfinete

Descubra o Sketch e melhore seu fluxo de trabalho. Este aplicativo rapidamente se tornou uma ferramenta de design principal para muitos designers.

Como eu fiz um plugin do Sketch para minha equipe sem saber o código

Plugin do Sketch Tutoriais do aplicativo Sketch Alfinete

Você realmente não precisa saber código para criar um plugin no Sketch e este tutorial vai te ensinar como.

Dica rápida nº 4 do fluxo de trabalho de design?—?Formas Pixel Perfect no Sketch

Fluxo de trabalho de design Tutoriais do aplicativo Sketch Alfinete

Fazer formas de pixel perfeitas pode causar dor de cabeça às vezes, mas as coisas definitivamente ficarão mais fáceis se você seguir este tutorial.

Como fazer gráficos impressionantes para sua apresentação apenas com o Circle in Sketch

Esboço de gráficos impressionantes Alfinete

Projetar gráficos nunca foi tão fácil. Este tutorial ensinará você a trabalhar com círculos.

Prototipagem com Marvel e Sketch: Parte 1 de 2

Tutoriais de prototipagem do aplicativo Sketch Alfinete

Combine Marvel e Sketch e alcance resultados incríveis! Este tutorial ensinará como fazê-los trabalhar juntos em harmonia.

Introdução ao design de aplicativos móveis com Sketch 3

Introdução ao design de aplicativos móveis com o Sketch Alfinete

Esta é uma aula essencial de 60 minutos sobre design de aplicativos móveis e aprenda como trabalhar com o aplicativo Sketch para projetar a interface de um aplicativo.

Como fazer um ícone de configurações simples no Sketch

Ícone de configurações dos tutoriais do aplicativo Sketch Alfinete

Se você acabou de começar a aprender Sketch ou está procurando uma maneira de melhorar suas habilidades, este tutorial ensinará como usar o Bohemian Coding.

Como construir uma biblioteca de padrões no Sketch

Biblioteca de padrões de tutoriais do aplicativo Sketch Alfinete

Neste tutorial, o designer Richard Child ensinará como criar uma biblioteca de padrões no Sketch.

Eu fiz um plugin de esboço. Você também pode.

Tutoriais de esboço Alfinete

Você pode projetar seu plugin no Sketch com alguns passos simples. Experimente e melhore suas habilidades.

Usando Sketch & Keynote para Prototipagem

Prototipagem de Keynote de Tutoriais de Esboço Alfinete

Você já experimentou Sketch e Keynote para prototipagem? Experimente e veja como suas habilidades melhoram rapidamente.

Como criar um fluxo de trabalho de design de ícones no Sketch App 3

Como criar um fluxo de trabalho de design de ícones no aplicativo Sketch Alfinete

Projetar o ícone de um aplicativo nunca foi tão fácil. Experimente este tutorial e descubra as dicas e truques mais recentes.

Como usar apenas retângulo, círculo e linha para desenhar ilustração no Sketch

Tutoriais de esboço Alfinete

Neste tutorial, você aprenderá a usar retângulos, círculos e linhas para criar uma bela ilustração.

Como criar um ícone de bomba de desenho animado com o aplicativo Sketch

Como criar um ícone de bomba de desenho animado com o aplicativo Sketch Alfinete

Este tutorial ensinará o básico sobre como criar um ícone de bomba de desenho animado personalizado no Sketch.

Comece a usar o Sketch em 5 minutos

Comece com o Sketch em 5 minutos. Alfinete

Este tutorial ensinará o básico sobre como usar o aplicativo Sketch e fará com que você comece a trabalhar rapidamente!

Criando um aplicativo de comércio eletrônico no Sketch: Parte 1 de 3

Criando um aplicativo de comércio eletrônico no Sketch Alfinete

Aprenda a criar rapidamente um aplicativo de e-commerce no Sketch através deste tutorial de 3 partes e descubra todas as dicas e truques.

Projetando dados com o Sketch

Projetando dados com o Sketch User Interface Designer Alfinete

Você está procurando um tutorial que ensine como projetar dados com o Sketch? Então você pode ter acabado de encontrá-lo.

Ferramentas de design moderno: usando dados reais

Ferramentas de design moderno Alfinete

Não há muitas maneiras que permitem que os designers trabalhem facilmente com dados reais, mas o Sketch definitivamente cobre isso. Se você quiser saber mais, então confira este artigo.

O que há com a ferramenta Tesoura do Sketch?

Ferramenta Tesoura do Sketch Alfinete

Você provavelmente já se perguntou o que está acontecendo com a ferramenta Scissors no Sketch. Bem, a verdade é que você pode fazer muitas coisas legais com ele. Descubra neste tutorial!

Tutoriais - LearnSketch

Tutorial - LearnSketch Alfinete

Neste tutorial, você encontrará tutoriais para esboçar para todos os níveis e propósitos.

Como criar um gráfico segmentado suave usando o aplicativo Sketch 3

Como criar um gráfico segmentado suave usando o aplicativo Sketch 3 Alfinete

Aprenda a criar um gráfico de linhas simples usando a ferramenta vetorial, gradientes e máscaras.

Trabalhando com texto e estilos compartilhados no Sketch

Trabalhando Esboço de Estilos Compartilhados Alfinete

Este tutorial pode ser muito útil e melhorar suas habilidades. Algumas das coisas que você aprenderá são como usar estilos compartilhados e estilos de texto.

Infinity Logo Design Parte 2 (Esboço)

Tutoriais do Infinity Sketch Alfinete

Neste tutorial, você aprenderá como fazer um design de logotipo infinito. Este exemplo parece muito bom e ensinará o básico para criar projetos de logotipo incríveis.

Projetando um aplicativo iOS Fitness com compatibilidade com Apple Watch Alfinete

Aprenda a criar um aplicativo de fitness com este tutorial e depois vá em frente e experimente o que aprendeu em outros projetos!

Começando com o Sketch

Primeiros passos Esboço Alfinete

Este é mais um tutorial incrível do Sketch que ensinará o básico do uso do Sketch.

Esboço para Iniciantes Alfinete

E agora que você aprendeu o básico, experimente este tutorial de newsletter!

Crie um aplicativo Swift

Criar aplicativo Alfinete

Sketch é realmente a melhor ferramenta de design e agora que o Swift.Code foi lançado, as coisas ficaram ainda melhores!

Criando um logotipo vetorial no Sketch 3

Criando logo Sketch 3 Alfinete

Este tutorial definitivamente será útil e ensinará como criar logotipos vetoriais no Sketch 3.

Como simular um site com o Sketch

Como simular um site com o Sketch Alfinete

Crie uma maquete de site simples sem usar o Photoshop com o Bohemian Coding!

Fluxos de usuários do aplicativo com o Sketch

Fluxos de usuários do aplicativo Sketch Alfinete

Projete fluxos de usuários de aplicativos no Sketch. As pranchetas são perfeitas para projetar telas e estados de aplicativos, mas agora você pode ir além e documentar como os usuários navegam de uma visualização para outra graças a este tutorial.

Truque de raio de canto

O truque do raio de canto - Tutorial de esboço Alfinete

Aprenda um truque simples que irá ensiná-lo a definir um raio de canto desigual em retângulos.

Projetando um relógio cronógrafo realista em esboço

Projetando um relógio cronógrafo realista em esboço - Smashing Magazine Alfinete

Este tutorial é muito detalhado e perfeito para um fã do Sketch. Você aprenderá a criar um relógio realista em pouco tempo!

Aproveite o poder dos símbolos

Aproveite o poder dos símbolos Alfinete

Aproveite o poder dos símbolos e aprenda uma das técnicas mais legais que você pode usar no Sketch.

Como tornar seu design de interface do usuário totalmente responsivo com o Sketch - Parte 1

Como tornar seu design de interface do usuário totalmente responsivo com o Sketch Alfinete

O que acontece quando você cria um design para um site de uma página ou um aplicativo e precisa alterar as alturas e outras coisas? Este tutorial o guiará por todas as etapas para tornar seu design de interface do usuário responsivo.

Como tornar seu design de interface do usuário totalmente responsivo com o Sketch - Parte 2

Como tornar seu design de interface do usuário totalmente responsivo com o Sketch Alfinete

Esta é a segunda parte do tutorial anterior. Neste, você aprenderá a adaptar tamanhos em conteúdo vertical.

Preparando e exportando ícones SVG no Sketch

Preparando e exportando ícones SVG no Sketch Alfinete

Agora que você provavelmente aprendeu os fundamentos do design de ícones, vá em frente e exporte-os para uso na Web, iOS e Android com este tutorial fácil.

Aprenda tutoriais de esboço

Tutoriais Aprenda Sketch Alfinete

Neste site você encontrará muitos tutoriais de Sketch. Confira e, enquanto isso, dê uma olhada em como criar grades de imagens flexíveis!