Visualidade nas provas de vestibular: tipografia e princípios básicos de design

Transcrição

1 Visualidade nas provas de vestibular: tipografia e princípios básicos de design

2 Tipografia

3 Letra serifada Em uma definição resumida, serifa é a haste perpendicular que finaliza os principais traços de algumas letras. Esse recurso facilita a leitura de textos impressos, pois ajuda a aglutinar as letras em palavras (servem como ganchos ). Em textos longos, como em jornais e revistas, é quase obrigatório o uso de letras com serifa.

4 Letra sem serifa Para o meio digital (web, softwares em geral) as letras sem serifa são as preferidas, pois as serifas são um elemento a mais em cada letra, interferindo em sua legibilidade. Por que isto acontece?

5 Monitor emite luz qualquer coisa que emita luz e para a qual tenhamos de olhar continuamente nos é hostil, por isso a preferência pelas letras sem serifas, ou seja, menos elementos de reconhecimento por parte do usuário. Papel absorve luz a leitura impressa é mais confortável porque o papel absorve e reflete a luz, mas não a emite. Neste caso a preferência é pelas letras com serifa.

6 São regras... Como diz Robert Bringhurst, autor do livro Elementos do estilo tipográfico Fique à vontade para quebrar as regras quebre-as com beleza, deliberadamente, bem. Esse é um dos fins para os quais elas foram criadas.

7

8

9

10

11 A Times se parece com a tipologia usada em muitos impressos, como jornais e livros. É considerada um fonte com boa legibilidade para a impressos, mas cansativa para a tela. A Arial é uma tipologia mais leve e mais moderna. Muitos profissionais a consideram uma versão "pobre" da Helvetica. É bem mais confortável para leitura no vídeo. A Verdanaémelhor que a Arial, especialmente em pequenos tamanhos.

12 A Comic Sans foi projetada baseada no tipo de letra usado nos balões de histórias em quadrinhos. A Georgiaémuito mais fácil de ler na tela do que a Times, pois foi projetada para vídeo, enquanto a Times foi projetada para impressos. A Georgiapossui um conjunto de caracteres em itálico muito mais atraente do que a Times. Seus numerais ( ) são também muito elegantes. A Trebuchet é uma fonte muito mais elegante do que a Arial e possui um conjunto de caracteres bem mais completo do que a Verdada, mas é menos legível em tamanhos pequenos.

13 A legibilidade da Impactébem prejudicada em tamanhos pequenos. Ela funciona melhor para títulos, o que acaba sendo mais prático e seguro. Versão mais "pesada" da arial, presta-se melhor, tal qual a Impact, para o uso em títulos, pois para textos ela é excessivamente "bold" É uma boa alternativa à Courier, caso você precise de uma fonte de espaçamento fixo não serifada.

14 1. EQUILÍBRIO, PROPORÇÃO, SIMETRIA Todos os elementos devem ser complementares Princípios básicos de design 2. CONTRASTE, CORES E BRANCOS Layouts dinâmicos chamam a atenção e causam impacto 3. ORDEM, CONSISTÊNCIA E REPETIÇÃO Crie as regras que quiser mas, depois, respeite-as 4. SIMPLIFICAÇÃO Simplicidade é sinônimo de elegância, objetividade e, acima de tudo, clareza 5. LEGIBILIDADE Textos existem para serem lidos 6. INTEGRAÇÃO O design não pode desafinar

15 1. EQUILÍBRIO, PROPORÇÃO, SIMETRIA Todos os elementos devem ser complementares Conseguir o equilíbrio dinâmico entre os elementos de um layout, com pontos de interesse e elementos que chamem a atenção, é muito difícil. Para isso, é preciso usar elementos de pesos e tamanhos diferentes que se oponham e se complementem, criando movimentos e interesse, sem deixar a impressão de que há algo faltando ou sobrando.

16 1. EQUILÍBRIO, PROPORÇÃO, SIMETRIA Todos os elementos devem ser complementares

17 1. EQUILÍBRIO, PROPORÇÃO, SIMETRIA Todos os elementos devem ser complementares

18 2. CONTRASTE, CORES E BRANCOS Layouts dinâmicos chamam a atenção e causam impacto Concordante: não há contraste algum entre dois elementos. O seu resultado é, normalmente, insosso : margens do mesmo tamanho, título e texto feitos na mesma letra e quase com o mesmo corpo. Conflitante: resolver inovar e não ousar muito. Surgem pequenas diferenças de tipo, corpo e estilo de texto; imagens com pequenas variações no estilo, tamanho, moldura, posição. As similaridades dificultam a leitura, porque as atrações visuais não são as mesmas (concordantes) nem são diferentes (contrastantes) por isso entram em conflito, causando um resultado desequilibrado, estranho e desagradável de se ler.

19 2. CONTRASTE, CORES E BRANCOS Layouts dinâmicos chamam a atenção e causam impacto Contrastante: um layout contrastante atrai a visão na hora e cria uma real curiosidade e interesse. Ele pode variar o tamanho, peso, estilo, forma e cor. Quanto maior a quantidade e intensidade dos contrastes, mais interessante poderá ser. Espaços em branco: muitas pessoas consideram os espaços em branco como áreas perdidas e, por isso, tentam preenchê-las com textos e imagens. Os espaços vazios são elementos importantes para o desenho de um layout. Funcionam para equilibrar espaços, reforçar a unidade de grupos, harmonizar áreas e aumentar o contraste.

20 2. CONTRASTE, CORES E BRANCOS Conflitante (marca d água)

21 3. ORDEM, CONSISTÊNCIA E REPETIÇÃO Crie as regras que quiser mas, depois, respeite-as Uma vez definidas as regras, elas não devem ser mudadas até o final. Isso é consistência. No design de um conjunto de documentos (website, páginas de revista) vale o mesmo princípio: tudo é permitido, menos mudar as regras no meio do processo.

22

23 4. SIMPLIFICAÇÃO Simplicidade é sinônimo de elegância, objetividade e, acima de tudo, clareza. Apesar do nome, a simplicidade e a elegância são difíceis de se conseguir, pois têm um enorme poder de síntese: simplicidade requer objetividade, firmeza e clareza de mensagem e elegância de design. Não é uma página branca com uma foto e um texto. É uma página em que o branco ocupa um lugar preciso e estudado.

24 5. LEGIBILIDADE Textos existem para serem lidos. Você consegue ler os textos na tela ou no impresso? Então está bom... Não? Precisa ser modificado... É simples...

25 6. INTEGRAÇÃO O design não pode desafinar. Depois de testar todos os conceitos individualmente, é hora de harmonizá-los, agrupá-los, alinhá-los, simplificá-los, ordená-los ou, sintetizando, integrá-los. Não adianta nada um layout seguir alguns princípios em umas páginas para quebrá-los em outras. Não se pode deixar o layout desafinar.

26 Neste caso, também é importante destacar trechos em que se coloca afirmação CORRETA ou NÃO está correto em todas as questões que forem utilizadas criar um padrão.

27 PONTOS POSITIVOS EM UMA PROVA Escolha da letra - legilibilidade - facilidade de leitura Ilustrações claras Texto bem organizado visualmente Entrelinhas adequadas ATENTAR! Cada mudança traz consigo a ameaça de novos erros Sempre que um arquivo é corrigido novos erros podem aparecer desde problemas com quebras, alinhamentos até erros de ortografia, palavras faltantes, correções malfeitas e... incorretas! Não espere pelas provas para examinar, seriamente, a composição de um texto Mudanças feitas após a preparação de uma prova de impressão são custosas. Elas também irão frear seu projeto, que é claro já está atrasado. (Lupton)