O documento discute o uso das cores em interfaces digitais e como comunicar informações visuais de forma eficaz. Ele explica que as cores podem ser usadas para atrair atenção, representar significados simbólicos e estados de espírito, e discute critérios e diretrizes para o uso apropriado de cores em interfaces, incluindo contraste, legibilidade e fadiga ocular. Fontes adicionais são fornecidas para pesquisa sobre o tema.
2. O uso das cores como informação e
eficácia na comunicação visual.
2
3. Para dar o primeiro passo...
vamos conhecer a influência das cores no nosso cotidiano!
Consulte o vídeo abaixo e reflita sobre as cores:
http://www.youtube.com/watch?v=o0eS_NNtu0E
3
4. Agora vamos conhecer o uso das cores como informação
em interfaces digitais.
Ler e pesquisar é o primeiro passo para o descobrimento!
Seguem artigos e textos que complementam este conteúdo:
4
5. Agora vamos conhecer o uso das cores como informação
em interfaces digitais. Ler e pesquisar é o primeiro passo para
o descobrimento!
Seguem artigos e textos que complementam este conteúdo:
O USO DAS CORES COMO INFORMAÇÃO EM
INTERFACES DIGITAIS
http://dici.ibict.br/archive/00000510/01/TaisPedrosaLidiaToutain.pdf
Pesquisa desenvolvida por:
TAÍS MORAES CAMPOS PEDROSA
LÍDIA BRANDÃO TOUTAIN
5
6. Resumo:
A indústria da comunicação pode ser entendida como aquela que engloba a transmissão da informação em suas
diferentes linguagens e exerce fortes influências em nosso cotidiano, merecendo assim uma atenção especial
quanto a sua empregabilidade . Esse estudo tem como objetivo geral demonstrar como a teoria da cor pode
contribuir para decisões de aplicabilidade dos recursos de informações visuais, e demonstrar a cor como um dos
componentes das interfaces no ambiente web. Tendo em vista que a internet é um meio de comunicação em que
existem duas relações distintas: designer-sistema e sistema-usuário, onde o sistema tem o papel de transmitir
uma mensagem do designer para o usuário, e essa transmissão irá acontecer de forma isolada de cada um com o
sistema, deve-se basear o projeto da interface de acordo com repertório do usuário. Portanto, a cor, se utilizada
indiscriminadamente, pode ter um efeito negativo ou de distração, afetando a reação do usuário em relação às
informações das páginas web. Deste modo, a produtividade também é afetada, pois, torna-se difícil codificar e
focalizar a mensagem, aumentando significativamente o tempo de resposta do usuário. Com isso conclui-se que
um aprofundamento nas bases teóricas das disciplinas Ciência da Informação, Teoria da Cor, Engenharia
Semiótica e Interação Homem-Computador –poderá estabelecer critérios de avaliação específicos que
contribuirão para uma observação e avaliação da aplicabilidade do recurso cor em interfaces digitais.
http://dici.ibict.br/archive/00000510/01/TaisPedrosaLidiaToutain.pdf
6
7. O USO DA COR
Segundo Guimarães (2000, p. 15) a aplicação intencional da cor, ou do objeto,
possibilitará ao objeto que contém a informação cromática receber a
denominação de signo. O autor sugere que ao considerarmos uma aplicação
intencional da cor, estaremos trabalhando com a informação “latente”, que será
percebida e decifrada pelo sentido da visão, interpretada pela nossa cognição e
transformada numa informação atualizada. (pág. 4)
http://dici.ibict.br/archive/00000510/01/TaisPedrosaLidiaToutain.pdf
7
8. O USO DA COR
Rosenfield & Morvile (apud FURQUIM, 2004, p.49) apontam que, dentre os itens
que os usuários da web “detestam”, estão projeto gráfico pobre, uso gratuito da
tecnologia (figuras animadas, sons, filmes que somente tornam o tempo de
resposta da página web mais longo, sem agregar valor ao conteúdo), ou seja, a
construção da página web centrada nos critérios do produtor.(pág. 5)
http://dici.ibict.br/archive/00000510/01/TaisPedrosaLidiaToutain.pdf
8
9. Critérios relativos ao uso da cor estão implícitos em alguns modelos de avaliação de
interfaces, em alguns casos como nos critérios estabelecidos pelo Health Information
Technology Institute – Hiti (Tabela 01), estão inseridos no critério design.
9
10. Conclusão:
“Sobre o indivíduo que recebe a comunicação visual, a cor exerce uma ação
tríplice: a de impressionar, a de expressar e a de construir. A cor é vista:
impressiona a retina. É Sentida: provoca uma emoção. É construtiva, pois tendo
um significado próprio, possui valor de símbolo, podendo assim, construir uma
linguagem que comunique uma idéia.” (FARINA,1987, p.27)
A afirmação acima descrita reforça a idéia de que a cor se configura em um
elemento de extrema importância na transmissão da informação, na medida
em pode desempenhar diversos papéis, contribuindo para uma compreensão
mais efetiva da mensagem.. (pág. 8)
http://dici.ibict.br/archive/00000510/01/TaisPedrosaLidiaToutain.pdf
10
11. Mais conteúdos para pesquisa e leitura...
Cores e interface gráfica
http://yaso.in/?p=358
11
12. Contraste de cores
Tipicamente, um objeto colorido em uma interface gráfico não é mostrado
sozinho, mais é adjacente ou está próximo à um outro objeto de cor ou
área, o que cria efeitos de contraste, entre outros. Sem contraste
suficiente, não poderíamos distinguir partes diferentes na tela. Aí está
uma boa razão para aplicações como o MS Word, Powerpoint, Excel,
Outlook, etc serem baseados em PRETO como default para cor da fonte e
background branco – o que propicia o máximo de contraste com a melhor
legibilidade.
http://yaso.in/?p=358
12
13. Contraste de cores
Tipicamente, um objeto colorido em uma interface gráfico não é mostrado
sozinho, mais é adjacente ou está próximo à um outro objeto de cor ou
área, o que cria efeitos de contraste, entre outros. Sem contraste
suficiente, não poderíamos distinguir partes diferentes na tela. Aí está
uma boa razão para aplicações como o MS Word, Powerpoint, Excel,
Outlook, etc serem baseados em PRETO como default para cor da fonte e
background branco – o que propicia o máximo de contraste com a melhor
legibilidade.
Contraste de cor pode ser usado para atrair a atenção visual dos
usuários para elementos mais relevantes em uma interface gráfica.
Contraste de cor também impulsiona o apelo de uma interface
gráfica...
http://yaso.in/?p=358
13
14. Contraste de cores
Outro problema de contraste é aberração cromática. Lentes como as de
nossos olhos curvam o comprimento de ondas em quantidades desiguais. O
efeito disso é que diferentes estímulos de cor não são projetados na
mesma área da retina – um efeito que se percebe melhor em combinações
de violeta e vermelho, como também azul e vermelho, porque o
comprimento de onda do violeta e do azul estão em um final do espectro
enquanto o comprimento do vermelho está em outro:
Aberração cromática
http://yaso.in/?p=358
14
15. Cores e apelo visual
Cores são importantes para aumentar o apelo visual de um software.
Significados são associados às cores. Essas associações podem ser levadas
em conta quando se desenha uma interface. Por exemplo, pode fazer
sentido que uma interface para uma clínica seja branca, enquanto essa
cor for associada à limpeza. Outro exemplo de interface que utiliza
associação de cores com seus significados é o site das nações unidas, onde
prevalece o azul, que remete à paz.
A seguir, vejamos outras influências de cores:
http://yaso.in/?p=358
15
17. O Uso Cores em Interfaces com o Usuário
Uma boa interface deve atender as expectativas de seus usuários; esses,
por sua vez, esperam poder customizá-las, isto é, colocá-las com a
aparência que desejem. Isso implica que uma interface bem projetada
deve permitir que uma pessoa tenha liberdade de escolher seus aspectos
visuais, entre eles, suas diversas cores .
Estudos feitos provaram que o uso não apropriado de cores pode aumentar
muito o tempo de reposta de um usuário. Os sistemas devem portanto ter
um padrão default de cores para suas telas, escolhido de forma a dar ao
usuário a melhor performance e conforto diante do sistema. Deve ser
permitido alterar esse padrão.
O uso apropriado de cores pode resultar em uma rápida e correta
assimilação da informação. O impacto das cores na eficiência da interface
depende da relevância de seu uso para a execução de uma tarefa e da
situação e ambiente onde a tarefa ocorre.
ftp://ftp.ci.cefetes.br/informatica/flavio/2011/PW/_ArquivosAula03
17
18. O uso de cores em interfaces permite:
mostrar as coisas conforme são vistas na natureza
representar associações simbólicas
chamar e direcionar a atenção
enfatizar alguns aspectos da interface
determinar um estado de espírito
auxiliar na identificação de estruturas e processos
diminuir a ocorrência de erros
tornar uma interface mais fácil de ser memorizada
ftp://ftp.ci.cefetes.br/informatica/flavio/2011/PW/_ArquivosAula03
18
19. O uso de cores em interfaces permite:
Porém, o uso de cores deve ser feito com cuidado. É fundamental que durante
todo o projeto de uma interface lembrar-se dos seguintes cuidados:
uma escolha não adequada de cores pode interferir na legibilidade da interface
as cores podem apresentar características distintas em condições diferentes
as cores devem ser selecionadas de modo a não causarem fatiga nos olhos do
usuário e nem deixá-lo confuso
o grupo de pessoas a quem se destina o sistema deve ser considerado; algumas
comunidades podem apresentar reações arbitrárias porém negativas diante de
certas cores
alguns elementos da tela são agrupados com as mesmas cores; deve-se tomar
um cuidado para não se agrupar elementos que não se relacionam entre si
deve-se assegurar que o projeto de interface funciona em preto e branco para
depois então adicionar-se cor
ftp://ftp.ci.cefetes.br/informatica/flavio/2011/PW/_ArquivosAula03
19
20. Os Dez Mandamentos do Uso de Cores em Interfaces
Estudos realizados permitiram que fosse feita uma síntese dos conhecimentos
relacionados a vários aspectos envolvidos no uso de cores.
Foram estabelecidas algumas diretrizes, agrupadas na forma de dez
mandamentos, que auxiliam o projeto de uma interface . Esses mandamentos
enfatizam regras de sintaxe (regras para quantidade, dimensões, arranjos e
contraste), semântica (regras para referências ou denotações e conotações) e
pragmatismo (regras para intenções, respostas e preferências).
ftp://ftp.ci.cefetes.br/informatica/flavio/2011/PW/_ArquivosAula03
20
21. Os Dez Mandamentos do Uso de Cores em Interfaces
1. Usar no máximo cinco (mais ou menos duas) cores.
2. Usar cores centrais e periféricas de forma apropriada
3. Usar cores que apresentam uma variação mínima no aspecto cor/tamanho.
4. Não usar simultaneamente cores de alto croma (em termos espectrais)
5. Usar cores familiares, consistentes ou codificações com referências
apropriadas
6. Usar as mesmas cores para agrupar elementos relacionados
7. Usar o mesmo código de cores para treinamento, aplicação e publicação
8. Usar cores de elevada intensidade e saturação para chamar a atenção
9. Se possível, usar uma codificação redundante para forma assim como para cor
10. Usar cores para realçar informação
Mais detalhes e exemplos:
ftp://ftp.ci.cefetes.br/informatica/flavio/2011/PW/_ArquivosAula03/O%20Uso%20Cores%20em%20Inte
rfaces%20com%20o%20Usu%C3%A1rio.pdf
21
22. Outros sites de pesquisa:
- Palheta de cores
http://www.avellareduarte.com.br/projeto/desenvolvimento/desenvolvimento2/
desenvolvimento21bc.htm
- Cores na interface gráfica
http://homepages.dcc.ufmg.br/~clarindo/arquivos/disciplinas/eu/material/semi
narios-alunos/cores.pdf
22
23. Ambientes Virtuais e Mídias de Comunicação :: Tarefa da Semana 4
Aluna: CRISTIANE DE SOUZA
Pólo: PERUIBE – GRUPO 26
Tema ou Assunto: A WEB 2.0 - Uso das cores no Design Didático
crislavado@ig.com.br
23