Mestrado em Design Gráfico e Web

Geral

2 lugares disponíveis
Saiba mais sobre este programa no website da escola

Descrição do programa

136330_pencil-typography-black-design.jpg

360 horas (6 meses)

O conteúdo deste programa é indicativo, podendo variar por motivos de atualização ou modificação do conteúdo.

objetivos

O Mestrado em Design Gráfico e Web é um dos mais exigidos no CEI: Escola de Design e com razão: as competências que o aluno irá desenvolver durante o mesmo são de vital importância para as empresas hoje. Este mestrado está dividido em dois módulos claramente identificados em termos de objetivos e conteúdo, embora intimamente relacionados entre si.

No módulo de design gráfico o aluno aprenderá os conhecimentos e técnicas mais utilizados e necessários para dominar os principais programas de design gráfico da atualidade. Os "três fundamentos" (como os chamamos no CEI): Photoshop (software Adobe usado para o tratamento digital e retoque de imagens digitais), Illustrator (programa usado para o design de identidade corporativa, pôsteres e papelaria publicitária, ilustrações) e InDesign (ferramenta de desenho editorial e diagramação profissional de todos os tipos de páginas). Com estas ferramentas o aluno poderá explorar ao máximo a sua criatividade para captar as suas ideias em qualquer tipo de suporte ou formato.

Sempre com o objetivo de implementar essas peças visuais criadas durante o módulo de design gráfico, este mestrado inclui um segundo módulo de web design, onde o aluno se concentrará em dominar as ferramentas e os conhecimentos necessários para poder realizar qualquer projeto web e, claro , ser capaz de realizar seus próprios designs em suas próprias páginas web através de um planejamento adequado, elaboração, desenvolvimento e implementação de ecossistemas web usando ferramentas como HTML5, CSS3 e JavaScript ou web design com WordPress.

informação

Ilustrador da Adobe

Adobe photoshop

Adobe InDesign

Opção 1 Web Design com HTML5

  • Editor de texto simples especializado em web: Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
  • HTML5 / CSS3
  • Indexação que prioriza o celular. Bootstrap
  • Posicionamento da web de SEO. Acessibilidade e usabilidade
  • JavaScript
  • jQuery

Opção 2 Web Design com Wordpress

  • Web design WordPress
  • Conceituação e esboço da web
  • Cotação e planejamento da web
  • Desenvolvimento e otimização web em WordPress

duração

360 horas no total

  • Pessoalmente ou online
  • 280 horas de aula
  • Segunda a quinta-feira (+ alguma sexta-feira)
  • 80 horas de projetos finais

Horário

Manhãs

  • 09.00 - 12.00 horas
  • 12h00 - 15h00

Tardes

  • 16,00 - 19,00 horas
  • 19,00 - 22,00 horas

preço

€ 3.100

Verifique as ofertas e promoções atuais em www.cei.es

Oficial

  • Nossa escola é um dos cinco Centros de Treinamento Autorizados Adobe na Espanha . Este fato mostra que o CEI atendeu a todos os requisitos que a Adobe solicita e, da mesma forma, constitui uma garantia de qualidade para todos os nossos alunos.
  • CEI é um Centro de Treinamento Autorizado da Apple . Portanto, nossos alunos poderão obter a Certificação Profissional Apple e avançar em suas carreiras em design e tecnologias da informação, ambientes de negócios e mercados B2B.
  • A IBM confia em nós e, por esse motivo, nos concedeu o emblema de Parceiro de Educação IBM . O selo premia escolas que mantêm e promovem treinamentos de qualidade.
  • Nossa escola se consolida como o Centro de Treinamento Maxon de referência na Espanha e nos tornamos a 1ª escola na Europa a ser Provedor de Treinamento Maxon para R18 .

Módulo de Design Gráfico (Ferramentas Adobe)

01- Adobe Illustrator

  • Perfis e modos de cores
  • Local de trabalho
  • Formas básicas
  • Ferramentas de Seleção
  • Amostras / cor / gradiente
  • Traços / preenchimentos
  • Painel de aparência
  • Mesas de trabalho
  • Camadas
  • Transformações
  • Alinhar
  • Procura traços
  • A pena
  • O lápis
  • Pincéis
  • Texto
  • Borracha / Tesoura / Lâmina
  • Expandir
  • Pintura interativa
  • Motivos, padrões
  • Símbolos
  • Inserir imagens
  • Traçado interativo
  • Grades de perspectiva
  • Transparência
  • Máscara de recortar
  • Malhas de gradiente
  • Edição de efeitos
  • Efeito 3D
  • Texto
  • Imprimir e produzir

