assistente de programação visual gráfica

27
Assistente de Programação Visual Gráfica Instrutor: Daniel Brandão [email protected]

Upload: daniel-brandao

Post on 05-Jun-2015

704 views

Category:

Design


3 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Assistente de programação visual gráfica

Assistente de Programação Visual

GráficaInstrutor: Daniel Brandão

[email protected]

Page 2: Assistente de programação visual gráfica

GRADUADO EM: DESENVOLVIMENTO DE SISTEMAS – Faculdade SÃO MATEUSdesde 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

Page 3: Assistente de programação visual gráfica

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

Page 4: Assistente de programação visual gráfica

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:

Page 5: Assistente de programação visual gráfica

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

Page 6: Assistente de programação visual gráfica

Organização Curricular

Page 7: Assistente de programação visual gráfica

• Programas de editoração de imagens, Bitmaps e Vetoriais;

• CorelDraw; • Ilustrador; • Indesign; • Paint; • Fireworks.

Programas

Page 8: Assistente de programação visual gráfica

Identidade VisualIntrodução ao tema

Page 9: Assistente de programação visual gráfica

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

Page 10: Assistente de programação visual gráfica

(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:

Page 11: Assistente de programação visual gráfica

(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:

Page 12: Assistente de programação visual gráfica

EX: Símbolo SHELL

Page 13: Assistente de programação visual gráfica

Assinatura ou Símbolo Misto : Símbolo + Logotipo, juntos, compostos de forma padronizada, com suas variantes de composição admissíveis.

Page 14: Assistente de programação visual gráfica

Selo ou Emblema - logotipo dentro de um campo que possui formato próprio (Itaú, Samsung, Ford ).

 

Page 15: Assistente de programação visual gráfica

(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.

Page 16: Assistente de programação visual gráfica

(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.

Page 17: Assistente de programação visual gráfica

O CONCEITO

Page 18: Assistente de programação visual gráfica

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

Page 19: Assistente de programação visual gráfica

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

Page 20: Assistente de programação visual gráfica

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

Page 21: Assistente de programação visual gráfica

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

Page 22: Assistente de programação visual gráfica

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

Page 23: Assistente de programação visual gráfica

Painel do tema visual

Page 24: Assistente de programação visual gráfica

Princípios universais de desenho

Page 25: Assistente de programação visual gráfica

 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:

Page 26: Assistente de programação visual gráfica

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:

Page 27: Assistente de programação visual gráfica

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: