Designer de Web. UX/UI - curso 66.360 rublos. da Academia Digital de Moscou, treinamento, Data: 29 de novembro de 2023.
Miscelânea / / November 30, 2023
Muitos dos nossos alunos, que vieram do zero, trabalham em renomadas agências digitais, empresas de TI ou como freelancers em todo o mundo.
Desenvolvemos suas habilidades de forma intensa e interessante
Falamos em palavras simples sobre coisas complexas - sem água e palestras longas e chatas. Aulas de 15 a 20 minutos são fáceis de entender e digerir. Criamos simuladores exclusivos para Figma, referências e UX que ajudam você a dominar rapidamente tópicos complexos e aprimorar habilidades práticas. Nosso simulador Figma exclusivo irá ajudá-lo a dominar o Figma de forma rápida e fácil.
Um bom feedback é a chave para o sucesso
Nossos mentores, que são designers praticantes, ajudarão a melhorar seus projetos e responderão a quaisquer perguntas, até mesmo as mais “estúpidas”. O feedback estará disponível ao longo do curso.
Oficinas ao vivo
Adoramos conhecer nossos alunos, por isso organizamos workshops ao vivo para você, pratiquem juntos e façam novas amizades digitais. Nas oficinas criamos um ambiente semelhante ao trabalho em estúdio para envolver as crianças no processo de criação de um design e defesa de um projeto em equipe.
Bate-papo da comunidade e suporte 19/7
Junte-se à comunidade de design desde os primeiros dias de seus estudos. Nos chats, os alunos compartilham seus trabalhos e recursos úteis, e os curadores da academia respondem prontamente a quaisquer dúvidas.
Se você já é designer, possui seu próprio portfólio e deseja receber comentários sobre ele, envie um link para seu portfólio - analisaremos seu trabalho, traçaremos uma trajetória profissional e diremos como você pode melhorar.
Análise de portfólio e dicas para melhorá-lo
O designer-chefe e a equipe do MDA analisarão seu portfólio e dirão quais habilidades você deve melhorar e para onde avançar. Também o ajudaremos a escrever uma ótima carta de apresentação para a empresa dos seus sonhos. Você pode escolher um formato de feedback conveniente – videochamada ou correspondência via redes sociais.
Converse com vagas
Publicamos vagas de empresas parceiras, nossos graduados e vagas simplesmente bacanas para juniores e médios em design. Não se esqueça dos projetos freelance: em nosso chat você encontra tanto seu trabalho principal quanto seu trabalho de meio período.
Empresas parceiras
Recomendamos graduados talentosos para trabalhar em empresas parceiras, bem como para estágios na YClients.
Vídeo em sua conta pessoal
O curso contém uma seção inteira sobre emprego: conselhos sobre quais recursos procurar emprego e o que é melhor não fazer na hora de se candidatar a uma vaga.
Recebeu formação em arquitetura na NNGASU.
Já trabalhou com marcas: Shell, Sibur, ROSNO Allianz, Radisson, Muz-TV, AlfaStrakhovanie, grupo segurador MAX, seguradora VSK, S7 e outras empresas conhecidas.
Ilustrações para as revistas “Snob”, “Gaming” e outras.
Competências principais:
- projetar interfaces e layouts de projetos web,
- design adaptativo,
- apresentação de projetos web para clientes,
- desenvolvimento de ilustrações para projetos web.
Introdução ao design. Prática e ferramentas
— Área de responsabilidade do designer.
— Como desenvolver um designer em você mesmo.
— Como e onde se inspirar?
— O processo de criação do design.
Dominando o programa Figma. Prática
- Conhecendo a Figma
— Ferramentas básicas
- Simulador Figma
- Animação em Figma
— Crie um layout interativo no Figma + use GIF
- Estilos no Figma
— Layout automático (teoria). PRÓ.
— Autolayout (prática). PRÓ.
- Componentes. PRÓ.
— Variantes. PRÓ.
- Geleia de figo
— Plug-ins
Grade modular e composição
— O que é uma grade modular?
— Como projetar uma grade modular
— O que é composição, como está estruturada?
— Cor, correspondência de cores, teoria das cores
- Trabalhando com conteúdo
— Disposição dos elementos no site
- Neuroestética
— Grade modular. PRÓ.
- DZ-1. Desenhando um site de portfólio
Tipografia
— Humor, classificação da fonte
— Anatomia de uma fonte: kerning, rastreamento, entrelinhamento
— Edição: hífen, travessão, aspas, conjunções pendentes
— Serviços, fontes comerciais e não comerciais, cobrança de fontes, preços.
- Layout de texto
— Pares de fontes
— Quais fontes usar
— Erros de tipografia.
Trabalhando com referências
— Trabalhando com referências. 1 parte.
— Trabalhando com referências. PRÓ.
— Treinador de referência
Etapas de desenvolvimento do projeto
- Estudar
— Estrutura, protótipo e layout
— Produção técnica
- DZ-2. Redesenho de um site de bar/site de designer de interiores (à escolha)
Características técnicas dos projetos
— Como um site chega à Internet?
— O que é front-end. Como funciona o código?
— O que é um back-end?
— Domínio e hospedagem.
— Como enviar um layout para desenvolvimento? O que precisa ser anexado, em que formato e por quê?
Experiência do usuário e análises
- O que é UX. Em que consiste?
- Arquitetura de informação. Hierarquia.
- Design de interação
- Design visual
- Testando usabilidade
- Análise de experiência do usuário
— Scripts personalizados
- Método pessoal
- Mapa mental
- Prototipagem
— Níveis de acordo com James Garrett.
- Padrões de UX
— O que é um sistema de design?
— Sistema de projeto. Prática
— Análise de erros em design visual
- Princípio das 4 questões
— Protótipos detalhados complexos
— DZ-3
— DZ-4
— Mapa da Jornada do Cliente (CJM)
— Treinador de UX/UI (beta)
— Por que precisamos de pesquisa UX?
- Pesquisa quantitativa. Pesquisas.
— Ferramentas para criação de pesquisas.
- Pesquisa qualitativa. Entrevista.
- Testando usabilidade. PRÓ.
– Hipóteses.
- História do usuário / tarefas a serem realizadas
- Trabalho de casa sobre pesquisa UX
Design adaptativo
— O que é design responsivo
— Como funcionam as permissões
— Tipos de layout
— Coleta adaptativa (nova)
Proteção do projeto
– Preparação para defesa
— Defesa do projeto junto ao cliente
- Estimativa
— Proteção do projeto de Grisha Kochenov
- DZ-5. Desenhando um site
Marca pessoal
- Freelancer e em tempo integral
— Formatos básicos de trabalho para designers.
— O que os empregadores querem ver?
— Onde procurar emprego como web designer
- Cartas de apresentação
- Como passar em entrevistas
— Casos de sucesso
- DZ-6. Trabalho de graduação
Animação
- Microanimação
— Animação macro
— Animação da primeira tela
- Animação em ProtoPie
- Animação em princípio
— Animação em Adobe After Effects
- Spline 3D
— Interfaces do futuro. Grisha Kochenov
Cadastro de obras
— Desenho de portfólio. Como criar um caso de projeto. Em que consiste o caso?
— Análise de exemplos de casos de alunos
— Como inserir seu layout em uma maquete. Parte 1
— Trabalhando com maquete. Parte 2
— Design de case no Behance no Figma
— Como postar seu caso no Behance
— Etiqueta Behance e MDA
Til
- Conhecendo Tilda
— Cadastro e interface
— Configurações do site e configurações da página
— Blocos padrão
— Bloco zero, interface
— Bloco zero, trabalhando com texto
— Bloco zero, trabalhando com imagens
— Bloco zero, formas
— Bloco zero, trabalhando com botões
— Bloco zero, ferramentas adicionais
— Layout seguro em Tilda, contêiner Grid
— Configurações da tela inicial
- Escala automática
- Recuos em Til
— Adaptação móvel
— Modelos de animação de Varfolomeev
- Loja online
- Loja online. PRÓ
- Notícias e fluxos
- Área Pessoal
— Layout no Figma, contêiner Grid
- Layout em Figma, contêiner de janela
— Layout em Figma, escala automática
— Transferência automática de layout do Figma
— Modificações
- DZ de acordo com Tilda
Photoshop
Algumas lições para ajudá-lo a entender as ferramentas básicas que os web designers precisarão
Redação de experiência do usuário
Redação UX, como ela difere da redação normal, são considerados exemplos.
Marca
- O que é uma marca? Componentes da marca.
- Livro marca
— Posicionamento, plataforma da marca
— Desenhando um logotipo no Figma
Biblioteca
Livros para web designers