Layout Web

layout_para_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.

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.

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.

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.

CONTEÚDO PROGRAMÁTICO

[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), 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

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.

Total: 30h/a

INVESTIMENTO

6x R$ 175,00

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

R$ 945,00

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

*Condições de pagamento sujeitas a análise de crédito. Saiba mais sobre o parcelamento.

Gostei, quero saber mais