SlideShare una empresa de Scribd logo
1 de 27
Descargar para leer sin conexión
Assistente de Programação
Visual Gráfica
Instrutor: Daniel Brandão
professorDanielBrandao@gmail.com
GRADUADO EM: DESENVOLVIMENTO DE SISTEMAS –
Faculdade SÃO MATEUS
desde Dezembro/2008
Experiências:
- Arte-finalista: 2002 a 2003
- Suporte em informática: 2004 à 2005
- Desenvolvimento de sites: 2005 até hoje
- Especialista em linguagens de programação: HTML, CSS, PHP
+ Banco de dados MySQL
- Aplicativos: CorelDraw, Fireworks, Flash, Dreamweaver
Sobre o Instrutor
Designer é um profissional altamente capacitado que
elabora projetos direcionados para artes gráfica e criação
de identidade visual entre outros trabalhos, com intuito de
equilibrar dois conceitos que fazem parte da alma do
designer: estética e funcionalidade.
Esta profissão é uma ferramenta indispensável na
elaboração de um bom projeto visual gráfico e por isso de
forma profissional e com especializações dignas, temos
que lutar pela valorização desta profissão esplêndida.
Perfil Profissional
Realizar produção visual gráfica (Composição Visual)
e diagramação eletrônica, editar textos e imagens e
desenvolvimento de Arte Final.
Trabalhando em conformidade a normas e
procedimentos técnicos de
qualidade, segurança, meio ambiente e saúde.
Competência Geral:
Planejam serviços de pré-impressão gráfica.
Realizam programação visual gráfica e editoram
textos e imagens. Operam processos de tratamento
de imagens seguindo normas e procedimentos de
segurança, higiene, qualidade e preservação
ambiental.
PERFIL PROFISSIONAL DE CONCLUSÃO
/HABILIDADES
Organização Curricular
• Programas de editoração de imagens, Bitmaps e
Vetoriais;
• CorelDraw;
• Ilustrador;
• Indesign;
• Paint;
• Fireworks.
Programas
Identidade Visual
Introdução ao tema
A interface gráfica amigável deve assumir uma identidade
gráfico-visual. Trata-se do conjunto de elementos gráficos
(assinatura visual, cores, tipografia, sinalização, etc.)
desenhados para formalizar a personalidade de um sítio virtual.
É a identidade gráfico-visual que difere uma marca de outra.
A identidade gráfico-visual é fundamental para que os sítios
virtuais sejam autênticos, esteticamente atraentes e transmitam
credibilidade para conquistar a confiança do utilizador. Para
isso, é imprescindível que a linguagem visual esteja adequada
com o público a que se destina.
Identidade gráfico-visual
(1) Logotipo: é a particularização da escrita de um nome. Em
conjunto com o símbolo, forma a assinatura visual. Grafia
padronizada e exclusiva do nome da organização ou
produto. Pode comparecer na Identidade sozinho
(Pirelli, DELL, Microsoft, Johnson & Johnson, Disney) ou
compondo com uma Assinatura com um símbolo
(Bradesco, Brasil Telecom, Unimed).
A identidade gráfico-visual é
composta por:
(2) Símbolo: segundo Meurer (2004, p.34), o tipo mais
complexo de signo. Etimologicamente, este não guarda
qualquer relação de semelhança ou de contiguidade com a
coisa representada. Ou seja, os símbolos são
arbitrários, culturais, convencionais e devem ser aprendidos.
Com o uso, passam a identificar um nome, ideia, produto ou
serviço. É um sinal exclusivo, identificador, pictográfico ou
não, que será acompanhado do logotipo. Em alguns casos
especiais (Mercedes Benz, Jogos 0límpicos, Nike, Shell)
atinge tal grau de reconhecimento, que pode prescindir do
logotipo para identificar plenamente a Marca.
A identidade gráfico-visual é
composta por:
EX: Símbolo SHELL
Assinatura ou Símbolo Misto : Símbolo +
Logotipo, juntos, compostos de forma padronizada, com
suas variantes de composição admissíveis.
Selo ou Emblema - logotipo dentro de um campo que
possui formato próprio (Itaú, Samsung, Ford ).
(3) Padrão cromático: trata-se das cores da identidade
gráfico-visual definidas como padrão. Com o uso, podem
atingir maior reconhecimento que o logotipo e símbolo.
(4) Alfabeto padrão: utilizado para qualquer texto
complementar à identidade gráfico-visual. É importante
definir mais de um alfabeto padrão, para diferentes
aplicações.
(5) Sinalização: são os ícones, menus e outros elementos
que orientam o utilizador na navegação do sítio virtual.
Segundo Memória (2005, p.58), a identidade gráfico-visual
torna o sítio virtual um sistema integrado e facilita sua
usabilidade e acessibilidade. Com uma padronização
visual, o utilizador aprende rapidamente a utilizar o sistema
e assimila mais rápido o seu conteúdo.
O CONCEITO
Conceito: Uma descrição aproximada da
tecnologia, princípios de funcionamento e forma do
produto. É uma descrição concisa de como o produto
vai satisfazer as necessidades dos usuários.
O conceito
O painel semântico serve para transmitir certos
sentidos de emoção através de imagens, para afunilar
a sua transmissão da informação, que deseja passar.
Painel Semântico
Procura-se traçar uma imagem do estilo de vida dos
consumidores. Essas imagens devem refletir os
valores pessoais e sociais, além de representar o tipo
de vida dos consumidores.
Painel do estilo de vida
A partir do painel do estilo de vida, procura-se
identificar uma expressão para o produto. É a síntese
do estilo de vida dos consumidores. Representa a
emoção que o produto transmite, pode ser
jovial, suave, forte, confortável.
Painel da expressão do produto
O painel da expressão do produto gera o painel do
tema visual, ou seja, o estilo para o produto, através
dele é possível coletar uma série de
informações, inclusive de forma visuais que servem
de inspiração para o novo estilo. Esse universo pode ir
as mais variadas categorias de produtos.
Painel do tema visual
Painel do tema visual
Princípios universais de
desenho
Cor: A cor é uma percepção visual provocada pela
ação de um feixe de fótons sobre células
especializadas da retina, que transmitem através de
informação pré-processada no nervo
óptico, impressões para o sistema nervoso. Na
realidade cor é uma linguagem individual. O homem
reage a ela subordinado às condições físicas e às suas
influencias culturais.
Princípios universais de desenho:
Legibilidade: Claridade visual de um texto baseada no
tamanho e no tipo de letra, no contraste nos blocos
de texto e no espaço dos caracteres utilizados.
Princípios universais de desenho:
Hierarquia (modos de organizar a informação): A
organização hierárquica constitui a estrutura mais
simples para visualizar e entender a complexidade.
Princípios universais de desenho:

