Curso de Layout Web

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.