Baixe o app para aproveitar ainda mais
Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original
* Afonsina Rezende (Nina) – UFCG 2013 Princípios do Design Gráfico UFCG – Centro de Humanidades Unidade Acadêmica de Arte e Mídia Curso de Comunicação Social – Educomunicação Professora: Afonsina Rezende (Nina) * Afonsina Rezende (Nina) – UFCG 2013 Princípios do Design Gráfico Princípios são regras. Aprender os princípios do bom design nos ajuda a controlar melhor a distribuição dos elementos no espaço gráfico, criando layouts interessantes e atrativos. * Afonsina Rezende (Nina) – UFCG 2013 Itens relacionados entre si devem ser agrupados, para formar um conjunto coeso e não um emaranhado de partes sem ligação. Agrupar itens relacionados oferece ao leitor uma pista visual imediata da organização e do conteúdo da página. Proximidade * Afonsina Rezende (Nina) – UFCG 2013 Observe este exemplo: Como as palavras estão distribuídas em intervalos iguais, fica difícil para o observador distinguir os grupos de informações. Cria-se uma situação de ambiguidade, que deve sempre ser evitada. * Afonsina Rezende (Nina) – UFCG 2013 Por onde você começou a leitura ? Quantas vezes seu olho parou para visualizar algo? Provavelmente 5 vezes. Por que há 5 elementos independentes neste cartão. Parece que eles não tem nenhuma relação. Proximidade * Afonsina Rezende (Nina) – UFCG 2013 ClassFotolitos Gerson Almeida Rua das Flores, 45 Bom Retiro – SP Fone 34567898 Com os elementos agrupados, a leitura fica mais fácil, o espaço fica mais organizado. Proximidade * Afonsina Rezende (Nina) – UFCG 2013 A foto está relacionada a que texto? Os textos com títulos menores fazem parte da matéria do título maior? Confuso, não é? Questões de proximidade mal resolvidas. Proximidade * Afonsina Rezende (Nina) – UFCG 2013 Formando grupos de informações, deixamos o visual mais organizado. Proximidade * Afonsina Rezende (Nina) – UFCG 2013 Quando vários itens estão próximos entre si, eles se tornam uma unidade. A proximidade implica em uma relação. O princípio da proximidade auxilia na organização da página. Com ele é possível saber por onde começar a leitura e onde terminar. Proximidade * Afonsina Rezende (Nina) – UFCG 2013 CDROMs CDROMs CDs para crianças CDs educacionais Educacional Idiomas Ciências Matemática Material do professor Livros Vídeos Hardware e acessórios Cabos Memória Modens Impressoras CDROMs CDROMs CDs para crianças CDs educacionais Educacional Idiomas Ciências Matemática Material do professor Livros Vídeos Hardware e acessórios Cabos Memória Modens Impressoras Quando aproximamos informações relacionadas entre si, formamos grupos visuais. Tente sempre formar esses grupos. A peça ficará mais organizada. Proximidade * Afonsina Rezende (Nina) – UFCG 2013 O conceito de proximidade não significa que tudo precisa estar próximo. Somente elementos logicamente conectados, com algum tipo de ligação, devem estar visualmente conectados. Proximidade * Afonsina Rezende (Nina) – UFCG 2013 Proximidade * Afonsina Rezende (Nina) – UFCG 2013 Dicas Procure observar para onde seus olhos se dirigem, o que chama atenção primeiro na página, onde termina a leitura. Verifique os elementos na página. Se forem muito numerosos e espalhados, procure os itens que podem ser agrupados. Proximidade * Afonsina Rezende (Nina) – UFCG 2013 Hierarquia relaciona-se com ordem, organização, graduação. Em uma peça gráfica, a hierarquia é uma forma de apresentar a informação de maneira que os itens mais importantes recebam destaque, ou seja, chamem atenção em primeiro lugar. Hierarquia * Afonsina Rezende (Nina) – UFCG 2013 Neste panfleto há uma série de informações que estão agrupadas num só bloco (problema de proximidade). São conteúdos diferentes, mas receberam o mesmo tratamento (mesmo estilo de fonte, mesmo corpo). Ou seja, as informações não estão hierarquizadas. Isto contribui para que a peça fique confusa, com pouco interesse visual. Hierarquia * Afonsina Rezende (Nina) – UFCG 2013 Neste anúncio parece que tudo é importante. Todos os elementos estão em destaque. A falta de hierarquia afeta a organização da informação e, também, a composição visual da peça, tornado-a poluída e confusa. Hierarquia * Afonsina Rezende (Nina) – UFCG 2013 Compare o resultado quando aplicamos os princípios da proximidade e da hierarquia. * Afonsina Rezende (Nina) – UFCG 2013 Para dar hierarquia às informações precisamos primeiro determinar o que é necessário dar destaque. Formas de hierarquizar a informação: usar um tamanho maior para as informações mais importantes e corpos menores para informações que não são relevantes. usar contraste para destacar elementos. colocar elementos importantes em posição de destaque. Hierarquia * Afonsina Rezende (Nina) – UFCG 2013 Os iniciantes em design gráfico acham que alinhamento se refere apenas a alinhamento das linhas de texto. Mas o alinhamento refere-se a fazer com que qualquer elemento na página tenha uma conexão visual com outros elementos na página. O alinhamento cria uma linha invisível conectando os elementos. Alinhamento * Afonsina Rezende (Nina) – UFCG 2013 Observe como os elementos textos, imagens e elementos gráficos estão alinhados. * Afonsina Rezende (Nina) – UFCG 2013 Observe como os elementos textos, imagens e elementos gráficos estão alinhados. * Afonsina Rezende (Nina) – UFCG 2013 Observe como os elementos textos, imagens e elementos gráficos estão alinhados. * Afonsina Rezende (Nina) – UFCG 2013 Tipos de Alinhamento ClassFotolitos Gerson Almeida Rua das Flores, 45 Linha invisível Bom Retiro – SP Fone 34567898 Alinhamento centralizado * Afonsina Rezende (Nina) – UFCG 2013 ClassFotolitos Gerson Almeida Rua das Flores, 45 Linha invisível Bom Retiro – SP Fone 34567898 Alinhamento de todos os elementos à direita Tipos de Alinhamento Nina Rezende - 2006 * Afonsina Rezende (Nina) – UFCG 2013 * Afonsina Rezende (Nina) – UFCG 2013 J u s t i f i c a d o The academic priorities which led me to write this text had consequences for its evolution. However, since I wrote the original text I have broadened its scope considerably, so that there are now frequent references not only to the mass media but also to other subjects, such as literature, art and mythology. Tipos de Alinhamento Nina Rezende - 2006 * Afonsina Rezende (Nina) – UFCG 2013 No alinhamento justificado as linhas de texto são alinhadas nos dois lados. Neste caso podem ocorrer espaços em branco indesejáveis entre as palavras (caminhos de rato). Quando for utilizar este tipo de alinhamento, fique atento à formação desses vazios. Alinhamento justificado - cuidados * Afonsina Rezende (Nina) – UFCG 2013 O alinhamento centralizado é o mais utilizado pelos iniciantes. Ele é mais seguro, não oferece risco para quem o utiliza. Porque faz uma distribuição equitativa, equilibrada. Entretanto cria uma aparência mais formal, mais comum, sem brilho. Alinhamento – conceitos agregados * Afonsina Rezende (Nina) – UFCG 2013 Não significa que não se deve usar o alinhamento centralizado. Se o contexto exigir uma certa formalidade, o centralizado é a melhor escolha. Alinhamento * Afonsina Rezende (Nina) – UFCG 2013 Às vezes é possível utilizar mais de um tipo de alinhamento por página, mas ao fazer isto esteja consciente do que está fazendo. Alinhamento * Afonsina Rezende (Nina) – UFCG 2013 Mesmo em um material que tenha uma boa diagramação e um bom design, pequenos detalhes de alinhamento costumam interferir no visual. Alinhamento * Afonsina Rezende (Nina) – UFCG 2013 Princípios do Design Gráfico - Alinhamento * Afonsina Rezende (Nina) – UFCG 2013 O princípio da Repetição afirma que algum elemento deve repetir-se no material inteiro, para que a peça ganhe unidade visual. Repetição * Afonsina Rezende (Nina) – UFCG 2013 ClassFotolitos Gerson Almeida Rua das Flores, 45 Bom Retiro - SP Fone 34567898 * Afonsina Rezende (Nina) – UFCG 2013 Repetição A repetição de alguns elementos faz com que o leitor perceba que há consistência no layout. A repetição ajuda a unificar todos os elementos do design. * Afonsina Rezende (Nina) – UFCG 2013 Novo layout da página depois de aplicado o princípio da Repetição. * Afonsina Rezende (Nina) – UFCG 2013 Quando repetimos alguns elementos o leitor percebe que há consistência, que todo material faz parte de um conjunto coeso. Isto ajuda na organização da informação. Se a página fizer parte de um livro é importante que todas as páginas obedeçam os mesmos critérios. * Afonsina Rezende (Nina) – UFCG 2013 Para criar um bom material de papelaria para empresas, utilize um elemento de repetição forte, não somente em cada peça, mas entre todas elas. * Afonsina Rezende (Nina) – UFCG 2013 Repetição A repetição ajuda a organizar as informações. Ela ajuda o leitor a se guiar pelas páginas e unificar partes distintas do design. CDROMs CDROMs CDs para crianças CDs educacionais Educacional Idiomas Ciências Matemática Material do professor Livros Vídeos Hardware e acessórios Cabos Memória Modens Impressoras Repetições: Fonte em negrito, Cores dos títulos, Sinais de tópicos, Alinhamento, Entrelinhas * Afonsina Rezende (Nina) – UFCG 2013 Repetições: Xícaras Setas alinhamento Se houver um elemento que o agrade, trabalhe com ele. Este elemento pode ser empregado de várias maneiras: em diferentes tamanhos, cores ou ângulos. * Afonsina Rezende (Nina) – UFCG 2013 A repetição de elementos visuais unifica e fortalece o material. Ela também acrescenta interesse visual. Mas devemos evitar repetir um elemento em demasia. Repetição * Afonsina Rezende (Nina) – UFCG 2013 Todos os elementos no espaço gráfico são importantes para a construção da mensagem que queremos passar, mesmo aquilo que chamamos de “espaço vazio”, ou as partes não preenchidas com cor ou elementos Para muitos profissionais do design gráfico, os espaços vazios têm tanta função quanto às imagens, os textos e outros elementos dentro do nosso layout. Espaço negativo * Afonsina Rezende (Nina) – UFCG 2013 Qual desses dois exemplos você considera mais agradável visualmente? * Afonsina Rezende (Nina) – UFCG 2013 Espaço em branco não necessariamente significa espaço na cor branca, mas sim uma área aparentemente sem informação significativa. Esta área tem uma função muito importante, que é a valorização dos outros elementos gráficos como textos e imagens. * Afonsina Rezende (Nina) – UFCG 2013 Observe como o espaço em branco ao redor da imagem completa o seu significado. * Afonsina Rezende (Nina) – UFCG 2013 Os princípios não são aplicados individualmente. Geralmente quando uma publicação tem um visual que agrada é porque nela estão aplicados vários princípios do design gráfico. * Afonsina Rezende (Nina) – UFCG 2013 Bibliografia básica Williams, Robin. Design para quem não é designer. São Paulo: Callis Editora, 2009
Compartilhar