O slideshow foi denunciado.
Seu SlideShare está sendo baixado. ×

Assistente de programação visual gráfica

Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Próximos SlideShares
Painél semântico
Painél semântico
Carregando em…3
×

Confira estes a seguir

1 de 27 Anúncio

Mais Conteúdo rRelacionado

Diapositivos para si (20)

Quem viu também gostou (20)

Anúncio

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

Mais de Daniel Brandão (20)

Anúncio

Mais recentes (20)

Assistente de programação visual gráfica

  1. 1. Assistente de Programação Visual Gráfica Instrutor: Daniel Brandão professorDanielBrandao@gmail.com
  2. 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. 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. 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. 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
  6. 6. Organização Curricular
  7. 7. • Programas de editoração de imagens, Bitmaps e Vetoriais; • CorelDraw; • Ilustrador; • Indesign; • Paint; • Fireworks. Programas
  8. 8. Identidade Visual Introdução ao tema
  9. 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. 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. 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:
  12. 12. EX: Símbolo SHELL
  13. 13. Assinatura ou Símbolo Misto : Símbolo + Logotipo, juntos, compostos de forma padronizada, com suas variantes de composição admissíveis.
  14. 14. Selo ou Emblema - logotipo dentro de um campo que possui formato próprio (Itaú, Samsung, Ford ).
  15. 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. 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.
  17. 17. O CONCEITO
  18. 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. 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. 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. 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. 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. 23. Painel do tema visual
  24. 24. Princípios universais de desenho
  25. 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. 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. 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:

×