02- Adobe Photoshop

  • Modos de cor
  • Espaços de trabalho
  • O pixel
  • Camadas
  • Formulários básicos
  • Ferramentas de seleção
  • Lata de tinta
  • Degradado
  • Transformações
  • Objeto inteligente
  • Fusões
  • Pincéis
  • Conta-gotas
  • O lápis
  • Plug clone
  • Patches
  • Ferramentas de retoque de fotos
  • A pena
  • Máscaras de corte
  • Máscaras de camada
  • Efeitos
  • Canais
  • Configurações de imagem
  • Camadas de ajuste
  • Filtros
  • Imprimir e produzir

03- Adobe Indesign

  • Documento / Livro / Biblioteca
  • Páginas e spreads
  • Local de trabalho
  • Margens e colunas
  • Regras
  • Guias e grades (gratícula)
  • As amostras
  • Ferramentas de criação
  • Objetos (recipientes)
  • Camadas
  • Transformação
  • Lineups
  • Efeitos
  • Painel de links
  • Renda
  • Página mestra
  • Tipografia
  • Opções de personagem
  • Opções de parágrafo
  • Trabalhe com estilos
  • Composição
  • Paginação automática
  • Elementos interativos
  • Imprimir e produzir

Módulo de Web Design com HTML5, CSS3 e Javascript

Opção 1

01- Web Design, HTML5 E CSS3

Introdução ao uso de equipamentos de informática

Sistemas operacionais:

  • janelas
  • Mac
  • Linux

Instalação e gerenciamento de software:

  • Navegadores
  • Editores de texto

Sistema de arquivos e pastas

  • Crie arquivos e pastas
  • Organização de projetos web
  • Caminhos absolutos, relativos e de URL

Navegação na web

Princípios na administração de rede

Arquitetura cliente-servidor

Servidores e protocolos

  • Certificados SSL
  • HTTP / HTTPS
  • FTP / SFTP / FTPS

Equipe do cliente

Introdução aos roteadores e switches

DNS (domínios e IPs)

  • IP Público
  • IP local
  • Nomes de domínio

Hospedagem, hospedagem e CPD

Princípios básicos para a criação de sites estáticos

  • Idiomas usados (HTML5 e CSS3)
  • Fluxo de execução de código
  • Estrutura visual de um site

Princípios de usabilidade e acessibilidade

Prototipagem de um site (UX / UI)

  • Interface do usuário (Marvel)
  • Experiência do usuário (InVision)

HTML5

  • Tags e atributos
  • Semântica e uso
  • Padrão e estrutura do documento HTML5
  • Comentários
  • Parágrafos, títulos e formatos de texto
  • Multimídia (imagens, áudio e vídeo)
  • Links e botões
  • Listas
  • Tabelas
  • Formulários
  • iFrames
  • Meta tags
  • Favicom

CSS3

CSS de link

Seletores e pseudo-seletores

Atributos

  • Cores
  • Dinheiro
  • Formato e transformação de textos
  • Alto gancho
  • Arestas
  • Margens
  • Recheios
  • Posições
  • alinhamento
  • Sombreado e gradientes
  • Opacidade
  • Transformações
  • Filtros

Pseudoclasses (ativo, hover, verificado, primeiro filho, último filho, enésimo filho)

Pseudoelementos (depois, antes)

Importação e implementação de fontes (mídia e fonte)

Importação e implementação de ícones (fontes e SVG)

Variáveis CSS

Animações CSS (frames-chave)

Indexação primeiro para celular

  • Estruturas gerais (flutuadores)
  • Estruturas simples (Flexbox)
  • Estruturas Complexas (CSS Grid)

Frameworks e APIs

  • Bootstrap 4
  • Materializar
  • Design material

Internet

  • Crie um domínio
  • Criação de uma hospedagem na web
  • Conexão e upload de um site para o servidor

SEO

  • Vincule a web ao Google Search Console
  • Implementação de link canônico

02- Desenvolvimento Web (Front-End)

JavaScript

  • Introdução à programação front-end
  • JavaScript. Sintaxe geral
  • Incluir JavaScript em documentos HTML
  • JavaScript em anexos
  • JavaScript dentro do código HTML
  • JavaScript. Variáveis e operadores
  • Variáveis locais e variáveis globais
  • Variáveis numéricas
  • Métodos para variáveis numéricas
  • Operadores de atribuição
  • Operadores de incremento e decremento
  • Operadores matemáticos
  • Strings de texto (strings)
  • Métodos para strings de texto
  • Variáveis indefinidas
  • Variáveis NULL
  • Variáveis NaN
  • Operadores lógicos em JavaScript
  • Operadores relacionais

