Prévia do material em texto
Aplicação dos princípios básicos de diagramação, uso de cores e tipografia em projetos gráficos Unidade 1.4 Princípios da Diagramação: Contraste Professor: Jorge Oliveira Realização: Secretaria Geral de Educação a Distância da Universidade Federal de São Carlos O princípio do contraste talvez seja o grande truque na manga de todo criador, independente da area de atuação. Nós, aplicamos contraste as mulheres quando se maquiam, por exemplo, estão criando contraste em seu rosto, quando combinamos estampas e cores estamos criando contraste em nossas roupas. O contraste está sempre presente em qualquer material gráfico, por exemplo, em um simples texto na cor preta sobre um fundo branco, existe contraste, se não existisse não seria possível ler o texto. O contraste pode ser aplicado em qualquer elemento do projeto gráfico e sua aplicação dependerá exclusivamente das intenções ( e bom senso) do criador. Este princípio tem duas funções, a primeira é proporcionar apelo visual para o material gráfico, tornando-o mais atraente, chamativo e sedutor. A segunda função é de auxiliar na organização das informações, mantendo a legibilidade e clareza dos conteúdos. Tenha sempre em mente que o princípio do contraste tira partido das diferenças. Segundo Robin Williams, “se dois elementos não forem exatamente os mesmos, diferencie-os completamente”. Mas adianto, para usar contraste é necessário ser corajoso e ousado. A experimentação mais uma vez é o segredo, pois não existem receitas prontas, o que funciona para um projeto pode não funcionar para outros. Antes de prosseguir, faça o seguinte exercício mental: Imagine uma sala com paredes, piso e teto na cor branca e repleta des móveis e objetos de decoração também na cor branca. - Você gosta desta sala? Tente sentir a sensação de estar nesta sala e quais os objetos se destacam ao olhar. Agora imagine uma outra sala idêntica a anterior, entretanto, nesta sala existem alguns objetos de decoração e móveis na cor vermelha. Você consegue sentir a diferença entre as duas salas? O que mudou? A inserção da cor vermelha alterou completamente sua percepção espacial e agora você tem um conjunto de objetos e móveis que se destaca dentro da sala. A cor vermelha criou o contraste neste espaço, inseriu nos objetos um novo peso e apelo visual em relação ao restante do espaço. A cor talvez seja o principal recurso (e o mais fácil de visualizar) para se conseguir contraste em um projeto gráfico, porém, podemos alcançar contraste por meio de outros recursos como: - fontes grandes e fontes pequenas, - estilos diferentes de fontes, - imagens (ilustrações, fotos) em tamanhos diferentes, - composições de elementos diferentes (verticais, horizontais, diagonais...) - relações entre textos e imagens - elementos gráficos (marcadores, símbolos, ícones, linhas, formas entre outros) Enfim, trabalhar com contraste é sempre uma descoberta a cada novo trabalho e espero que a partir de agora também seja prazeroso para você. Para finalizarmos esta primeira unidade sobre diagramação, vamos analisar dois materiais, onde o contraste está aplicado e exercendo suas funções: apelo e organização visual. OBS: Ainda iremos retomar e trabalhar um pouco mais este princípio nas unidade sobre cores e tipografia! em vários momentos de nossa rotina, Contraste Princípios da Diagramação O apelo visual mudou completamente, não? As três ações realizadas recriaram o poster, tornando-o mais atraente e chamativo do que sua versão anterior. 1- Poster Observe o poster a seguir. Sem graça, não? Apesar de ser amplamente legível e organizado, o poster não possui nenhum elemento que faça os olhares se voltarem para ele. Em outras palavras está faltando contraste. A seguir, irei redesenhar o poster, inserindo-lhe contraste por meio de três ações: - negrito em algumas palavras (títulos), - redimensionamento dos títulos e subtítulos - inserção de cor com um box (caixa sob o título principal) Veja as diferenças. DESIGN GRÁFICO Unidade 1 - Diagramação Proximidade Alinhamento Repetição Contraste Unidade 2 - Cores Cores Significados Aplicações Unidade 3 - Tipografia Histórico Catálogo Aplicações DESIGN GRÁFICO Unidade 1 - Diagramação Proximidade Alinhamento Repetição Contraste Unidade 2 - Cores Cores Significados Aplicações Unidade 3 - Tipografia Histórico Catálogo Aplicações Design Gráfico Introdução vídeo fórum de apresentação Unidade 1 - Diagramação material de estudo tarefa Unidade 2 - Cores material de estudo fórum colorido Unidade 3 - Tipografia material de estudos tarefa final Design Gráfico Introdução vídeo fórum de apresentação Unidade 1 - Diagramação material de estudo tarefa Unidade 2 - Cores material de estudo fórum colorido Unidade 3 - Tipografia material de estudos tarefa final Design Gráfico Introdução vídeo fórum de apresentação Unidade 1 - Diagramação material de estudo tarefa Unidade 2 - Cores material de estudo fórum colorido Unidade 3 - Tipografia material de estudos tarefa final Design Gráfico Introdução Unidade 1 - Diagramação Unidade 2 - Cores Unidade 3 - Tipografia vídeo fórum de apresentação material de estudo tarefa material de estudo fórum colorido material de estudos tarefa final 2 – Lista Mais uma vez tomarei com exemplo a lista já apresentada nos outros tópicos. Abaixo você verá 4 versões para esta lista criadas a partir do princípio do contraste. Basicamente se trabalhou com cores, fundos (formas) e fontes (dimensão e estilo). Seria possível criar muitas outras versões, valendo-se de outros artifícios e elementos. Uma dica para o dia-a-dia é sempre tentar criar versões diferentes para o mesmo material, esta experimentação enriquece o repertório e aumenta a consciência visual e em muitos casos permite enxergar os conteúdos com outros pontos de vista. Jogo rápido – Contraste O contraste possui duas funções, criar apelo visual para o material gráfico e contribuir na organização dos elementos gráficos pelo espaço. O criador precisa ser corajoso e ousado para usar contraste, não se intimide e experimente. A experimentação aumenta o repertório e renova a consciência visual diante das criações. O uso de cor é a maneira mais simples de se conseguir contraste. Entretanto, existem inúmeros outros recurso, como por exemplo, combinação de fontes diferentes, tamanhos diferentes em textos e imagens e símbolos gráficos que podem ser aplicados criando um visual atraente. Lembre-se que elementos que não são semelhantes precisam ser diferenciados. Página 1 Página 2 Página 3 Página 4