Introdução ao Sketch
Por Samuel Hermoso (Elastic Heads) , UX-UI Designer
Ingressou em Agosto de 2014
Aprenda design de sites e aplicativos com o software pioneiro do mercado para design de interface (UI) como um profissional
Aprenda design de sites e aplicativos com o software pioneiro do mercado para design de interface (UI) como um profissional
Ingressou em Agosto de 2014
Domestika Basics · 7 cursos incluídos
-
Curso 1: Introdução e funcionalidades básicas
Por Samuel Hermoso (Elastic Heads)
Descubra as ferramentas do programa e aprenda a criar as primeiras formas básicas
-
Curso 2: Estilos de formas e uso de vetores e pixels
Por Samuel Hermoso (Elastic Heads)
Aprenda a inserir cor, bordas e efeitos em suas formas
-
Curso 3: Organizando elementos
Por Samuel Hermoso (Elastic Heads)
Saiba como trabalhar de forma organizada agrupar e alinhar camadas com o smart layout
-
Curso 4: Textos e hierarquias
Por Samuel Hermoso (Elastic Heads)
Crie textos e modifique suas características
-
Curso 5: Escalando o projeto
Por Samuel Hermoso (Elastic Heads)
Aprenda a trabalhar de forma escalável com símbolos, estilos e dados
-
Curso 6: Layouts, grids, smart layouts e protótipo
Por Samuel Hermoso (Elastic Heads)
Crie o seu primeiro protótipo navegável com Sketch
-
Curso 7: Atalhos, truques e plug-ins
Por Samuel Hermoso (Elastic Heads)
Descubra como tornar o seu trabalho mais rápido e eficiente
Se você deseja criar design de interfaces para diferentes dispositivos de maneira simples e eficiente as ferramentas do Sketch, programa desenvolvido especialmente para UI designers, facilitarão o seu trabalho.
Neste Domestika Basics de 7 cursos, o consultor e designer UX/UI Samuel Hermoso, ensinará você a dominar o Sketch partindo do zero. Com uma metodologia prática e por meio de uma série de exercícios, você será capaz de desenhar a interface dos seus próprios projetos, para sites e aplicativos, de maneira profissional.
Você dará início a esta jornada com a instalação do programa, em seguida navegará por sua interface aprendendo a utilizar suas ferramentas básicas e principais funcionalidades. Você verá como criar suas primeiras formas, selecionar, mover e transformar camadas de diferentes maneiras.
No segundo curso, Samuel ensinará para você como inserir bordas, cores, sombras e outros efeitos em suas formas básicas. Você aprenderá a desenhar curvas, utilizar vetores e pixels e criará os primeiros ícones para o design de sua interface, mediante a intersecção de formas vetoriais.
Posteriormente, no terceiro curso, você verá como trabalhar com os elementos de maneira organizada no Sketch, medindo distâncias, agrupando e alinhando as camadas. Você conhecerá as principais funcionalidades para reorganizar telas e camadas com o smart layout.
Ao entrar no quarto curso, você se aprofundará no design de textos, aprendendo diferentes recursos para melhorar a experiência de leitura e manter a consistência em todo seu projeto. Samuel ensinará você como criar e modificar textos, criando diferentes estilos e estabelecendo hierarquias. Você irá explorar fontes, tamanhos, cores e contrastes para criar o design de uma página para celular.
Em seguida, você aprenderá como trabalhar com o seu projeto de forma escalável por meio de símbolos utilizando a ferramenta Resizing. Desta maneira será capaz de duplicar telas e implementar ajustes em todas as cópias, trabalhando de maneira mais eficiente. Você também aprenderá a criar e alterar estilos rapidamente.
No penúltimo curso deste Domestika Basics, você criará um protótipo navegável das suas páginas. Para isso, você verá como ajustar seus designs para os diferentes dispositivos por meio de layouts de colunas e grids. Você aproveitará as novas funcionalidades para alinhar elementos de forma automatizada, criando espaçamentos e paddings.
Para finalizar, Samuel mostrará para você como aproveitar ao máximo o potencial do Sketch, compartilhando diferentes segredos e atalhos que tornarão o seu trabalho mais rápido e eficiente. Por último, você verá uma série de plug-ins para personalizar a ferramenta adaptando melhor para as suas necessidades.
Requisitos técnicos
- ⦁ Um computador com sistema operativo macOS
⦁ Última versão do Sketch. Você poderá encontrar o programa para download disponível em seu site (grátis para período de teste).
- 100% avaliações positivas (66)
- 2,274 alunos
- 83 aulas (11h 46m)
- 7 cursos
- 79 downloads (21 arquivos)
- Online e no seu ritmo
- Disponível no aplicativo
- Áudio: Espanhol
- Espanhol · Inglês · Português · Alemão · Italiano · Francês · Polonês · Holandês
- Nível: Iniciante
- Acesso ilimitado para sempre
Software recomendado para este curso
SketchAvaliações
Samuel Hermoso (Elastic Heads)
Por Samuel Hermoso (Elastic Heads)
Designer UX-UI com mais de 20 anos de experiência especializado em consultoria e design de produto digital. Depois de trabalhar com agências, criou o seu próprio estúdio Elastic Heads, em Madrid, onde ajuda pessoas, empresas e startups a se adaptarem às novas mudanças e melhorando seus produtos digitais.
Além da direção de seu estúdio, Samuel também se dedica a docência, é professor das disciplinas de design de produto, experiência de usuário e metodologias e ferramentas de design de interação em diferentes escolas de Madrid como: Ironhack, Mr.Marcel School, IED, Neoland e a Universidad Europea.
Conteúdo
Curso 1: Introdução e funcionalidades básicas
-
U1
Boas-vindas
-
Boas-vindas
-
-
U2
Instale o programa
-
Instale o programa
-
-
U3
Interface de esboço
-
Interface de esboço
-
-
U4
Aplicar zoom e mover
-
Aplicar zoom e mover
-
-
U5
Preferências
-
Preferências
-
-
U6
Telas
-
Telas
-
-
U7
Inserir formas básicas
-
Inserir formas básicas
-
-
U8
Menus
-
Menus
-
-
U9
Transformar, dimensionar, torcer e espelhar
-
Transformar, dimensionar, torcer e espelhar
-
-
U10
Selecionar
-
Selecionar
-
-
U11
Mover, copiar, colar e duplicar
-
Mover, copiar, colar e duplicar
-
-
U12
Prática: design com formas geométricas e adaptações a diferentes telas
-
Design com formas geométricas e adaptações a diferentes telas
-
Curso 2: Estilos de formas e uso de vetores e pixels
-
U1
Boas-vindas
-
Boas-vindas
-
-
U2
Bordas e cores
-
Bordas e cores
-
-
U3
Trabalhar com imagens
-
Trabalhando com imagens
-
-
U4
Exportar imagens
-
Exportar imagens
-
-
U5
Vetores, bordas arredondadas, vetores de importação e exportação
-
Vetores, bordas arredondadas, vetores de importação e exportação
-
-
U6
Ícones perfeitos de pixel
-
Ícones pixel perfect
-
-
U7
Trabalhando com formas vetoriais
-
Trabalhando com formas vetoriais
-
-
U8
Booleanos com formas geométricas
-
Booleanos com formas geométricas
-
-
U9
Prática: design de ícones
-
Prática: design de ícones 1
-
Prática: design de ícones 2
-
Curso 3: Organizando elementos
-
U1
Boas-vindas
-
Boas-vindas
-
-
U2
Grupos de camadas
-
Grupos de camadas
-
-
U3
Tipos de camadas
-
Tipos de camadas
-
-
U4
Bloquear e desbloquear camadas
-
Bloquear e desbloquear camadas
-
-
U5
Meça distâncias, alinhe e distribua
-
Meça distâncias, alinhe e distribua
-
-
U6
Botão Reproduzir e alinhar elementos no cabeçalho
-
Botão Reproduzir e alinhar elementos no cabeçalho
-
-
U7
Ordem da camada
-
Ordem da camada
-
-
U8
Reorganizar camadas e telas
-
Reorganizar camadas e telas
-
-
U9
Reordenar espaços em textos
-
Reordenar espaços em textos
-
-
U10
Praticar: organizar e alinhar elementos em uma tela
-
Praticar: organizar e alinhar elementos em uma tela
-
Curso 4: Textos e hierarquias
-
U1
Boas-vindas
-
Boas-vindas
-
-
U2
Alinhar e modificar textos e formas para criar botões
-
Alinhar e modificar textos e formas para criar botões
-
-
U3
Melhore a experiência de leitura
-
Melhore a experiência de leitura
-
-
U4
Hierarquias de texto
-
Hierarquias de texto
-
-
U5
Colar texto mantendo o mesmo estilo
-
Colar texto mantendo o mesmo estilo
-
-
U6
Botões de transformação de exercícios
-
Botões de transformação
-
-
U7
Tamanhos de texto recomendados
-
Tamanhos de texto recomendados
-
-
U8
Estilos de texto
-
Estilos de texto
-
-
U9
Prática: crie telas móveis combinando diferentes estilos de texto
-
Prática: crie telas móveis combinando diferentes estilos de texto 1
-
Prática: crie telas móveis combinando diferentes estilos de texto 2
-
Curso 5: Escalando o projeto
-
U1
Boas-vindas
-
Boas-vindas
-
-
U2
Símbolos
-
Símbolos
-
-
U3
Modificar valores com substituições
-
Modificar valores com substituições
-
-
U4
Preencher informações com dados
-
Preencher informações com dados
-
-
U5
Transforme grupos e símbolos com redimensionamento
-
Transforme grupos e símbolos com resizing
-
-
U6
Crie símbolos alternativos
-
Crie símbolos alternativos
-
-
U7
Adicione estilos para modificar as substituições de cores
-
Adicione estilos para modificar as substituições de cores
-
-
U8
Estilo de camada Copiar e Colar
-
Copiar / colar estilo de camada
-
-
U9
Copiar outros tipos de cores e preenchimentos
-
Copiar outros tipos de cores e preenchimentos
-
-
U10
Sombras
-
Sombras
-
-
U11
Prática: tela da lista de preferências no celular e tablet
-
Prática: tela da lista de preferências no celular e tablet 1
-
Prática: tela da lista de preferências no celular e tablet 2
-
Prática: tela da lista de preferências no celular e tablet 3
-
Curso 6: Layouts, grids, smart layouts e protótipo
-
U1
Boas-vindas
-
Boas-vindas
-
-
U2
Layout de 12 colunas
-
Layout de 12 colunas
-
-
U3
Ajustar elementos ao layout e ao grid
-
Ajustar elementos ao layout e ao grid
-
-
U4
Ritmo vertical para textos e espaçamento
-
Ritmo vertical para textos e espaçamento
-
-
U5
Use o layout inteligente
-
Use o smart layout
-
-
U6
Padding com smart layout
-
Padding com smart layout
-
-
U7
Prototipagem
-
Prototipagem
-
-
U8
Elementos fixos
-
Elementos fixos
-
-
U9
Visualizar o protótipo
-
Visualizar o protótipo
-
-
U10
Prática: projeto de UI de uma web/app e protótipo de telas de uma web/app
-
Prática: projeto de UI de uma web/app e protótipo de telas de uma web/app 1
-
Projeto de telas UI y protótipo de um app 2
-
Curso 7: Atalhos, truques e plug-ins
-
U1
Boas-vindas
-
Boas-vindas
-
-
U2
Atalhos do teclado
-
Atalhos do teclado
-
-
U3
Máscaras
-
Máscaras
-
-
U4
Encontre e substitua cores
-
Encontre e substitua cores
-
-
U5
Redimensionar telas
-
Redimensionar telas
-
-
U6
Linhas de recomendações e gráficos em anel
-
Linhas de recomendações e gráficos em anel
-
-
U7
Substituir itens
-
Substituir itens
-
-
U8
Crie listas de dados para o menu Dados
-
Crie listas de dados para o menu Dados
-
-
U9
Reduzir o tamanho do arquivo e os elementos de versões
-
Reduzir o tamanho do arquivo e os elementos de versões
-
-
U10
Alternar janela e guias para vários documentos
-
Alternar janela e guias para vários documentos
-
-
U11
A caneta para desenhar curvas
-
A caneta para desenhar curvas
-
-
U12
Plugins
-
Plugins 1
-
Plugins 2
-
-
U13
Prática: adaptar uma tela a uma nova imagem de uma marca renovada
-
Prática: adaptar uma tela a uma nova imagem de uma marca renovada
-
Prática: adaptar uma tela a uma nova imagem de marca renovada 2
-
Prática: adaptar uma tela a uma nova imagem de marca renovada 3
-
Prática: adaptar uma tela a uma nova imagem de uma marca renovada 4
-
Sobre o Domestika Basics
Domestika Basics é uma série de cursos focados em ensinar o software mais usado por profissionais criativos em todo o mundo.
O conteúdo foi meticulosamente selecionado e é destinado tanto a alunos que estão entrando em um novo campo criativo quanto a profissionais mais experientes que queiram aprimorar suas habilidades.
Aprenda com os melhores professores da Domestika por meio de aulas práticas, toneladas de recursos e uma dificuldade progressiva que permitirá que você veja os resultados desde o primeiro dia.
O Domestika Basics permitirá que você intensifique seu jogo profissional e esteja preparado para pontuar projetos melhores.
-
Sem conhecimentos prévios.
No Domestika Basics você tem tudo o que precisa para começar a estudar uma disciplina e se tornar um especialista.
-
Focados na ferramenta.
Descubra quais são os fundamentos, as técnicas e os métodos necessários para dominá-la.
-
Aprenda rapidamente
Com uma abordagem direta e passo a passo, nossos excelentes profissionais ensinarão como aproveitar o programa ao máximo.
-
Certificados Plus
Se você for um membro Plus, obtenha um certificado personalizado assinado pelo seu professor para cada curso que concluir. Compartilhe-o em seu portfólio, mídia social ou onde quiser.
Sketch
sofia.piedrahitar
Me gustó mucho como se dan los temas, facil de entender
Ver tradução
Ocultar tradução
mam.profesional
Muy bien explicado. Abarca todos los temas importantes del manejo de la aplicación. Consigues la formación básica para manejar Sketch. Muy recomendable
Ver tradução
Ocultar tradução
alboruiz
Plusun buen curso para aprender sobre Sketch, siempre me sirve para regresar a repasar.
Ver tradução
Ocultar tradução
victoria_armas
Súper últil y claro. Está tan bien organizado que cuando me olvido de cómo hacer algo solo vengo aquí y checkeo lo que necesito. Muchas gracias por el curso!!!
Ver tradução
Ocultar tradução
Juan de Marcos
Muy claro para empezar a moverse en Sketch
Ver tradução
Ocultar tradução