Aprenda a elaborar layouts e templates responsivos para sites.
O curso de Layout Web aborda os princípios do web design e desenvolvimento criativo para a elaboração de layouts e templates responsivos para sites ou blogs. Levando em consideração não só diferentes resoluções de telas mas também dispositivos diversos.
Para fazer o curso de Layout Web é recomendamos que você tenha conhecimento em algum software gráfico. Como por exemplo, Adobe Photoshop ou Adobe Illustrator. Tudo isso com o intuito de auxiliar na sua criação de layouts para sites.
Conteúdo do curso Layout Web
[AULA 1] INTRODUÇÃO AO LAYOUT WEB
Overview: História Web, Web 3.0, Princípios de Rede, Normativas e Padrões: W3C, Dinâmica de Funcionamento: Domínios, Subdomínios, HTTP, HTTPS, Hospedagens, Estudos de Caso (Google, awwwards.com), Exercício: Briefing Cliente Modelo a ser desenvolvido durante todo o curso.
[AULA 2] MERCADO WEB E METODOLOGIA DE PROJETO
Briefing, Metodologia de Projeto, Etapas de Desenvolvimento: Da concepção ao Mockup com Wireframes, Tabelas Indicativas de Orçamentos, Estudo de Caso, Exercício: Levantamento e Discussão de Referências para o Projeto Final – Moodboard.
[AULA 3] APLICAÇÕES E TENDÊNCIAS
Layout e Funções, Templates WordPress, Estudos de Caso Nacionais e Internacionais, Resolução do Site, Resolução em Telas, Telas HD e Dispositivos Móveis, Layout Responsivo – Introdução do Design Responsivo, Desktop x Mobile, Novos Modelos, Exercício:
Analisar as Referências Quanto à Estrutura.
[AULA 4] COMPOSIÇÃO ALINHAMENTO E GRID
Ordem de Leitura, Grids, A importância dos Espaços Vazios, Noções de Diagramação: Títulos, Subtítulos, Texto, Espaçamento, Fontes, Peso da Fonte, WebFonts, O que não fazer, Exercício: Geração de Alternativas de Layout geral para o site.
[AULA 5] OFICINA: DESENVOLVIMENTO DE PROJETO EM WIREFRAMES
Elementos comuns do site: Cabeçalho, Rodapé, Texto, Imagens, Imagem de Fundo, Tabelas, Vídeos, Menus, Anúncios, Gerar Alternativas dos Elementos para o Projeto Final.
[AULA 6] WEB COLOURS
Cores Hexadecimais e RGB, Composições para Web: Harmonia, Contraste, Cores comumente utilizadas por Segmento, Legibilidade, Criação de Paletas de Cores, Oficina em Software Gráfico: Explorar paletas de cores com base no Posicionamento do Segmento escolhido.
[AULA 7] OFICINA: LAYOUT WEB
Geração de Alternativas em Software Gráfico, Discussão e Seleção da Opção.
[AULA 8] OFICINA: LAYOUT E WIREFRAME
Refinamento do Projeto – Wireframe para o Projeto Final.
[AULA 9] OFICINA: LAYOUT RESPONSIVO
Adaptação para Responsividade.
[AULA 10] FINALIZAÇÃO E APRESENTAÇÃO
Finalização dos Projetos, Apresentação e Comentário.
Layout Web também é um dos módulos da grade curricular do curso de Web Design.
Depoimentos
Não há avaliações ainda.