Más contenido relacionado

La actualidad más candente

Design e composição gráfica parte2
Design e composição gráfica parte2Design e composição gráfica parte2
Design e composição gráfica parte2Luis Vieira
 
Manual de Identidade Visual e uso da Marca Feira do Livro Espirita
Manual de Identidade Visual e uso da Marca  Feira do Livro EspiritaManual de Identidade Visual e uso da Marca  Feira do Livro Espirita
Manual de Identidade Visual e uso da Marca Feira do Livro EspiritaFernanda Redondo
 
01 o que é design gráfico cida medeiros
01 o que é design gráfico cida medeiros01 o que é design gráfico cida medeiros
01 o que é design gráfico cida medeirosAVMDesigner
 
Workshop moodle rede de escolas - Cuiabá
Workshop moodle rede de escolas - CuiabáWorkshop moodle rede de escolas - Cuiabá
Workshop moodle rede de escolas - CuiabáJonathas Scott
 
Metodologia de Projeto - Design Processo - 2.1.BAI430
Metodologia de Projeto - Design Processo - 2.1.BAI430Metodologia de Projeto - Design Processo - 2.1.BAI430
Metodologia de Projeto - Design Processo - 2.1.BAI430Valdir Soares
 
Usabilidade para sistemas
Usabilidade para sistemasUsabilidade para sistemas
Usabilidade para sistemasanatofol
 
Wiad interface-acessivel-educacao-distancia-5dias
Wiad interface-acessivel-educacao-distancia-5diasWiad interface-acessivel-educacao-distancia-5dias
Wiad interface-acessivel-educacao-distancia-5diasJonathas Scott
 
Identidade Visual Design UFRGS - O Processo
Identidade Visual Design UFRGS - O ProcessoIdentidade Visual Design UFRGS - O Processo
Identidade Visual Design UFRGS - O ProcessoCadeUFRGS
 
Fundamentos do design
Fundamentos do designFundamentos do design
Fundamentos do designdrimartinez
 
