![Page 1: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/1.jpg)
Prof. André Sales
![Page 2: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/2.jpg)
Texto
![Page 3: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/3.jpg)
Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia
![Page 4: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/4.jpg)
Com a invenção dos tipos moveis de Guttemberg adquirimos uma multiplicação do conhecimento e da informação
A maquina inventada por ele e seus tipos desenhados e fundidos em metal, foram o ponto inicial para a revolução na comunicação
![Page 5: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/5.jpg)
Estrutura do caracter
Corpo: tamanho da letra, varia de acordo com o público e objetivo que irá se trabalhar.
Caixa alta: letras maiúsculas.
Caixa baixa: letras minúsculas.
![Page 6: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/6.jpg)
A tipografia (do grego typos - "forma" - e graphein - "escrita") é a arte e o processo de criação na composição um texto, fisicamente ou digitalmente.
No uso da tipografia o interesse visual é realizado através da escolha adequada de :- Fontes tipográficas, - Composição de texto, - Cor do texto- Relação entre texto e os elementos gráficos na página.
![Page 7: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/7.jpg)
Tipografia x Tipologia
![Page 8: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/8.jpg)
TipografiaÉ a arte e processo de criação de caracteres. A tipografia tem origem etimológica na implantação da impressão por tipos móveis na Europa.
TipologiaTipologia é o estudo das características dos tipos.
![Page 9: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/9.jpg)
TipoCada um dos caractere tipográficos.
Fonte (Família tipográfica)Conjunto ou coleção de tipos cujo traçado, em qualquer corpo (tamanho) ou variante (normal, negrito, itálico), apresenta as mesmas características estruturais e cujo desenho básico é conhecido por um nome.
![Page 10: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/10.jpg)
Famílias Tipológicas
![Page 11: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/11.jpg)
Baseados em estudos feitos por Francis Thibedeau, em meados do século XVIII, na França, foi estabelecido as principais família de letras de imprensa. São elas:
Romana antiga Romana moderna Egípcia ou Serifa Grossa Lapidária ou Sem Serifa Cursiva Fantasia ou Decorativa
![Page 12: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/12.jpg)
Romana antiga
Criada pelos franceses, é inspirada na escrita monumental romana. Suas serifas facilitam a leitura, pois fazem o texto parecer contínuo aos olhos.
Proporciona ao leitor um inconsciente descanso visual.
Idéias para longos textos impressos.
![Page 13: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/13.jpg)
![Page 14: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/14.jpg)
Romana moderna
Criada pelos italianos, apresenta uma evolução dos romanos clássicos, Esteticamente agradáveis, trouxeram sensível melhora na legibilidade das letras.
![Page 15: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/15.jpg)
![Page 16: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/16.jpg)
Egípcia (Serifa Grossa)
Criada com o advento da revolução industrial, tem como característica estrutural uma certa uniformidade nas hastes e serifas retangulares.
![Page 17: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/17.jpg)
![Page 18: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/18.jpg)
Lapidária (sem serifa)
Criada na Alemanha, possui caracteres com poucas variações em suas hastes, cujos arremates não possuem serifas.
Ideal para títulos e embalagens
![Page 19: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/19.jpg)
![Page 20: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/20.jpg)
Cursiva
São as letras que não se encaixam em nenhuma das famílias já vistas.
São mais ilegíveis, limitando seu uso a destaques, com número limitado de toques.
![Page 21: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/21.jpg)
![Page 22: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/22.jpg)
![Page 23: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/23.jpg)
Fantasia
Fruto da evolução tecnológica e da necessidade de criar identidades corporativas cada vez mais inteligentes, criativas e individualizadas.
![Page 24: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/24.jpg)
![Page 25: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/25.jpg)
Destaque
Existem algumas maneiras para se dar destaque em uma informação,dentro do mesmo texto.- Utilizar inclinação.- Tonalidade (Extra Bold, Bold, Média,Light, Extra light).- Condensado ou expandido.- kerning: Ajuste do espaço entre as letras de uma palavra com o objetivo de criar uma textura visual, tornando assim o texto mais legível.
![Page 26: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/26.jpg)
Legibilidade
A legibilidade é a qualidade do que se pode ler ou do que está escrito em caracteres nítidos.
Dessa forma, não se lê letra por letra, e, sim, reconhecem-se os grupos de letras pelas suas particularidades formais, isto é, “lê-se”a imagem das palavras.
A boa legibilidade das letras, números, símbolos (caracteres), palavras e frases depende de variáveis que devem ser observadas:simplicidade, dimensão, força, e harmonia.
![Page 27: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/27.jpg)
Simplicidade
Quanto mais simples for o desenho dos caracteres, mais legível ele será, principalmente se o desenho seguir a lei da Boa continuação, isto é, o olhar tem tendência a seguir na direção que, oticamente, melhor continua a direção da letra.
As letras com traços ascendentes (b, d, f, h, k, l, t) e aquelas com descendentes (g, f, p, q, y) se sobressaem e contribuem para formar a imagem da palavra.
![Page 28: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/28.jpg)
CarnalÁrvore Rapaz
MONÓTONO
RETÂNGULO
Monótono
Retângulo
![Page 29: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/29.jpg)
Legibilidade depende do topo das letras
![Page 30: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/30.jpg)
Legibilidade depende do topo das letras
![Page 31: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/31.jpg)
Dimensão Texto com corpo muito pequeno ou muito grande dificulta a leitura. O tamanho do tipo1 utilizado pela maioria dos profissionais da área para um texto varia entre 09 e 12 pontos; alguns profissionais expandiram este estudo levando em conta a faixa etária do leitor, concluindo que:- Menores de 7 anos –corpo 24 - De 7 até 14 –corpo 16- Maiores de 14 anos –corpo 10 ou 12.
![Page 32: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/32.jpg)
Força A força dos caracteres é derivada da largura de seus traços, bem como das áreas de intervalos entre cada letra, entre cada palavra e entre cada linha.
Letras maiúsculas podem ser consideradas mais fortes, mas textos compostos integralmente em maiúsculas devem ser evitados, pois prejudicam a legibilidade. Portanto, as letras maiúsculas devem ser utilizadas em início de sentenças, títulos, nomes próprios e siglas ou abreviaturas triviais aos leitores.
![Page 33: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/33.jpg)
Efeito psicológico Os caracteres, de acordo com suas famílias, transmitem sensações psicológicas conforme o seu desenho, força e orientação, principalmente quando associados e reforçados com os efeitos psicológicos proporcionados pela cor.
Devido a esse fato, a escolha da família deve ser criteriosa e transmitir os sentimentos desejados ou reforçar o texto.
![Page 34: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/34.jpg)
![Page 35: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/35.jpg)
![Page 36: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/36.jpg)
![Page 37: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/37.jpg)
![Page 38: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/38.jpg)
![Page 39: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/39.jpg)
![Page 40: Prof. André Sales. Texto Não se faz um bom design sozinho. Um dos grandes responsáveis para um bom resultado de um trabalho é, sem dúvida, a tipografia](https://reader035.vdocuments.pub/reader035/viewer/2022081420/552fc11b497959413d8c9ea9/html5/thumbnails/40.jpg)
www.tipograficos.net