jQuery

  • Introdução ao Jquery
  • Passos para usar jQuery
  • Primeiro script com jQuery
  • JQuery Basics: Adicionando e Removendo Classes CSS
  • Noções básicas de JQuery: mostrar e ocultar elementos da página
  • JQuery Basics: Quick Effects com jQuery
  • JQuery Basics: retorno de chamada da função jQuery
  • JQuery Basics: Usando Basic Ajax com jQuery
  • JQuery Basics: Ajax jQuery com mensagem de carregamento

Módulo de Web Design com Wordpress

opção 2

01- Web Design com Wordpress. Da conceituação ao desenvolvimento

Introdução

  • A teia. Tipos e estruturas
  • Índice Google Mobile First
  • WordPress. O que é?
  • O design da web. Processo criativo

Fazendo pesquisas

  • Processo de investigação
  • Técnicas de análise

Cotação e planejamento

  • Quanto vale o meu site?
  • Planejamento de trabalho temporário
  • Sistemas de gestão para trabalhar web design

Conceitualizando a web

  • Inspiração e referência
  • A identidade visual. Manual de Estilos da Web
  • Criação de árvore de conteúdo
  • Sketch ou wireframes
  • Criação de maquetes com Sketch
  • Prototipagem da Web com Invision
  • Apresentação ao cliente e preparação do conteúdo

Criação de conteúdo

  • Redação
  • Tipos de Conteúdo
  • A geração de conteúdo em WordPress. Postagem e páginas
  • As imagens. Tipos e tratamento para web
  • LOPD. Instalação e regulação

Desenvolvendo nosso site

Conhecendo WordPress

  • Instalação local e servidor
  • Preparação de um WordPress. Etapas essenciais
  • Estrutura do WordPress e sua interface

Plugins

Biblioteca de mídia: otimização de imagem

Os temas

  • Tipos de tópicos
  • Explicando um tópico

Movendo nosso design para WordPress

  • Desenhar o body

Compositores visuais: compositor visual e elementor

Addons e complementos

Criação da web no celular primeiro

Formulários de contato

  • Projetando cabeçalhos personalizados. Os menus
  • Criação de rodapés personalizados
  • Criação própria de templates e snippets
  • Criação de layouts personalizados para postagem
  • Criação de tipos de postagem personalizados e seus layouts
  • Crie campos personalizados

Ecommerce: Woocommerce

  • Explicação e configuração de uma loja online
  • Crie modelos de produtos personalizados
  • Modificação e configuração de checkout
  • Plugins necessários

Gerenciamento de usuários em WordPress

  • Funções do usuário
  • Registro do usuário
  • Criação de áreas privadas e associações
  • Ver o conteúdo de acordo com as funções

Tradução do site

  • Usando o plugin
  • Tradução de temas e plugins

Exportação e backup para WordPress

Outros plugins de interesse: sliders, compartilhamento em redes sociais, feeds, chats.

Otimizando e protegendo nosso site

Otimização de desempenho do nosso WordPress

  • Otimização de código
  • Instalação de cache

Proteção Wordpress

  • Proteção de acesso ao WordPress
  • Proteção de conteúdos e pastas
  • Proteção contra ataques externos

Desenvolvendo nosso site

  • Introdução ao Inbound Marketing para WordPress
  • Criação de mapas do site
  • Instalação e configuração do plugin SEO

Desenvolvendo nosso site

Técnicas de manutenção WordPress

Última actualização Ago. 2020

Sobre a instituição de ensino

CEI - Centro de Estudios de Innovación - es una Escuela de Diseño Digital del siglo XXI, fundada en el siglo XX (año 1991). Somos un centro de formación oficial de Adobe, Apple, IBM, Maxon y Google Pa ... Leia mais

CEI - Centro de Estudios de Innovación - es una Escuela de Diseño Digital del siglo XXI, fundada en el siglo XX (año 1991). Somos un centro de formación oficial de Adobe, Apple, IBM, Maxon y Google Partner, especializado en el sector del diseño y marketing digital, con sedes en Madrid, Sevilla y próximamente también en Lisboa. Nuestros cursos, masters y títulos superiores se desarrollan en cuatro áreas: Diseño gráfico, Desarrollo web, Marketing Digital y Edición y Postproducción de Vídeo Digital (VFX) y Motion Graphics. Ler Menos
Madri , Sevilha , Madri + 2 Mais Menos