Projeto instucional (revendo seus valores e agregando conceitos comunicaciona...
Projeto instucional (revendo seus valores e agregando conceitos comunicaciona...Projeto instucional (revendo seus valores e agregando conceitos comunicaciona...
Projeto instucional (revendo seus valores e agregando conceitos comunicaciona...Alex Oliveira
 
Programação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton Bezerra
Programação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton BezerraProgramação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton Bezerra
Programação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton BezerraHelton Bezerra
 
Penso, logo, marca proposta oficina bh 2012
Penso, logo, marca   proposta oficina bh 2012Penso, logo, marca   proposta oficina bh 2012
Penso, logo, marca proposta oficina bh 2012Níkolas Espíndola
 
Design de interface (trabalho acadêmico)
Design de interface (trabalho acadêmico)Design de interface (trabalho acadêmico)
Design de interface (trabalho acadêmico)DesignCarminatti
 
Alfabeto Visual_Introdução ap Alfabeto Visual
Alfabeto Visual_Introdução ap Alfabeto VisualAlfabeto Visual_Introdução ap Alfabeto Visual
Alfabeto Visual_Introdução ap Alfabeto VisualSancho Ferreira
 

La actualidad más candente (20)

Aula 03 layout
Aula 03 layoutAula 03 layout
Aula 03 layout
 
Aula 2 Webdesign
Aula 2 WebdesignAula 2 Webdesign
Aula 2 Webdesign
 
Design e composição gráfica parte2
Design e composição gráfica parte2Design e composição gráfica parte2
Design e composição gráfica parte2
 
Manual de Identidade Visual e uso da Marca Feira do Livro Espirita
Manual de Identidade Visual e uso da Marca  Feira do Livro EspiritaManual de Identidade Visual e uso da Marca  Feira do Livro Espirita
Manual de Identidade Visual e uso da Marca Feira do Livro Espirita
 
01 o que é design gráfico cida medeiros
01 o que é design gráfico cida medeiros01 o que é design gráfico cida medeiros
01 o que é design gráfico cida medeiros
 
Workshop moodle rede de escolas - Cuiabá
Workshop moodle rede de escolas - CuiabáWorkshop moodle rede de escolas - Cuiabá
Workshop moodle rede de escolas - Cuiabá
 
Metodologia de Projeto - Design Processo - 2.1.BAI430
Metodologia de Projeto - Design Processo - 2.1.BAI430Metodologia de Projeto - Design Processo - 2.1.BAI430
Metodologia de Projeto - Design Processo - 2.1.BAI430
 
Usabilidade para sistemas
Usabilidade para sistemasUsabilidade para sistemas
Usabilidade para sistemas
 
Wiad interface-acessivel-educacao-distancia-5dias
Wiad interface-acessivel-educacao-distancia-5diasWiad interface-acessivel-educacao-distancia-5dias
Wiad interface-acessivel-educacao-distancia-5dias
 
Identidade Visual Design UFRGS - O Processo
Identidade Visual Design UFRGS - O ProcessoIdentidade Visual Design UFRGS - O Processo
Identidade Visual Design UFRGS - O Processo
 
Fundamentos do design
Fundamentos do designFundamentos do design
Fundamentos do design
 
Projeto instucional (revendo seus valores e agregando conceitos comunicaciona...
Projeto instucional (revendo seus valores e agregando conceitos comunicaciona...Projeto instucional (revendo seus valores e agregando conceitos comunicaciona...
Projeto instucional (revendo seus valores e agregando conceitos comunicaciona...
 
Programação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton Bezerra
Programação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton BezerraProgramação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton Bezerra
Programação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton Bezerra
 
Palestra UX Etec - 22_04
Palestra UX Etec - 22_04Palestra UX Etec - 22_04
Palestra UX Etec - 22_04
 
Editoracao e design - Layout
Editoracao e design - LayoutEditoracao e design - Layout
Editoracao e design - Layout
 
Design de Interfaces
Design de InterfacesDesign de Interfaces
Design de Interfaces
 
Usabilidade Simples
Usabilidade SimplesUsabilidade Simples
Usabilidade Simples
 
Penso, logo, marca proposta oficina bh 2012
Penso, logo, marca   proposta oficina bh 2012Penso, logo, marca   proposta oficina bh 2012
Penso, logo, marca proposta oficina bh 2012
 
Design de interface (trabalho acadêmico)
Design de interface (trabalho acadêmico)Design de interface (trabalho acadêmico)
Design de interface (trabalho acadêmico)
 
Alfabeto Visual_Introdução ap Alfabeto Visual
Alfabeto Visual_Introdução ap Alfabeto VisualAlfabeto Visual_Introdução ap Alfabeto Visual
Alfabeto Visual_Introdução ap Alfabeto Visual
 

Destacado

Manual aplicação logomarcas rede senai de ead
Manual aplicação logomarcas rede senai de eadManual aplicação logomarcas rede senai de ead
Manual aplicação logomarcas rede senai de eadprofessor_alberto
 
Programação Criativa com Processing
Programação Criativa com ProcessingProgramação Criativa com Processing
Programação Criativa com ProcessingLucas Cabral
 
Introdução a programação gráfica com Processing - Aula 02
Introdução a programação gráfica com Processing - Aula 02Introdução a programação gráfica com Processing - Aula 02
Introdução a programação gráfica com Processing - Aula 02Lucas Cabral
 
Design e composição gráfica
Design e composição gráficaDesign e composição gráfica
Design e composição gráficaPedro Fidalgo
 
Descrição de recursos em wikis semânticos
Descrição de recursos em wikis semânticosDescrição de recursos em wikis semânticos
Descrição de recursos em wikis semânticosJaider Andrade Ferreira
 
Animação e computação gráfica
Animação e computação gráficaAnimação e computação gráfica
Animação e computação gráficaHélder Prando
 
Computação grafica
Computação graficaComputação grafica
Computação graficaLucas Castro
 
Aula Interface Gráfica do Usuário
Aula Interface Gráfica do UsuárioAula Interface Gráfica do Usuário
Aula Interface Gráfica do UsuárioFabio Moura Pereira
 
Programação visual aula 03 - leis da gestalt
Programação visual   aula 03 - leis da gestaltProgramação visual   aula 03 - leis da gestalt
Programação visual aula 03 - leis da gestaltEauv
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - IntroduçãoTony Alexander Hild
 
Composição e Projeto Gráfico 2015 - Fundamentos básicos-do design-1/2
Composição e Projeto Gráfico 2015 - Fundamentos básicos-do design-1/2Composição e Projeto Gráfico 2015 - Fundamentos básicos-do design-1/2
Composição e Projeto Gráfico 2015 - Fundamentos básicos-do design-1/2Fábio Gonçalves
 
Gestalt Principles
Gestalt PrinciplesGestalt Principles
Gestalt PrinciplesPatty Odom
 
Gestalt Terapia - Psicologia
Gestalt Terapia - PsicologiaGestalt Terapia - Psicologia
Gestalt Terapia - PsicologiaAdriane Fernandes
 
Advertising in Gestalt psychology
Advertising in Gestalt psychologyAdvertising in Gestalt psychology
Advertising in Gestalt psychologyMartin Bláha
 

Destacado (20)

Manual aplicação logomarcas rede senai de ead
Manual aplicação logomarcas rede senai de eadManual aplicação logomarcas rede senai de ead
Manual aplicação logomarcas rede senai de ead
 
Palestra Mkt Digital - Criação
Palestra Mkt Digital - CriaçãoPalestra Mkt Digital - Criação
Palestra Mkt Digital - Criação
 
Programação Criativa com Processing
Programação Criativa com ProcessingProgramação Criativa com Processing
Programação Criativa com Processing
 
Introdução a programação gráfica com Processing - Aula 02
Introdução a programação gráfica com Processing - Aula 02Introdução a programação gráfica com Processing - Aula 02
Introdução a programação gráfica com Processing - Aula 02
 
Design e composição gráfica
Design e composição gráficaDesign e composição gráfica
Design e composição gráfica
 
Interface grafica do usuario
Interface grafica do usuarioInterface grafica do usuario
Interface grafica do usuario
 
Descrição de recursos em wikis semânticos
Descrição de recursos em wikis semânticosDescrição de recursos em wikis semânticos
Descrição de recursos em wikis semânticos
 
Animação e computação gráfica
Animação e computação gráficaAnimação e computação gráfica
Animação e computação gráfica
 
Gestalt
GestaltGestalt
Gestalt
 
Computação grafica
Computação graficaComputação grafica
Computação grafica
 
Aula Interface Gráfica do Usuário
Aula Interface Gráfica do UsuárioAula Interface Gráfica do Usuário
Aula Interface Gráfica do Usuário
 
Programação visual aula 03 - leis da gestalt
Programação visual   aula 03 - leis da gestaltProgramação visual   aula 03 - leis da gestalt
Programação visual aula 03 - leis da gestalt
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - Introdução
 
Sensores de Posição
Sensores de PosiçãoSensores de Posição
Sensores de Posição
 
Composição e Projeto Gráfico 2015 - Fundamentos básicos-do design-1/2
Composição e Projeto Gráfico 2015 - Fundamentos básicos-do design-1/2Composição e Projeto Gráfico 2015 - Fundamentos básicos-do design-1/2
Composição e Projeto Gráfico 2015 - Fundamentos básicos-do design-1/2
 
Leis da Gestalt
Leis da GestaltLeis da Gestalt
Leis da Gestalt
 
Psicologia geral fabiola
Psicologia geral fabiolaPsicologia geral fabiola
Psicologia geral fabiola
 
Gestalt Principles
Gestalt PrinciplesGestalt Principles
Gestalt Principles
 
Gestalt Terapia - Psicologia
Gestalt Terapia - PsicologiaGestalt Terapia - Psicologia
Gestalt Terapia - Psicologia
 
Advertising in Gestalt psychology
Advertising in Gestalt psychologyAdvertising in Gestalt psychology
Advertising in Gestalt psychology
 

Similar a Assistente de programação visual gráfica

Identidade visua ldeisi
Identidade visua ldeisiIdentidade visua ldeisi
Identidade visua ldeisiDeisi Motter
 
Every place identidade visual primeira versão
Every place   identidade visual primeira versãoEvery place   identidade visual primeira versão
Every place identidade visual primeira versãoMarcus Ortense
 
Alfaiataria Digital Portfolio Marcas 2009 | Logo Design
Alfaiataria Digital Portfolio Marcas 2009 | Logo DesignAlfaiataria Digital Portfolio Marcas 2009 | Logo Design
Alfaiataria Digital Portfolio Marcas 2009 | Logo DesignAlfaiataria Digital
 
Imagem corporativa 1
Imagem corporativa 1Imagem corporativa 1
Imagem corporativa 1MFJCFL
 
Identidade: Manual e Pocket Brand - Computação Gráfica - 2021-02
Identidade: Manual e Pocket Brand - Computação Gráfica - 2021-02Identidade: Manual e Pocket Brand - Computação Gráfica - 2021-02
Identidade: Manual e Pocket Brand - Computação Gráfica - 2021-02Renato Melo
 
Identidade: Manual e Pocket Brand
Identidade: Manual e Pocket BrandIdentidade: Manual e Pocket Brand
Identidade: Manual e Pocket BrandRenato Melo
 
LOGO DESIGN "Estudo TG Cultural"
LOGO DESIGN "Estudo TG Cultural"LOGO DESIGN "Estudo TG Cultural"
LOGO DESIGN "Estudo TG Cultural"Meridiano Digital
 
O que é identidade visual
O que é identidade visualO que é identidade visual
O que é identidade visualAlegria Design
 
Apresentação.pptx
Apresentação.pptxApresentação.pptx
Apresentação.pptxShigo4
 
Projeto Final de Designer
Projeto Final de DesignerProjeto Final de Designer
Projeto Final de DesignerRoney Sousa
 
Kits de Comunicação Estratégica.
Kits de Comunicação Estratégica.Kits de Comunicação Estratégica.
Kits de Comunicação Estratégica.Resulta Mkt & Vendas
 
Apresentação1 2 ANO..pptx
Apresentação1 2 ANO..pptxApresentação1 2 ANO..pptx
Apresentação1 2 ANO..pptxerica658077
 
MAPA - MKT - DESIGN GRÁFICO APLICADO AO MARKETING - 54 2023.
MAPA - MKT - DESIGN GRÁFICO APLICADO AO MARKETING - 54 2023.MAPA - MKT - DESIGN GRÁFICO APLICADO AO MARKETING - 54 2023.
MAPA - MKT - DESIGN GRÁFICO APLICADO AO MARKETING - 54 2023.IntegrareAcademy2
 
As relações significativas entre a identidade visual e a marca Chilli Beans. ...
As relações significativas entre a identidade visual e a marca Chilli Beans. ...As relações significativas entre a identidade visual e a marca Chilli Beans. ...
As relações significativas entre a identidade visual e a marca Chilli Beans. ...IntegrareAcademy2
 

Similar a Assistente de programação visual gráfica (20)

Identidade visua ldeisi
Identidade visua ldeisiIdentidade visua ldeisi
Identidade visua ldeisi
 
Every place identidade visual primeira versão
Every place   identidade visual primeira versãoEvery place   identidade visual primeira versão
Every place identidade visual primeira versão
 
Alfaiataria Digital Portfolio Marcas 2009 | Logo Design
Alfaiataria Digital Portfolio Marcas 2009 | Logo DesignAlfaiataria Digital Portfolio Marcas 2009 | Logo Design
Alfaiataria Digital Portfolio Marcas 2009 | Logo Design
 
Brand book
Brand bookBrand book
Brand book
 
Imagem corporativa 1
Imagem corporativa 1Imagem corporativa 1
Imagem corporativa 1
 
Identidade: Manual e Pocket Brand - Computação Gráfica - 2021-02
Identidade: Manual e Pocket Brand - Computação Gráfica - 2021-02Identidade: Manual e Pocket Brand - Computação Gráfica - 2021-02
Identidade: Manual e Pocket Brand - Computação Gráfica - 2021-02
 
Identidade: Manual e Pocket Brand
Identidade: Manual e Pocket BrandIdentidade: Manual e Pocket Brand
Identidade: Manual e Pocket Brand
 
Projeto de Identidade Visual
Projeto de Identidade VisualProjeto de Identidade Visual
Projeto de Identidade Visual
 
Projeto GráFico123
Projeto GráFico123Projeto GráFico123
Projeto GráFico123
 
LOGO DESIGN "Estudo TG Cultural"
LOGO DESIGN "Estudo TG Cultural"LOGO DESIGN "Estudo TG Cultural"
LOGO DESIGN "Estudo TG Cultural"
 
Ap Marcas
Ap MarcasAp Marcas
Ap Marcas
 
O que é identidade visual
O que é identidade visualO que é identidade visual
O que é identidade visual
 
Apresentação.pptx
Apresentação.pptxApresentação.pptx
Apresentação.pptx
 
Projeto Final de Designer
Projeto Final de DesignerProjeto Final de Designer
Projeto Final de Designer
 
Conceitos Design
Conceitos DesignConceitos Design
Conceitos Design
 
Kits de Comunicação Estratégica.
Kits de Comunicação Estratégica.Kits de Comunicação Estratégica.
Kits de Comunicação Estratégica.
 
Apresentação1 2 ANO..pptx
Apresentação1 2 ANO..pptxApresentação1 2 ANO..pptx
Apresentação1 2 ANO..pptx
 
Concept art
Concept artConcept art
Concept art
 
MAPA - MKT - DESIGN GRÁFICO APLICADO AO MARKETING - 54 2023.
MAPA - MKT - DESIGN GRÁFICO APLICADO AO MARKETING - 54 2023.MAPA - MKT - DESIGN GRÁFICO APLICADO AO MARKETING - 54 2023.
MAPA - MKT - DESIGN GRÁFICO APLICADO AO MARKETING - 54 2023.
 
As relações significativas entre a identidade visual e a marca Chilli Beans. ...
As relações significativas entre a identidade visual e a marca Chilli Beans. ...As relações significativas entre a identidade visual e a marca Chilli Beans. ...
As relações significativas entre a identidade visual e a marca Chilli Beans. ...
 

Más de Daniel Brandão

PHP Aula07 - conexão Com Banco de Dados
PHP Aula07 - conexão Com Banco de DadosPHP Aula07 - conexão Com Banco de Dados
PHP Aula07 - conexão Com Banco de DadosDaniel Brandão
 
Introdução ao editor de texto Word
Introdução ao editor de texto WordIntrodução ao editor de texto Word
Introdução ao editor de texto WordDaniel Brandão
 
CSS - Módulo Básico de WEB
CSS - Módulo Básico de WEBCSS - Módulo Básico de WEB
CSS - Módulo Básico de WEBDaniel Brandão
 
Apostila Multimidia Aplicada a Educação
Apostila Multimidia Aplicada a EducaçãoApostila Multimidia Aplicada a Educação
Apostila Multimidia Aplicada a EducaçãoDaniel Brandão
 
Introducao a Programacao Web - HTML
Introducao a Programacao Web - HTMLIntroducao a Programacao Web - HTML
Introducao a Programacao Web - HTMLDaniel Brandão
 
Sistemas operacionais de redes II
Sistemas operacionais de redes IISistemas operacionais de redes II
Sistemas operacionais de redes IIDaniel Brandão
 
Sistemas Operacionais em redes
Sistemas Operacionais em redesSistemas Operacionais em redes
Sistemas Operacionais em redesDaniel Brandão
 
Notas sobre Sistemas Operacionais
Notas sobre Sistemas Operacionais Notas sobre Sistemas Operacionais
Notas sobre Sistemas Operacionais Daniel Brandão
 
Introdução ao Banco de dados - Prof. Daniel Brandão
Introdução ao Banco de dados - Prof. Daniel BrandãoIntrodução ao Banco de dados - Prof. Daniel Brandão
Introdução ao Banco de dados - Prof. Daniel BrandãoDaniel Brandão
 
Introdução a Banco de Dados
Introdução a Banco de DadosIntrodução a Banco de Dados
Introdução a Banco de DadosDaniel Brandão
 
Apostila xp programação ágil
Apostila xp   programação ágilApostila xp   programação ágil
Apostila xp programação ágilDaniel Brandão
 
Logotipos e seus significados
Logotipos e seus significadosLogotipos e seus significados
Logotipos e seus significadosDaniel Brandão
 
Extreme programming (xp) - Resumo
Extreme programming (xp) - ResumoExtreme programming (xp) - Resumo
Extreme programming (xp) - ResumoDaniel Brandão
 
Tipos de dados do MySQL 5
Tipos de dados do MySQL 5Tipos de dados do MySQL 5
Tipos de dados do MySQL 5Daniel Brandão
 
Resumo sistemas operacionais
Resumo sistemas operacionaisResumo sistemas operacionais
Resumo sistemas operacionaisDaniel Brandão
 
Sistemas operacionais mobile
Sistemas operacionais mobileSistemas operacionais mobile
Sistemas operacionais mobileDaniel Brandão
 

Más de Daniel Brandão (20)

PHP Aula07 - conexão Com Banco de Dados
PHP Aula07 - conexão Com Banco de DadosPHP Aula07 - conexão Com Banco de Dados
PHP Aula07 - conexão Com Banco de Dados
 
Introdução ao editor de texto Word
Introdução ao editor de texto WordIntrodução ao editor de texto Word
Introdução ao editor de texto Word
 
CSS - Módulo Básico de WEB
CSS - Módulo Básico de WEBCSS - Módulo Básico de WEB
CSS - Módulo Básico de WEB
 
Apostila Multimidia Aplicada a Educação
Apostila Multimidia Aplicada a EducaçãoApostila Multimidia Aplicada a Educação
Apostila Multimidia Aplicada a Educação
 
Introducao a Programacao Web - HTML
Introducao a Programacao Web - HTMLIntroducao a Programacao Web - HTML
Introducao a Programacao Web - HTML
 
Sistemas operacionais de redes II
Sistemas operacionais de redes IISistemas operacionais de redes II
Sistemas operacionais de redes II
 
Sistemas Operacionais em redes
Sistemas Operacionais em redesSistemas Operacionais em redes
Sistemas Operacionais em redes
 
Notas sobre Sistemas Operacionais
Notas sobre Sistemas Operacionais Notas sobre Sistemas Operacionais
Notas sobre Sistemas Operacionais
 
Introdução ao Banco de dados - Prof. Daniel Brandão
Introdução ao Banco de dados - Prof. Daniel BrandãoIntrodução ao Banco de dados - Prof. Daniel Brandão
Introdução ao Banco de dados - Prof. Daniel Brandão
 
Modelo de briefing
Modelo de briefingModelo de briefing
Modelo de briefing
 
Introdução a Banco de Dados
Introdução a Banco de DadosIntrodução a Banco de Dados
Introdução a Banco de Dados
 
Apostila xp programação ágil
Apostila xp   programação ágilApostila xp   programação ágil
Apostila xp programação ágil
 
Logotipos e seus significados
Logotipos e seus significadosLogotipos e seus significados
Logotipos e seus significados
 
Tipos de dados em MySQL
Tipos de dados em MySQLTipos de dados em MySQL
Tipos de dados em MySQL
 
Extreme programming (xp) - Resumo
Extreme programming (xp) - ResumoExtreme programming (xp) - Resumo
Extreme programming (xp) - Resumo
 
Registros no windows 7
Registros no windows 7Registros no windows 7
Registros no windows 7
 
Tipos de dados do MySQL 5
Tipos de dados do MySQL 5Tipos de dados do MySQL 5
Tipos de dados do MySQL 5
 
Introdução à Web
Introdução à WebIntrodução à Web
Introdução à Web
 
Resumo sistemas operacionais
Resumo sistemas operacionaisResumo sistemas operacionais
Resumo sistemas operacionais
 
Sistemas operacionais mobile
Sistemas operacionais mobileSistemas operacionais mobile
Sistemas operacionais mobile
 

Assistente de programação visual gráfica

  • 1. Assistente de Programação Visual Gráfica Instrutor: Daniel Brandão professorDanielBrandao@gmail.com
  • 2. GRADUADO EM: DESENVOLVIMENTO DE SISTEMAS – Faculdade SÃO MATEUS desde Dezembro/2008 Experiências: - Arte-finalista: 2002 a 2003 - Suporte em informática: 2004 à 2005 - Desenvolvimento de sites: 2005 até hoje - Especialista em linguagens de programação: HTML, CSS, PHP + Banco de dados MySQL - Aplicativos: CorelDraw, Fireworks, Flash, Dreamweaver Sobre o Instrutor
  • 3. Designer é um profissional altamente capacitado que elabora projetos direcionados para artes gráfica e criação de identidade visual entre outros trabalhos, com intuito de equilibrar dois conceitos que fazem parte da alma do designer: estética e funcionalidade. Esta profissão é uma ferramenta indispensável na elaboração de um bom projeto visual gráfico e por isso de forma profissional e com especializações dignas, temos que lutar pela valorização desta profissão esplêndida. Perfil Profissional
  • 4. Realizar produção visual gráfica (Composição Visual) e diagramação eletrônica, editar textos e imagens e desenvolvimento de Arte Final. Trabalhando em conformidade a normas e procedimentos técnicos de qualidade, segurança, meio ambiente e saúde. Competência Geral:
  • 5. Planejam serviços de pré-impressão gráfica. Realizam programação visual gráfica e editoram textos e imagens. Operam processos de tratamento de imagens seguindo normas e procedimentos de segurança, higiene, qualidade e preservação ambiental. PERFIL PROFISSIONAL DE CONCLUSÃO /HABILIDADES
  • 7. • Programas de editoração de imagens, Bitmaps e Vetoriais; • CorelDraw; • Ilustrador; • Indesign; • Paint; • Fireworks. Programas
  • 9. A interface gráfica amigável deve assumir uma identidade gráfico-visual. Trata-se do conjunto de elementos gráficos (assinatura visual, cores, tipografia, sinalização, etc.) desenhados para formalizar a personalidade de um sítio virtual. É a identidade gráfico-visual que difere uma marca de outra. A identidade gráfico-visual é fundamental para que os sítios virtuais sejam autênticos, esteticamente atraentes e transmitam credibilidade para conquistar a confiança do utilizador. Para isso, é imprescindível que a linguagem visual esteja adequada com o público a que se destina. Identidade gráfico-visual
  • 10. (1) Logotipo: é a particularização da escrita de um nome. Em conjunto com o símbolo, forma a assinatura visual. Grafia padronizada e exclusiva do nome da organização ou produto. Pode comparecer na Identidade sozinho (Pirelli, DELL, Microsoft, Johnson & Johnson, Disney) ou compondo com uma Assinatura com um símbolo (Bradesco, Brasil Telecom, Unimed). A identidade gráfico-visual é composta por:
  • 11. (2) Símbolo: segundo Meurer (2004, p.34), o tipo mais complexo de signo. Etimologicamente, este não guarda qualquer relação de semelhança ou de contiguidade com a coisa representada. Ou seja, os símbolos são arbitrários, culturais, convencionais e devem ser aprendidos. Com o uso, passam a identificar um nome, ideia, produto ou serviço. É um sinal exclusivo, identificador, pictográfico ou não, que será acompanhado do logotipo. Em alguns casos especiais (Mercedes Benz, Jogos 0límpicos, Nike, Shell) atinge tal grau de reconhecimento, que pode prescindir do logotipo para identificar plenamente a Marca. A identidade gráfico-visual é composta por:
  • 13. Assinatura ou Símbolo Misto : Símbolo + Logotipo, juntos, compostos de forma padronizada, com suas variantes de composição admissíveis.
  • 14. Selo ou Emblema - logotipo dentro de um campo que possui formato próprio (Itaú, Samsung, Ford ).
  • 15. (3) Padrão cromático: trata-se das cores da identidade gráfico-visual definidas como padrão. Com o uso, podem atingir maior reconhecimento que o logotipo e símbolo. (4) Alfabeto padrão: utilizado para qualquer texto complementar à identidade gráfico-visual. É importante definir mais de um alfabeto padrão, para diferentes aplicações.
  • 16. (5) Sinalização: são os ícones, menus e outros elementos que orientam o utilizador na navegação do sítio virtual. Segundo Memória (2005, p.58), a identidade gráfico-visual torna o sítio virtual um sistema integrado e facilita sua usabilidade e acessibilidade. Com uma padronização visual, o utilizador aprende rapidamente a utilizar o sistema e assimila mais rápido o seu conteúdo.
  • 18. Conceito: Uma descrição aproximada da tecnologia, princípios de funcionamento e forma do produto. É uma descrição concisa de como o produto vai satisfazer as necessidades dos usuários. O conceito
  • 19. O painel semântico serve para transmitir certos sentidos de emoção através de imagens, para afunilar a sua transmissão da informação, que deseja passar. Painel Semântico
  • 20. Procura-se traçar uma imagem do estilo de vida dos consumidores. Essas imagens devem refletir os valores pessoais e sociais, além de representar o tipo de vida dos consumidores. Painel do estilo de vida
  • 21. A partir do painel do estilo de vida, procura-se identificar uma expressão para o produto. É a síntese do estilo de vida dos consumidores. Representa a emoção que o produto transmite, pode ser jovial, suave, forte, confortável. Painel da expressão do produto
  • 22. O painel da expressão do produto gera o painel do tema visual, ou seja, o estilo para o produto, através dele é possível coletar uma série de informações, inclusive de forma visuais que servem de inspiração para o novo estilo. Esse universo pode ir as mais variadas categorias de produtos. Painel do tema visual
  • 23. Painel do tema visual
  • 25. Cor: A cor é uma percepção visual provocada pela ação de um feixe de fótons sobre células especializadas da retina, que transmitem através de informação pré-processada no nervo óptico, impressões para o sistema nervoso. Na realidade cor é uma linguagem individual. O homem reage a ela subordinado às condições físicas e às suas influencias culturais. Princípios universais de desenho:
  • 26. Legibilidade: Claridade visual de um texto baseada no tamanho e no tipo de letra, no contraste nos blocos de texto e no espaço dos caracteres utilizados. Princípios universais de desenho:
  • 27. Hierarquia (modos de organizar a informação): A organização hierárquica constitui a estrutura mais simples para visualizar e entender a complexidade. Princípios universais de desenho: