Princípios de tipografia

Slides:



Advertisements
Apresentações semelhantes
EDITORAÇÃO ELETRÔNICA Dicas Gerais
Advertisements

Tipografia.
TIPOGRAFIA.
Apresentações Eletrônicas
INTERPRETAÇÃO DE TEXTOS
Tipografia Propriedades Como orientar uma boa tipografia na Web
É u m e l e m e n t o f u n d a m e n t a l
Organização de Trabalhos no Word
Composição e Projeto Gráfico
Fonte: LAGE, Nilson. Estrutura da Notícia. São Paulo: Ática, 2004
Editoração Eletrônica e Diagramação
Tipografia – Sua trajetória
Introdução aos Princípios e elementos de design
ALGUMAS NORMAS PARA REALIZAÇÃO DE UM POWERPOINT
Língua Portuguesa: Como fazer uma história em quadrinhos?
Editoração Eletrônica e Diagramação
Campanha.
Prof. Dr. Adriano Canabarro Teixeira
Resumo histórico Na antiguidade já se usavam cartazes "manuscritos" (por vezes em madeira) que eram colocados ou pregados na parede. O primeiro cartaz.
Agrupamento de Escolas
O Surgimento do Alfabeto
Seleção e Combinação Criativa de Fontes
Prof. Fabio Aguiar / Fabio Bortoloto
Microsoft PowerPoint 2007.
A minha primeira apresentação…
©2004 Microsoft Corporation. Todos os direitos reservados. A minha primeira apresentação…  
Apresentação ao público
Título Instituições (logos) Autores.
HISTÓRIAS EM QUADRINHOS
Lab. de Produção Gráfica e Imagem
RESOLUÇÃO DA IMAGEM O espaçamento dos pixels em uma imagem determina a sua resolução, medida em pixels por polegada (pixel per inch - ppi) ou ponto por.
COMUNICAÇÃO VISUAL CO M UN IC AÇ ÃO VIS UA L CARTAZ.
COMO APRESENTAR IDÉIAS um pequeno roteiro para apresentações que comunicam Antonio Simão Neto PUCPR.
Tipos de Fontes Combinando e Escolhendo Fontes
DIAGRAMAÇÃO Disciplina: Oficina de Produção Gráfica
Semana 01 e 02 BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS.
Manual de Identidade Visual
Tipografia.
Editoração. Art Nouveau O Art Nouveau foi o prelúdio ou, como querem alguns, o alarme falso do movimento moderno. O primeiro movimento orientado exclusivamente.
COMUNICAÇÃO Tudo o que nos envolve estabelece connosco um diálogo, transmite-nos uma informação. Recebemos mensagens através dos gestos, das expressões.
Ilustração.
Estrutura física da revista
Lafayette B. Melo – CEFET-PB - COINFO Tipografia é a representação de sinais gráficos como meio de expressão de palavras, idéias ou outros elementos para.
TIPOLOGIA E DESIGN.
Layout.
DIAGRAMAÇÃO Colunas.
Editoração Eletrônica e Diagramação
(A psicologia da Forma)
Semiologia gráfica: uso das variáveis visuais
Prof. Eduardo Paulon Girardi
INTERFACE HOMEM-MÁQUINA
Ambientação de jogos ABNT.
PESQUISA DE MARKETING 11a Aula
Tipografia Fabio Baptista.
Composição e apresentação da embalagem
Elementos da composição gráfica
Fernando Feltrin Criando uma revista Fernando Feltrin
PROVA BRASIL 2015.
Jornal-mural, cartazes e folderes: linguagens populares de comunicação
Primeira Apresentação
Acetatos Os acetatos são folhas de película transparente, de tamanho A4, nas quais se pode escrever e posteriormente se podem projectar num ecrã através.
BANDA DESENHADA!....
INTRODUÇÃO À LEITURA.
Introdução à Leitura.
AGRUPAMENTO DE CELORICO DE BASTO DESIGN
Projetos Editorial e Gráfico Parâmetros para elaboração Publicação Empresarial - Jornal Impresso.
Normas da APA Tabelas e Figuras.
BrOffice.org IMPRESS Introdução – apostila p.166.
LÍNGUAS DE SINAIS As línguas de sinais são línguas naturais, pois surgiram do convívio entre as pessoas. As línguas de sinais podem ser comparadas no que.
Transcrição da apresentação:

Princípios de tipografia

A busca do significado

A percepção está condicionada pela aprendizagem ou conhecimento prévio. O cérebro tende a localizar os elementos dentro dos parâmetros referenciais que construímos por meio da experiência prévia ou conhecimento.

Tipos de tipografia Tipografia de leitura contínua ou de longa durabilidade Livros Jornais Revistas Manuais Hipertexto Tipografia efêmera ou de impacto Posters Capas Logotiós Embaçlagens Anúncios Sinalética

Corpo Visual Olho Olho superior AbeDjghij Olho inferior Olho médio

CLASSIFICAÇÃO PELO DNA DA FAMÍLIA

Uma boa tipografia estabelece uma hierarquia visual que facilita a leitura, ao proporcionar tanto interrupções visuais como ênfases gráficas, que ajudam o leitor a entender a relação entre o texto e a imagem, entre os títulos e os blocos de textos. A boa tipografia depende do contraste visual entre os diferentes tipos de letra e entre os blocos de texto, títulos e espaços em branco. “Nada atrai mais o olho e a mente do que um estudado contraste e uma adequada diferença no tratamento de cada um dos elementos”.

O alfabeto latino é composto de 26 sinais, mas uma fonte não se limita a isso. Existem também os sinais que não são letras: os sinais de pontuação, acentuação, numerais, símbolos decorativos etc. Eles formam um conjunto de elementos que transcrevem sons e ritmos da fala para a escrita.

Uma fonte para uso internacional costuma ter 256 caracteres, entre letras e sinais não alfabéticos. Baseados no estilo de cada letra esse sinais devem ser projetados para se encaixar visualmente no texto, de maneira quase invisível.

FAMÍLIA TIPOGRÁFICA CARACTERÍSTICAS COMUNS

Alfabeto unicameral x Alfabeto bicameral

ALPHABET 26: Um alfabeto sem maiúsculas e minúsculas!

Bauhaus – Caixa baixa

Maiúscula e minúscula As letras maiúsculas e minúsculas tem uma grande influência na legibilidade do texto. Nossa leitura consiste em reconhecer o formato geral das palavras; Árvore Rapaz Carnal Textos em maiúsculos são retângulos monótonos pouco distintos que não atraem a atenção do olhar. MONÓTONO RETÂNGULO Monótono Retângulo

Maiúsculo e minúsculo Legibilidade depende do topo das letras

Maiúsculo e minúsculo Legibilidade depende do topo das letras Textos em minúscula é mais legível porque exploramos a parte superior das palavras; Legibilidade depende do topo das letras

Sistema de medidas do Corpo Corpo é a medida usada para calcular a área de composição e conversão de textos manuscritos para tipos de impressão, marcando os blocos (ou manchas). Não havia medida durante a revolução industria. Durante a evolução das prensas, nasceram dois sistemas: Didot Usado na maior parte da Europa Equivale a 0,376 mm 12 pontos = Cícero (4,511 mm) Fournier Criado pelos ingleses e usado como padrão atualmente Equivale a 0,351 mm ou 1/72 de uma polegada 12 pontos = Paica (4,212 mm)

Exemplo de tamanhos de corpo Tamanho do Corpo ABCDEFabcdef 6 8 10 12 16 26 ABCDEabcde 48 ABCabc 72 Exemplo de tamanhos de corpo

Ligaturas

Como escolher a fonte? A escolha da família tipográfica mais adequada deve levar em conta: A personalidade da fonte: A natureza da ideia; O perfil do produto; O público-alvo; A legibilidade.

Composição tipográfica Legibilidade: grau de distinção entre os caracteres; C - G | E - F | N - H | c - e | I - l - 1 | i - j | b - h | rn - m | Ti - T1 A legibilidade deve manter um equilíbrio entre: Necessidades expressivas Tamanho do texto Corpo de fonte Adequação à mídia

Composição tipográfica Repetição: cria um padrão de identidade visual com o leitor, estabelecendo uma hierarquia; Estuda que você passa

Composição tipográfica Alinhamento: possibilita uma coerência na narrativa da leitura, garantindo uma coexistência entre os elementos, além de permitir um alívio visual ao leitor.

Áreas visíveis de bloco Cuidado com texto em fundo preto, pois reduz as área visíveis de bloco, forçando a vista na leitura. Veja os quadros com atenção e teste para saber em qual dá mais trabalho para ler o texto e qual a leitura é mais agradável. Veja os quadros com atenção e teste para saber em qual dá mais trabalho para ler o texto e qual a leitura é mais agradável.

Cuidados com a composição do texto Linha de texto não deve possuir mais que 12 palavras O espaço entre palavras deve ser menor que a entrelinha Para linhas longas e corpos pequenos, aumente a entrelinha.

PRINCIPAIS FAMÍLIAS TIPOGRÁFICAS

ROMANA ANTIGA Com inspiração na escrita romana os franceses criaram em meados do século XVIII uma família de letras que é ótima para textos extensos por possuir um descanso visual decorrente do contraste entre hastes e serifas.

ROMANA MODERNA É uma evolução do romano clássico com um contraste maior entre as hastes, as serifas triangulares foram substituídas por serifas retilíneas. Este tipo é meio delicado no momento da reprodução por causa das hastes muito finas. A Romana Moderna é um pouco mais leve e com maior legibilidade.

