E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o d a d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a Color Scheme Designer M a n u a l e G u i a d e e x p l o r a ç ã o d o C o l o r S c h e m e D e s i g n e r p a r a uti l i z a ç ã o e m c o n t e x t o d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a Emília Cruz Este recurso foi produzido no âmbito da formação contínua de professores e faz parte integrante da investigação do trabalho de doutoramento em Multimédia em Educação, pela Universidade de Aveiro do professor José Alberto Rodrigues, com o mesmo nome desta oficina de formação. A identificação do autor deste documento é a constante desta página e constituí recurso educativo em EVT.
Caracterização e Ficha Técnica do Color Scheme Designer Nome Color Scheme Designer Tipo de ferramenta Web 2.0 Autores e/ou Criadores Petr Stanicek Versão 3.5 Tipo de versão URL s Língua(s) Tipo de funções Recursos necessários Gratuita, sem necessidade de registo http://www.colorschemedesigner.com/ Inglês Ferramenta/site com paletas de cor Computador com ligação à internet e browser Breve descrição O Color Scheme Designer é uma ferramenta que permite a qualquer utilizador experimentar e seleccionar paletas de cores online para websites e projectos gráficos de design. Tem ainda a possibilidade de exportar em vários formatos. É um excelente recurso para, em contexto de EVT se fazer a exploração do estudo da cor, nomeadamente: harmonias, contrastes, gradações, complementariedade, entre outros aspectos. 1
Manual e Guia de Utilização e Exploração do Color Scheme Designer 1. Para acedermos a esta ferramenta, devemos, no browser da Internet digitar o seguinte endereço: http://www.colorshemedesigner.com. Iremos então visualizar uma página como a da Figura 1. Figura 1. Página inicial do Color Scheme Designer 2. O site apresenta uma roda de cores que permite ao utilizador seleccionar a cor de base a ser usada para o esquema de cores. É ainda possível distinguir as cores quentes das cores frias assinaladas na própria roda de cromática (Figura 2). Figura 2. Basta mexer no disco com o cursor e escolher a cor principal desejada 3. A ferramenta permite ao utilizador seleccionar uma combinação de cores, a partir de um conjunto de opções disponíveis tais como: monocromático, complementar, tríade, analógica, tetra e analógica acentuada (Figura 3). 2
Figura 3. Tipos de regime de combinações possíveis Mono Complement Triad Tetrad Analogic Accented.analogic Figura 4. Exemplo do resultado obtido utilizando os vários regimes e tomando a cor vermelha por cor base 4. Junto da roda de cores, no canto inferior esquerdo, é dada também a possibilidade de ajustar a cor quer ao nível da saturação quer ao nível do contraste. 3
Figura 5. Gráfico para ajuste de saturação e contraste 5. Pode ser observada a lista das cores usadas com a respectiva referência hexadecimal. Figura 6. Gráfico para consulta da gradação e valores da cor 6. Tem ainda a possibilidade de pré-visualizar páginas HTML usando a combinação de cores escolhida com a opção light ou dark. Figuras 7 e 8. À esquerda, página com a opção light. À direita, página com a opção dark 7. A ferramenta permite também exportar a paleta de cor para HTML com CSS, XML, texto, formato ACO (Photoshop paleta) ou GPL (paleta Gimp). Tem ainda as funções desfazer e refazer. Contém um simulador de visão, onde se pode seleccionar entre outros, o modo como a população normal vê, bem como, alguns tipos de daltonismo. 4
Figura 9. Barra do canto superior direito, encontra-se, entre outras, a função colorblind. A opção Normal Vision está seleccionada por defeito, contudo, é possível especificar o modo como um grupo restrito vê. 5