Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Assistente de programação visual gráfica

1,383 views

Published on

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

Published in: Design
  • Be the first to comment

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:

×