EGÍPCIA Foi criada no período da Revolução Industrial (século XVIII). Sua principal característica é a regularidade das hastes e serifas quadradas. Seu uso é desaconselhável em textos longos, pois suas serifas deixam o texto pesado demais

LAPIDÁRIA Inspirada nas inscrições fenícias que eram feitas usando-se bastões de argila, esta letra foi criada na Alemanha no século XIX. Esta família não possui variação entre suas hastes e seus arremates não formam serifas. É o tipo mais utilizado em textos publicitários e em embalagens.

CURSIVA Neste grupo estão todos os tipos de letras que não se enquadram em nenhum dos parâmetros de classificação anteriores. Temos os caracteres góticos, as letras que imitam a escrita manual, e muitas outras letras que contenham sombras e ou ornamentos. Por serem mais decorativas estas letras têm a legibilidade comprometida.

Decorativa ou Fantasia São tipos ótimos, engraçados, diferentes, fáceis de usar. Ex.: Shabby Não é utilizada em textos longos e devem ser usados com parcimônia em títulos, a partir da adequação com o conteúdo.

ELEMENTOS DA TIPOGRAFIA

A palavra Tipografia foi composta com as fontes Bernhard Modern e Palatino, ambas com o mesmo corpo (72’).

10 regras básicas

Se a mancha for em duas colunas * Se a mancha for em duas colunas. A largura da coluna determina a variação do número de caracteres

Colunas A largura da coluna é determinada pelo corpo da fonte. Muller-Brockmann indica a escala de 8 a 12 pontos como apropriada para a composição do texto de livros, folhetos ou catálogos. Ele recomenda de 7 a 10 palavras por linha, em textos longos. Willi Kunz define o comprimento das linhas de texto em função do número de caracteres. Aponta para valores na ordem dos 40 a 60 caracteres por linha, para uma ótima legibilidade.

Estilos tipográficos

Tipografia Elemental Desenvolvida no fim da Primeira Guerra Mundial Utiliza formas claras e reducionistas do construtivismo Busca a ordem Predominantemente San Serif Claridade e nada de ornamentação Representantes: Paul Renner, Ferdinand Kramer Ppica

Art Decó Divulgada em 1925 em París Utiliza linhas geométricas básicas com motivos florais Destaca o consumismo Principalmente uso publicitario Legibilidade en segundo plano Representantes: Cassandre, Morris Benton Ppica

Cassandre (1887-1948) O mestre do cartaz

Morris Fuller Benton (1872–1948), considerado o “pai desconhecido” do design americano de tipos, desenvolveu tipos para a American Type Founders por 35 anos.

Tradicional Surge depois dos anos 30, como retorno ao conservadorismo Regresso aos valores clássicos e rejeição ao “degenerado” Retomada da legibilidade como elemento central Principal representante - Stanley Morrison Ppica

Tradicional Surge depois dos anos 50 e dura até os anos 70 Influenciado por um contexto de comunicação global Integra a fotografia como parte de seu contexto Uso da internet San serif e assimetria como elementos Iniciadores - Armin Hoffman, Emil Ruder Ppica

Pop Anos 60 Influenciado pela rebelião jovem e pela televisão Apoio em mensagens visuais complexas Principais representantes: Andy Warhol, Roy Lichtenstein, Herb Lubalin Ppica

Funcionalismo e new wave Anos 70 Experimentação com elementos fotográficos e legibilidade Busca representar a expressividade da própria tipografia Tipografia como grafismo e não como elemento de leitura Principais representantes: Herb Lubalin, Aaron Burns, Wolfgang Weingart Ppica

Autoedição Anos 80 Disseminação do computador Ampla liberdade de manuseio de todos os elementos de formação e controle Principais representantes: Rudy Vanderlans, Zuzana Licko, Neville Brody Ppica

Steve Jobs by Dylan Roscover/2009

1933 1934

1936 1940

1953 1962

Dez/1963 1970

1970 1973

Capas - Esquire George Lois – capista entre 1962 e 1972. As capas do cara revolucionaram a maneira de se fazer e se pensar uma capa – conceito A revista se transformou num veículo a frente de seu tempo e até os dias de hoje se posiciona na vanguarda editorial em todos os sentidos.

1978 1982

2004 2004

Ago/2006 Set/2006

Todo elemento visual tem significado. Todo ordenamento visual tem significado. Todo significado presupõe uma ordem. Toda ordem está baseada em princípios visuais de integração e segregação Toda mensagem visual é constituida por dois níveis: forma e significado Ppica

Para ler: BRINGHURST, Robert. Elementos do estilo tipográfico. São Paulo: Cosacnaify, 2005.