(1) O documento apresenta o perfil profissional de Daniel Brandão, instrutor de programação visual gráfica. Ele tem experiência em design, desenvolvimento de sites e programação. (2) Discutem-se conceitos como identidade visual, logotipo, símbolo, cores e outros elementos visuais que compõem a identidade de uma marca ou produto. (3) São apresentados princípios universais de design como cor, legibilidade e hierarquia que devem ser considerados na criação de projetos visuais.

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

6. Organização Curricular

7. • Programas de editoração de imagens, Bitmaps e
Vetoriais;
• CorelDraw;
• Ilustrador;
• Indesign;
• Paint;
• Fireworks.
Programas

8. Identidade Visual
Introdução ao tema

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:

12. EX: Símbolo SHELL

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.

17. O CONCEITO

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

24. Princípios universais de
desenho

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: