Aprenda a elaborar layouts e templates responsivos para sites.

O curso de Layout Web 30h 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 diferentes resoluções de telas e dispositivos diversos.
CURSO

Layout Web

O curso de Layout Web 30h 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 diferentes resoluções de telas e dispositivos diversos.

CONTEÚDO

Conteúdo Programático

Cada aula tem uma duração de 3 horas. Sempre atualizamos nossos cursos quando necessário e este é o conteúdo programático mais recente.

[LW30] Layout Web 30h é um dos módulos da grade curricular do curso de Web Design 120h.

[AULA 1] INTRODUÇÃO
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. Oficina: Briefing.

[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. Oficina: Levantamento, Referências, 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. Oficina: Análise Estrutural de Referências.

[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. Oficina: Geração de Alternativas.

[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. Oficina: Geração de Alternativas dos Elementos.

[AULA 6] WEB COLOURS
Cores Hexadecimais e RGB; Cores Comumente Utilizadas por Segmento; Composições para Web: Harmonia, Contraste; Legibilidade; Criação de Paletas de Cores. Oficina em Software Gráfico: Criação de Paletas de Cores.

[AULA 7] OFICINA: LAYOUT
Geração de Alternativas em Software Gráfico, Discussão e Seleçã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ários.

40px

Pré requisitos

Para cursar Layout Web é recomendado que você tenha conhecimento em um software gráfico como Photoshop ou Illustrator, para auxiliar no desenvolvimento de layouts.

40px

Habilidades

Criação de layout para sites responsivos e templates adaptados a diferentes resoluções de telas para desktop, mobile e tablet, com a utilização de grids e wireframe.

40px

Oportunidades

Após a conclusão do curso, você poderá atuar como freelancer, em agências de comunicação digital, estúdios de web design, empresas de diferentes segmentos, entre outros.

PROFESSORES

Conheça o time de professores do curso.

Este é o time de professores que ministram o curso. Confira as turmas disponíveis para saber o(s) professor(es) ministrante(s).

Material de Apoio

O conteúdo das aulas e materiais complementares são compartilhados no drive.

Certificado

Com frequência mínima de 75% você recebe o certificado do curso com a autenticidade 4ED.

INVESTIMENTO

Parcele em até 12x no cartão ou economize 10% à vista.

12x R$ 100,00

Cartões de crédito Visa, MasterCard, Elo, Diners, American Express, JCB e Aura.

R$ 1.080,00

Boleto à vista com 10% de desconto. Data de vencimento para um dia após a inscrição.

Curtiu nosso curso de Layout Web?

Veja as datas e escolha sua turma ou registre seu interesse para mais informações.