Mestrado Profissional em Design Gráfico e Web

Geral

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

Descrição do programa

communication, mockup, design

720 horas (12 meses)

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

objetivos

Já imaginou ser um especialista em design gráfico e web design? Ser capaz de fazer seus próprios designs para integrá-los em seu próprio site? O Mestrado Profissional em Design Gráfico e Web combina a aprendizagem dos conhecimentos necessários ao desenvolvimento de duas das profissões mais exigidas atualmente: designer gráfico e desenvolvedor web.

No que diz respeito ao design gráfico, este Mestrado Profissional proporciona ao aluno, por um lado, os conhecimentos necessários das mais importantes ferramentas de design e editoração eletrônica da Adobe (Photoshop, Illustrator e InDesign), que são a base que qualquer designer gráfico deve Dominar. Uma vez que essas ferramentas estejam perfeitamente gerenciadas, o aluno inicia um segundo módulo: produção gráfica e criatividade aplicada ao design. Neste módulo o aluno aprende e internaliza as bases fundamentais de criatividade e desenvolvimento de qualquer projeto de publicidade, design ou identidade corporativa necessários para acessar o mercado de trabalho: branding, copywriting, pré-impressão, direção de arte, criatividade publicitária, embalagem.

Quanto à parte de web design e desenvolvimento deste mestrado, composta por dois módulos, o aluno aprenderá as bases das linguagens de web design e programação mais utilizadas no mundo (HTML5, CSS3, JavaScript, jQuery) e também sobre gestão e desenvolvimento de conteúdos no CMS mais utilizado hoje em dia, WordPress (criação e instalação de temas, configuração da plataforma, instalação de plugins ...), adquirindo, desta forma, conhecimentos mais do que suficientes para o design de páginas web.

informação

  • Ilustrador da Adobe
  • Adobe photoshop
  • Adobe InDesign
  • Produção gráfica
  • Criatividade aplicada ao design
  • 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
  • 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

720 horas no total

  • Pessoalmente ou online
  • 560 horas de aula
  • Segunda a quinta-feira (+ alguma sexta-feira)
  • 160 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

€ 5.600

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 Produção Gráfica e Criatividade

01- Produção Gráfica

  • introdução
  • O que é design?
  • Definição de "projeto gráfico"
  • Processos de produção gráfica
  • História do design
  • Linguagem visual
  • design Elements
  • Composição
  • Cor (a natureza da cor, psicologia da cor, modos de cor)
  • Imagem digital
  • Formatos (PDF, PDF.X, TIFF, EPS, GIF, PNG, JPEG)
  • Tipos de impressão
  • Acabamentos e exemplos
  • Design de grande formato

02- Criatividade Aplicada ao Design

  • introdução
  • Comunicação visual (transmitir por meio de uma imagem)
  • Conceitos de criatividade e atitude criativa
  • O processo criativo no ambiente de design gráfico
  • Processos criativos (brainstorming, moodboards)
  • Fontes (classificação e combinações de tipo)
  • Tipografia aplicada ao design (Truetype, Opentype)
  • Estratégias de marca, manual de identidade, aplicativos, papelaria corporativa
  • Identidade corporativa (processo de branding)
  • Métodos de pesquisa de ideias (pinterest, Domestika, Behance)
  • Teoria de embalagem básica
  • Cor na embalagem (exemplos)
  • Exercício criativo (representação de si mesmo através de uma carta)
  • Teoria básica de layout
  • Tipos de papéis, acabamentos, gramaturas, tintas especiais, entalhes (exemplos)
  • Tutoria do projeto final

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

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

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