Table Of ContentUNIVERSIDADE FEDERAL DE SANTA CATARINA
PROGRAMA DE PÓS-GRADUAÇÃO EM ENGENHARIA DE
PRODUÇÃO
Berenice Santos Gonçalves
CCOORR AAPPLLIICCAADDAA AAOO DDEESSIIGGNN GGRRÁÁFFIICCOO:: UUMM MMOODDEELLOO DDEE
NNÚÚCCLLEEOO VVIIRRTTUUAALL PPAARRAA AAPPRREENNDDIIZZAAGGEEMM BBAASSEEAADDOO NNAA
RREESSOOLLUUÇÇÃÃOO DDEE PPRROOBBLLEEMMAASS
Tese de Doutorado
FLORIANÓPOLIS
2004
BERENICE SANTOS GONÇALVES
CCOORR AAPPLLIICCAADDAA AAOO DDEESSIIGGNN GGRRÁÁFFIICCOO:: UUMM MMOODDEELLOO DDEE
NNÚÚCCLLEEOO VVIIRRTTUUAALL PPAARRAA AAPPRREENNDDIIZZAAGGEEMM BBAASSEEAADDOO NNAA
RREESSOOLLUUÇÇÃÃOO DDEE PPRROOBBLLEEMMAASS
Tese apresentada ao Programa de Pós-Graduação em
Engenharia de Produção da Universidade Federal de
Santa Catarina, como requisito parcial para obtenção
do título de Doutor em Engenharia de Produção.
Orientadora: Profª Alice Cybis Pereira, PhD
FLORIANÓPOLIS
2004
BERENICE SANTOS GONÇALVES
CCOORR AAPPLLIICCAADDAA AAOO DDEESSIIGGNN GGRRÁÁFFIICCOO:: UUMM MMOODDEELLOO DDEE
NNÚÚCCLLEEOO VVIIRRTTUUAALL PPAARRAA AAPPRREENNDDIIZZAAGGEEMM BBAASSEEAADDOO NNAA
RREESSOOLLUUÇÇÃÃOO DDEE PPRROOBBLLEEMMAASS
Esta tese foi julgada e aprovada para a obtenção do grau de Doutor em Engenharia de
Produção no Programa de Pós-Graduação em Engenharia de Produção da Universidade
Federal de Santa Catarina.
Florianópolis, 16 de setembro 2004.
_____________________________
Prof. Edson Pacheco Paladini, Dr.
Coordenador
Banca Examinadora:
______________________________________
Profª Alice Teresinha Cybis Pereira, PhD
Orientador
___________________________________
Profª Christianne Coelho, Dra.
Moderadora
________________________________
Profº Antônio Martiniano Fontoura, Dr
Examinador externo (PUC-PR)
________________________________
Profª Luciana Martha Silveira, Dra
Examinadora externa (CEFET- PR)
________________________________
Profº Carlos Antônio Ramirez Righi, Dr
Examinador
________________________________
Profª Janae Gonçalves Martins, Dra
Examinadora
Aos meus amores Aor,
Dafne e Hector
AGRADECIMENTOS
Agradeço especialmente à Profª Alice Cybis Pereira PhD., pela orientação criteriosa, pela
visão de futuro, pelo companheirismo e apoio nos diferentes momentos vividos ao longo do
desenvolvimento deste trabalho.
Agradeço aos professores e à coordenação do programa de Pós-Graduação em Engenharia de
Produção, pela oportunidade e vivência no contexto multidisciplinar que possibilitou o
desenvolvimento da presente tese.
Agradeço a disponibilidade e a atenção dos membros da banca em avaliar este trabalho, tecer
observações e importantes contribuições.
Agradeço a todos os bolsistas do projeto AVA-AD, que contribuíram para a construção da
Plataforma AVA-AD e, conseqüentemente, para a implementação do núcleo de aprendizagem
da cor. O projeto AVA-AD cumpre com as premissas fundamentais da Universidade ao
integrar Pesquisa, Ensino e Extensão.
Também dirijo meu agradecimento aos alunos do curso de Design da UFSC que participaram
da etapa de validação desta pesquisa junto ao curso “Cor no Design Gráfico”. Essa
experiência deu sentido a todo o trabalho realizado.
Aos meus familiares, agradeço à compreensão, a paciência pelos momentos de ausência e
tensão. Agradeço especialmente ao meu marido pelo apoio ao longo deste caminho e ao
sorriso dos meus filhos, expressões incentivadoras na continuidade dessa trajetória.
RESUMO
GONÇALVES, Berenice Santos. Cor aplicada ao design gráfico: um modelo de núcleo
virtual para aprendizagem baseado na resolução de problemas. 2004. 146 f. Tese (Doutorado
em Engenharia de Produção) – Centro Tecnológico, Universidade Federal de Santa Catarina,
Florianópolis.
Na presente tese propõe-se um modelo de um núcleo para aprendizagem da cor no contexto
de um ambiente virtual de aprendizagem. Objetiva-se construir um modelo que compreenda a
especificidade da cor aplicada à área de design gráfico. Os pressupostos teóricos estão
calcados na aprendizagem baseada na resolução de problemas (ABP), na Teoria da cor (TC) e
no potencial das tecnologias informatizadas de comunicação (TIC) salientando-se as
atividades colaborativas em grupo. A fundamentação teórica partiu de dois grandes eixos, a
saber: o processo de aprendizagem mediada e a teoria da cor. Inicialmente, buscou-se
embasamento nas principais abordagens sobre o processo de aprendizagem, destacando as
influências sócio-construtivistas, o ensino apoiado por computador, a ABP, a educação a
distância e as potencialidades da educação on-line. Na segunda parte da revisão teórica,
“fundamentos da cor”, destaca-se os aspectos físicos, fisiológicos, culturais, representacionais
e estéticos que influenciam na compreensão do fenômeno cromático. Avaliam-se também
ambientes de aprendizagem existentes que abordam teoria da cor no âmbito de cursos de
design gráfico. Na última parte deste documento apresenta-se o modelo do núcleo de
aprendizagem da cor e sua relação de indissociabilidade com o Projeto AVA-AD (Ambientes
Virtuais de Aprendizagem em Arquitetura e Design). Destacam-se os principais pressupostos
conceituais e técnicos que dão apoio às atividades de aprendizagem no ambiente, a saber, eixo
de produção, de comunicação, de informação e de documentação e as ferramentas vinculadas
a esses eixos conceituais. Caracteriza-se problema cromático segundo níveis de
complexidade. Finaliza-se o texto relatando o curso “Cor no design gráfico”, realizado como
validação do modelo. Neste, um grupo de alunos de graduação em design resolveram
problemas de forma colaborativa e à distância sobre cor aplicada ao Design Gráfico. A
originalidade do estudo foi caracterizada pela proposição de um ambiente de aprendizagem
baseado na ABP, conduzido pela resolução de problemas cromáticos em diferentes níveis e
que potencializa os processos de colaboração gráfica a partir de diferentes materiais e
ferramentas de apoio.
Palavras chaves: Cor. ABP. Ambientes Virtuais de Aprendizagem.
ABSTRACT
GONÇALVES, Berenice Santos. Color applied to the graphic design: a model of virtual
learning nucleus based on the problems resolution. 2004. 146 f. Thesis (PhD in Production
Engineering) – Technology Center, Federal University of Santa Catarina, Florianópolis.
The present thesis proposes a model of a nucleus for a color learning in the context of a
virtual learning environment. It aims at building a model encompassing specific color charater
applied to graphic design. The theoretical premises are based on the of Problems Based
Learning (PBL), the Color Theory and on potential of information sciences technologies of
Communication emphasizing the collaborative group activities. The theoretical framework is
based on two big axes, named the mediated learning process and the color theory. Initially,
the theory sought some support in the main learning process approach, emphasizing the socio-
constructive influences, computer suported education, the PBL, distance learning and on-line
education potenciality. It points out the importance of the interaction process and cooperative
learning. The second part of the theoretical review, “the color theory”, intends to highlight the
physical, physiological, cultural, representational and aesthetic aspects, which influence the
comprehension of the chromatic phenomenon. In addition, evaluates the learning environment
wich make use of color theory in the ambit of graphic design courses.The last part of this
study presents the color learning model nucleus and its relation of indissolubility with the
AVA-AD Project (Virtual Learning Environment for Architecture and Design). It also
emphasizes conceptual and technical premises which give support to learning activities
namely, axis of output, communication, information and documentation and the tools linked
to those conceptual axes. The chromatic problem is described according to the levels
complexity. Finally, concentrate on a report of the course “Color in design”, conducted to
valuate the model. This course encompassed a number of students from the Design
undergraduate course, who solved problems in collaborative form and distant appart about
applied color to graphic design. The originality of the study was characterized by the
proposition of a learning environment based on the PBL, led by the solution of different levels
chromatic problems and which estimulate graphic collaborative process from different
materials and virtual assisting tools.
Key words: Color. PBL. Virtual Learning Environments
LISTA DE FIGURAS
Figura 1: Modelo proposto por Garcia Aretio (1994).........................................................80
Figura 2: O método como processo e produto, proposto por Nikolova e Collis (1997)......83
Figura 3: Um mapa de elementos de conteúdo..................................................................85
Figura 4: Cores espectrais...............................................................................................91
Figura 5: O processo fisiológico: o olho............................................................................92
Figura 6: Curvas de sensibilidade......................................................................................93
Figura 7: Percurso do olho ao cérebro...............................................................................95
Figura 8: transmissão dos sinais visuais no cérebro...........................................................96
Figura 9: Uso da assimetria do cérebro na imagem...........................................................98
Figura 10: Parâmetros da cor.............................................................................................100
Figura 11: Síntese aditiva / cor-luz....................................................................................102
Figura 12: Cubo de cor......................................................................................................103
Figura 13: HLS.................................................................................................................103
Figura 14: Síntese subtrativa / Cor-pigmento transparente.................................................104
Figura 15: Os dez matizes ordenados em círculo por Munsell...........................................108
Figura 16: The Munsell Book............................................................................................109
Figura 17: Sistema de Cores Naturais................................................................................111
Figura 18: Triângulo CIE..................................................................................................113
Figura 19: Aparência da cor..............................................................................................117
Figura 20: Diferença de luminosidade em relação ao fundo..............................................118
Figura 21: Contraste simultâneo........................................................................................123
Figura 22: Disco de Benham.............................................................................................124
Figura 23: Questionário aplicado por Kandinsky na Bauhaus que objetivava relacionar
formas básicas e cores......................................................................................132
Figura 24: Estudos de cor e forma propostos por klee.......................................................133
Figura 25: Disco de cores de doze partes. A estrutura central exemplifica uma dupla
complementar (linha vertical), a escala complementar dividida (triângulo) e
a escala complementar duplamente dividida (retângulo).................................135
Figura 26 : Exemplos de contrastes e ilusões cromáticas...................................................143
Figura 27: Interface do AI on line......................................................................................152
Figura 28: Interface do programa de aprendizagem a distância do RIT.............................153
Figura 29: Interface Sessions............................................................................................156
Figura 30: Esquema que representa a base teórica do núcleo de aprendizagem da cor
no AVA-AD e que também especifica a base teórica do AVA–AD como
um todo...........................................................................................................165
Figura 31: O processo de aprendizagem colaborativa na resolução de problemas
cromáticos........................................................................................................167
Figura 32: Caracterização de problema cromático.............................................................168
Figura 33: Os cinco eixos conceituais que estruturam as ferramentas do AVA-AD...........170
Figura 34: Ferramentas do AVA-AD organizadas a partir dos eixos conceituais geradores
do modelo.......................................................................................................174
Figura 35: módulo aprendiz do núcleo de cor do AVA-AD...............................................175
Figura 36: Caracterização dos problemas a serem empregados no núcleo de aprendizagem
da cor...............................................................................................................177
Figura 37: Estrutura do laboratório interativo de cor.........................................................180
Figura 38: Um tópico de conteúdo do AVA-AD COR.......................................................181
Figura 39: Fluxograma de conteúdos do núcleo de aprendizagem da cor do AVA-AD......183
Figura 40: A estrutura que apóia a atuação do professor no contexto do AVA–AD:
Núcleo de aprendizagem da cor........................................................................184
Figura 41: A ferramenta “diário de resolução” que apóia o processo de resolução de
cada problema e avaliação do modelo.............................................................185
Figura 42: Imagem da interface inicial do AVA-AD, anunciando o curso “Cor no design
gráfico”............................................................................................................187
Figura 43: Tela meu espaço...............................................................................................188
Figura 44: Interface de conteúdo do núcleo de cor implementado no site do AVA-AD.....189
Figura 45: Interfaces de conteúdo do núcleo de cor implementado no site do AVA-AD...189
Figura 46: Interface de um exercício do núcleo de cor implementado no site do
AVA-AD..........................................................................................................190
Figura 47: Interface de exercício implementado no núcleo de cor. do AVA-AD...............190
Figura 48: Interfaces de exercícios disponíveis no ambiente.............................................190
Figura 49: Interface do Lab. Interativo de cor disponível no núcleo de cor........................191
Figura 50: Interface do Lab. Interativo de Cor...................................................................191
Figura 51: Imagem da tela de apresentação do problema: “Cor na interface”....................192
Figura 52: Imagem da página inicial da revista digital analisada no problema 1................192
Figura 53: Imagem da interface do fórum do primeiro problema “cor na interface”..........195
Figura 54: Interfaces de apresentação do problema 2 ‘Capa de livro”...............................196
Figura 55: imagem da capa aberta, objeto de transformação no contexto do problema 2...196
Figura 56: Interface do fórum do grupo 1 ao longo do processo de resolução do
problema 2.......................................................................................................199
Figura 57: Estudos para capa desenvolvidos pelo aprendiz 5.............................................200
Figura 58: Estudos para capa desenvolvidos pelo aprendiz 7.............................................200
Figura 59: Interface do fórum do grupo 2 sobre o problema “Capa de livro”.....................202
Figura 60: Estudos para capa desenvolvidos pelo aprendiz 2.............................................203
Figura 61: Proposta final para a capa desenvolvidos pelo grupo 2 ....................................204
Figura 62: Imagem da interface do diário de resolução.....................................................206
Description:alcance de cores é conhecido como gamut. Cada tipo de equipamento tem seu próprio espaço de cor, seu próprio alcance de cores, sua própria definição. Como uma imagem passa por diversas fases até a impressão final, cada dispositivo, ao longo do fluxo de trabalho, introduz mudanças sutis na