Assistente de programação visual gráfica

1,159 views
926 views

Published on

Slides iniciais sobre o curso de Assistente em Programação Visual Gráfica - Senai Vilhena/RO

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,159
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
35
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Assistente de programação visual gráfica

  1. 1. Assistente de ProgramaçãoVisual GráficaInstrutor: Daniel BrandãoprofessorDanielBrandao@gmail.com
  2. 2. GRADUADO EM: DESENVOLVIMENTO DE SISTEMAS –Faculdade SÃO MATEUSdesde Dezembro/2008Experiê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, DreamweaverSobre o Instrutor
  3. 3. Designer é um profissional altamente capacitado queelabora projetos direcionados para artes gráfica e criaçãode identidade visual entre outros trabalhos, com intuito deequilibrar dois conceitos que fazem parte da alma dodesigner: estética e funcionalidade.Esta profissão é uma ferramenta indispensável naelaboração de um bom projeto visual gráfico e por isso deforma profissional e com especializações dignas, temosque lutar pela valorização desta profissão esplêndida.Perfil Profissional
  4. 4. Realizar produção visual gráfica (Composição Visual)e diagramação eletrônica, editar textos e imagens edesenvolvimento de Arte Final.Trabalhando em conformidade a normas eprocedimentos técnicos dequalidade, segurança, meio ambiente e saúde.Competência Geral:
  5. 5. Planejam serviços de pré-impressão gráfica.Realizam programação visual gráfica e editoramtextos e imagens. Operam processos de tratamentode imagens seguindo normas e procedimentos desegurança, higiene, qualidade e preservaçãoambiental.PERFIL PROFISSIONAL DE CONCLUSÃO/HABILIDADES
  6. 6. Organização Curricular
  7. 7. • Programas de editoração de imagens, Bitmaps eVetoriais;• CorelDraw;• Ilustrador;• Indesign;• Paint;• Fireworks.Programas
  8. 8. Identidade VisualIntrodução ao tema
  9. 9. A interface gráfica amigável deve assumir uma identidadegrá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ítiosvirtuais sejam autênticos, esteticamente atraentes e transmitamcredibilidade para conquistar a confiança do utilizador. Paraisso, é imprescindível que a linguagem visual esteja adequadacom o público a que se destina.Identidade gráfico-visual
  10. 10. (1) Logotipo: é a particularização da escrita de um nome. Emconjunto com o símbolo, forma a assinatura visual. Grafiapadronizada e exclusiva do nome da organização ouproduto. Pode comparecer na Identidade sozinho(Pirelli, DELL, Microsoft, Johnson & Johnson, Disney) oucompondo com uma Assinatura com um símbolo(Bradesco, Brasil Telecom, Unimed).A identidade gráfico-visual écomposta por:
  11. 11. (2) Símbolo: segundo Meurer (2004, p.34), o tipo maiscomplexo de signo. Etimologicamente, este não guardaqualquer relação de semelhança ou de contiguidade com acoisa representada. Ou seja, os símbolos sãoarbitrários, culturais, convencionais e devem ser aprendidos.Com o uso, passam a identificar um nome, ideia, produto ouserviço. É um sinal exclusivo, identificador, pictográfico ounão, que será acompanhado do logotipo. Em alguns casosespeciais (Mercedes Benz, Jogos 0límpicos, Nike, Shell)atinge tal grau de reconhecimento, que pode prescindir dologotipo para identificar plenamente a Marca.A identidade gráfico-visual écomposta por:
  12. 12. EX: Símbolo SHELL
  13. 13. Assinatura ou Símbolo Misto : Símbolo +Logotipo, juntos, compostos de forma padronizada, comsuas variantes de composição admissíveis.
  14. 14. Selo ou Emblema - logotipo dentro de um campo quepossui formato próprio (Itaú, Samsung, Ford ).
  15. 15. (3) Padrão cromático: trata-se das cores da identidadegráfico-visual definidas como padrão. Com o uso, podematingir maior reconhecimento que o logotipo e símbolo.(4) Alfabeto padrão: utilizado para qualquer textocomplementar à identidade gráfico-visual. É importantedefinir mais de um alfabeto padrão, para diferentesaplicações.
  16. 16. (5) Sinalização: são os ícones, menus e outros elementosque orientam o utilizador na navegação do sítio virtual.Segundo Memória (2005, p.58), a identidade gráfico-visualtorna o sítio virtual um sistema integrado e facilita suausabilidade e acessibilidade. Com uma padronizaçãovisual, o utilizador aprende rapidamente a utilizar o sistemae assimila mais rápido o seu conteúdo.
  17. 17. O CONCEITO
  18. 18. Conceito: Uma descrição aproximada datecnologia, princípios de funcionamento e forma doproduto. É uma descrição concisa de como o produtovai satisfazer as necessidades dos usuários.O conceito
  19. 19. O painel semântico serve para transmitir certossentidos de emoção através de imagens, para afunilara sua transmissão da informação, que deseja passar.Painel Semântico
  20. 20. Procura-se traçar uma imagem do estilo de vida dosconsumidores. Essas imagens devem refletir osvalores pessoais e sociais, além de representar o tipode vida dos consumidores.Painel do estilo de vida
  21. 21. A partir do painel do estilo de vida, procura-seidentificar uma expressão para o produto. É a síntesedo estilo de vida dos consumidores. Representa aemoção que o produto transmite, pode serjovial, suave, forte, confortável.Painel da expressão do produto
  22. 22. O painel da expressão do produto gera o painel dotema visual, ou seja, o estilo para o produto, atravésdele é possível coletar uma série deinformações, inclusive de forma visuais que servemde inspiração para o novo estilo. Esse universo pode iras mais variadas categorias de produtos.Painel do tema visual
  23. 23. Painel do tema visual
  24. 24. Princípios universais dedesenho
  25. 25. Cor: A cor é uma percepção visual provocada pelaação de um feixe de fótons sobre célulasespecializadas da retina, que transmitem através deinformação pré-processada no nervoóptico, impressões para o sistema nervoso. Narealidade cor é uma linguagem individual. O homemreage a ela subordinado às condições físicas e às suasinfluencias culturais.Princípios universais de desenho:
  26. 26. Legibilidade: Claridade visual de um texto baseada notamanho e no tipo de letra, no contraste nos blocosde texto e no espaço dos caracteres utilizados.Princípios universais de desenho:
  27. 27. Hierarquia (modos de organizar a informação): Aorganização hierárquica constitui a estrutura maissimples para visualizar e entender a complexidade.Princípios universais de desenho:

×