Design de aplicativos com Sketch 3: Básico ao avançado

Aprenda a construir aplicativos incríveis do ZERO com o Sketch 3.
3.8 (40 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
141 students enrolled
Instructed by Cosme Faé Design / Design Tools
$19
$50
62% off
Take This Course
  • Lectures 60
  • Length 5 hours
  • Skill Level All Levels
  • Languages Portuguese
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 2/2016 Portuguese

Course Description

Aprenderemos a criar interface de aplicativos com o poderoso e leve Sketch 3. Esse software completo e fácil de usar revolucionou a maneira na qual profissionais digitais trabalham.

Utilizado pelas maiores empresas do mundo como Apple, Facebook, Google, Twitter, Dropbox, Booking e muitos outros.

Dominando o Sketch podemos focar em SOLUCIONAR PROBLEMAS e fazer nosso produto evoluir mais rápido.

What are the requirements?

  • Essencial utilizar o sistema operacional Mac (OS X 10.9+)
  • Interesse em ferramentas de edição gráfica

What am I going to get from this course?

  • Aprender a usar o Sketch do básico ao nível avançado
  • Solucionar desafios reais de interface focado no usuário
  • Criar interface visual para um aplicativo móvel (mobile app)
  • Exportar elementos visuais de forma rápida para o time de desenvolvimento
  • Aprender boas práticas de organização para interfaces digitais (nativo ou web)

What is the target audience?

  • Programadores interessados em construir MVP (Produto Mínimo Viável)
  • O curso é excelente para web designers e designers gráfico
  • O curso é ótimo para quem já tem um conhecimento de editores visuais como Illustrator, Photoshop ou Fireworks
  • Você não irá aprender a programar o aplicativo e publicá-lo na loja

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Visão geral sobre a área de trabalho
Introdução
Preview
00:29
Um passeio pela primeira tela
Preview
01:14
Detalhes sobre a barra superior principal e as barras laterais
Preview
01:01
Fazendo nosso primeiro shape
Preview
01:07
Fim da visão geral e considerações iniciais
00:48
Section 2: Layers (Camadas)
Introdução
00:31
Criando um shape “oval” (círculo) e sobre teclas de atalho
01:02
Aumentando uma layer com proporção exata usando teclas de atalho
Preview
01:32
Combinando teclas de atalho na criação de uma layer
01:19
Movendo uma layer dentro dos trilhos e evitando desalinhar suas layers
03:44
Section 3: Shapes (Formas)
Introdução
00:31
Manipulando uma seta de collapse (Youtube app como exemplo)
06:20
Tudo sobre Boolean Operations
04:03
Fazendo nosso primeiro ícone (Um simples campo de busca)
02:25
Cards empilhados usando o Transform
Preview
04:58
Usando Masking para ajustar a forma de um bitmap (Cabeçalho de perfil)
04:04
Criando um ícone de carregando usando o Rotate Copies
03:59
Section 4: Desafio 01: Criando uma tela básica de cadastro/login
Introdução
00:30
Resultado do Desafio
08:15
Section 5: Text
Introdução
00:27
Um passeio pelo Text Inspector (Inspetor de texto)
04:48
Aprendendo com o portal The New York Times
11:55
Shared style: estilo compartilhado para qualquer elemento tipográfico
05:19
Section 6: Bitmap
Introdução
00:18
Edição de um bitmap e ajuste de cores sem interferir na imagem original
02:54
Section 7: Symbols: Sua vida mais organizada
Introdução
Preview
00:26
Aprendendo a trabalhar com Symbols (E uma dica sobre textos)
10:36
Section 8: Pages e Artboard: mais interação sobre organização
Introdução
00:12
Usando Pages para separar as plataformas
05:04
Usando Artboard para criar um produto em um único arquivo
06:59
Section 9: Grids e measuring: tudo dentro dos trilhos
Introdução
00:15
Configurando nosso documento para tudo ficar dentro do grid system
05:44
Measuring: calcule a distância de forma rápida
03:42
Section 10: Plugins: produtividade a mil por hora
Introdução
Preview
00:21
Como instalar um plugin no Sketch
Preview
05:14
Usando o plugin Content Generator
05:41
Section 11: Desafio 02: Criando uma lista de notícias do The New York Times
Introdução
00:31
Resultado do Desafio
11:31
Section 12: Na prática: Wireframe do nosso aplicativo
Introdução
00:28
Tela de Introdução: mostrando para os usuários o que vem pela frente
03:33
Telas do onboarding
04:46
Tela “Cadastro” & “Login”: Usuário passando pela porta da frente sem burocracia
03:13
Tela “Empty state”: Explorando uma tela sem dados ao nosso favor
03:45
Tela “Cadastrando uma viagem”: formulário básico com dados da viagem
07:10
Tela “Visualização da viagem”: mostrando todos os dados que o usuário cadastrou
07:24
Tela “Mariana já pagou”: todos sabem quem já pagou, principalmente o organizador
04:59
Tela “Lista de viagens”: lista com todas as viagens
05:14
Section 13: Na prática: Interface visual do aplicativo
Introdução
00:12
Tela de Introdução: mostrando para os usuários o que vem pela frente
09:45
Telas do onboarding
16:31
Tela “Cadastro” & “Login”: Usuário passando pela porta da frente sem burocracia
14:43
Tela “Empty state”: Explorando uma tela sem dados ao nosso favor
09:04
Tela “Cadastrando uma viagem”: formulário básico com dados da viagem
11:16
Tela “Visualização da viagem”: mostrando todos os dados que o usuário cadastrou
16:10
Tela “Mariana já pagou”: todos sabem quem já pagou, principalmente o organizador
09:30
Tela “Lista de viagens”: lista com todas as viagens
11:10
Section 14: Exportando os elementos da tela inicial
Introdução
00:18
Exportando assets de forma ágil
02:59
Bônus: fazendo o front-end da tela inicial usando exporting e copiando CSS
23:39
Section 15: Fechamento do curso e conclusões finais
Vamos juntos evoluir! ;)
00:30

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Cosme Faé, UI/UX Designer

Sou UI/UX Designer com 7+ anos de experiência com produtos digitais.

Já trabalhei em produtos digitais de diversos portes como: aplicativos móveis, websites, e-commerces e sistemas internos complexos. Tecnologia da Informação é minha paixão.

Quero compartilhar com você todo o conhecimento que acumulei nesses anos, e vou me manter sempre atualizado para entregar o melhor conteúdo para você evoluir aqui no Udemy. ;)

Ready to start learning?
Take This Course