Aula 6 - Noções de tipografia

Embed Size (px)

Citation preview

  • 8/13/2019 Aula 6 - Noes de tipografia

    1/68

    A ULA 6NOES BSICAS DE

    IPOGRAFIA Prof. Dr. Gilson Prto Jr.

    [email protected]

  • 8/13/2019 Aula 6 - Noes de tipografia

    2/68

    O QUE ?Tipografia vem grego typos (forma) e graphein

    (escrita).

    Arte ou processo decriao na composio deex o, gravura ou e emen o s g a s .

    Objeto: Dar ordem estrutural e forma acomunicao impressa.

  • 8/13/2019 Aula 6 - Noes de tipografia

    3/68

    AlemoJohannesGutenberg

    desenvolveu tiposmveis em metal e

    aperfeiooua prensatipogrfica .

  • 8/13/2019 Aula 6 - Noes de tipografia

    4/68

    A obra-mestra

    de Gutenberg a Bblia de42 linhas (B-42 . Esta obracompreendedois volumescom um totalde 1282pginas.

  • 8/13/2019 Aula 6 - Noes de tipografia

    5/68

    Crnica deNuremberg(1493) -xilogravura

  • 8/13/2019 Aula 6 - Noes de tipografia

    6/68

    Ontem

  • 8/13/2019 Aula 6 - Noes de tipografia

    7/68

    HOJE

  • 8/13/2019 Aula 6 - Noes de tipografia

    8/68

    [Conceitos

    Principais]

  • 8/13/2019 Aula 6 - Noes de tipografia

    9/68

    [FAMLIA]Conjunto de caracteres queguar am as mesmascaractersticas formais dedesenho, independente dopeso, inclinao e do corpo.

  • 8/13/2019 Aula 6 - Noes de tipografia

    10/68

    F AMLIA

  • 8/13/2019 Aula 6 - Noes de tipografia

    11/68

    F AMLIA

  • 8/13/2019 Aula 6 - Noes de tipografia

    12/68

    [FONTE]Conjunto de caracteres emdisponveis, comcaractersticas comuns.(Conceito prximo ao defamlia).

  • 8/13/2019 Aula 6 - Noes de tipografia

    13/68

    [FONTE]

    Conjunto de caracteres daITC Garamond Book Conjunto de caracteres daITC Garamond Italic

  • 8/13/2019 Aula 6 - Noes de tipografia

    14/68

  • 8/13/2019 Aula 6 - Noes de tipografia

    15/68

    [CORPO]Refere-se ao tamanho do tipo,sendo definida ela altura dosclichs. O corpo mensurado pelotamanho que vai do ponto maisalto (ascendente/versal) at o

    ponto mais baixo (descendente),com mais o acrscimo de algumespao extra.

  • 8/13/2019 Aula 6 - Noes de tipografia

    16/68

    [CORPO]

  • 8/13/2019 Aula 6 - Noes de tipografia

    17/68

    [PESO]Refere-se s variaes deens a e, sto , asdiferentes espessuras no

    desenho dos tipos que compemcerta famlia tipogrfica.

  • 8/13/2019 Aula 6 - Noes de tipografia

    18/68

    [PESO]

  • 8/13/2019 Aula 6 - Noes de tipografia

    19/68

    [LARGURA] Variao entre as largurasque e nem as var aes euma fonte: mais condensadas(apertadas) ou expandidas(mais espaadas).

  • 8/13/2019 Aula 6 - Noes de tipografia

    20/68

    [L ARGURA ]

  • 8/13/2019 Aula 6 - Noes de tipografia

    21/68

  • 8/13/2019 Aula 6 - Noes de tipografia

    22/68

    [INCLINAO]Refere-se as variaes quanto anc nao os t pos, po en oser: regular (romano no caso de

    alguns tipos com serifas) ouitlico (oblquo no caso dealguns sem serifas).

  • 8/13/2019 Aula 6 - Noes de tipografia

    23/68

    [INCLINAO]

  • 8/13/2019 Aula 6 - Noes de tipografia

    24/68

    [ VARIAES] As famlia tipogrficas podemapresentar var aes emrelao ao corpo, largura, pesoe inclinao.

  • 8/13/2019 Aula 6 - Noes de tipografia

    25/68

    [VARIAES]

  • 8/13/2019 Aula 6 - Noes de tipografia

    26/68

    [Outros

    Conceitos]

  • 8/13/2019 Aula 6 - Noes de tipografia

    27/68

    [CAIXA ALTA]Conjunto de caracteres em letrasma scu as.[caixa baixa]Conjunto de caracteres em letrasminsculas.

  • 8/13/2019 Aula 6 - Noes de tipografia

    28/68

    [ALTURA DASMAISCULAS] Altura da letra maiscula X. a medida da distncia da linhada base at o topo de umcaractere.

  • 8/13/2019 Aula 6 - Noes de tipografia

    29/68

    [ALTURA-X] Altura da letra minscula x.das letras minsculas emcomparao com a altura dasmaisculas.

  • 8/13/2019 Aula 6 - Noes de tipografia

    30/68

    [ASCENDENTE]Refere-se aos caracteres que se.

    So ascendentes as letras d, b,d, f, h, k, l, t.

  • 8/13/2019 Aula 6 - Noes de tipografia

    31/68

    [ARCO]Componente de uma letram n scu a, orma a por umalinha em forma de bengala, quenasce na haste principal.

  • 8/13/2019 Aula 6 - Noes de tipografia

    32/68

    [BARRIGA ouPAN A Linha curva de uma letraminscula ou maiscula,fechada, ligada haste verticalprincipal em dois locais. Ex: PB p b D d

  • 8/13/2019 Aula 6 - Noes de tipografia

    33/68

    [BRAO]Trao horizontal ou oblquoligado apenas por uma dasextremidades haste verticalprincipal de uma letramaiscula ou minscula. Ex:

    letra T (Aos dois braos do Ttambm se chama travesso).

  • 8/13/2019 Aula 6 - Noes de tipografia

    34/68

    [CAUDA, PERNA] Apndice do corpo de algumas, , , , ,

    abaixo da linha de base. Nasletras K e R tambm pode serchamado perna.

  • 8/13/2019 Aula 6 - Noes de tipografia

    35/68

    [ENLACE]O modo como uma haste, linha,

    uma serifa ou a um terminal:pode ser angular ou curvilneo.

  • 8/13/2019 Aula 6 - Noes de tipografia

    36/68

    [ENTRELETRA]Tambm chamado de .letras (e os demais glifos) deum dado corte de uma fonte,com valor pr-definido.

  • 8/13/2019 Aula 6 - Noes de tipografia

    37/68

    [ENTRELINHA]O tracking pode ser normal(=default), solto ou apertado. Ovalor por defeito umespaamento pr-ajustado peloautor da fonte, que tem relao

    direta com as qualidadesestticas da fonte.

  • 8/13/2019 Aula 6 - Noes de tipografia

    38/68

    [KERNING] Ajustamento individual doespao entre duas letras, paracompensar o excesso ou aescassez de espao entre asmesmas, derivados do desenho

    desses caracteres emparticular.

  • 8/13/2019 Aula 6 - Noes de tipografia

    39/68

  • 8/13/2019 Aula 6 - Noes de tipografia

    40/68

    [SERIFA]So os pequenos traos eno fim das hastes das letras. Asfamlias tipogrficas semserifas so conhecidascomosans-serif (sem serifa).

  • 8/13/2019 Aula 6 - Noes de tipografia

    41/68

    Letra maiscula, letra de caixaalta.

  • 8/13/2019 Aula 6 - Noes de tipografia

    42/68

    [VERSALETE]Corte de letra cuja forma a damaiscula, mas com peso igual para

    minscula (menos alta). Nas famliasde fontes digitais mais elaboradaspodem existir dois tipos diferentes deversaletes, que tero designaesmenos vulgares, como GrandCaps,Petite Caps, etc.

  • 8/13/2019 Aula 6 - Noes de tipografia

    43/68

    V RTICEPonta de ligao das hastes deletras maisculas como o A, M,W.

  • 8/13/2019 Aula 6 - Noes de tipografia

    44/68

    A NATOMIA I

  • 8/13/2019 Aula 6 - Noes de tipografia

    45/68

    A NATOMIA II....

    Bojo

  • 8/13/2019 Aula 6 - Noes de tipografia

    46/68

    A NATOMIA III

  • 8/13/2019 Aula 6 - Noes de tipografia

    47/68

    C APITULAR

    Fonte: JESSICA HISCHE, http://www.dailydropcap.com/

  • 8/13/2019 Aula 6 - Noes de tipografia

    48/68

  • 8/13/2019 Aula 6 - Noes de tipografia

    49/68

  • 8/13/2019 Aula 6 - Noes de tipografia

    50/68

    Aplicaes gerais

  • 8/13/2019 Aula 6 - Noes de tipografia

    51/68

  • 8/13/2019 Aula 6 - Noes de tipografia

    52/68

    Fonte:http://www.typographicposters.com/bruno-rodrigues/

  • 8/13/2019 Aula 6 - Noes de tipografia

    53/68

    Fonte:http://www.typographicposters.com/bruno-rodrigues/

  • 8/13/2019 Aula 6 - Noes de tipografia

    54/68

    Fonte:http://www.typographicposters.com/juliana-pedrosa/

  • 8/13/2019 Aula 6 - Noes de tipografia

    55/68

    Fonte:http://www.typographicposters.com/atolon-de-mororoa/

  • 8/13/2019 Aula 6 - Noes de tipografia

    56/68

    Fonte:http://www.typographicposters.com/nomo/

  • 8/13/2019 Aula 6 - Noes de tipografia

    57/68

    Fonte:http://www.typographicposters.com/tinderandsparks/

  • 8/13/2019 Aula 6 - Noes de tipografia

    58/68

    Fonte:http://www.typographicposters.com/studio-fm-milano/

  • 8/13/2019 Aula 6 - Noes de tipografia

    59/68

    Fonte:http://www.typographicposters.com/studio-fm-milano/

  • 8/13/2019 Aula 6 - Noes de tipografia

    60/68

    Fonte:http://www.typographicposters.com/nathalia-cury/

  • 8/13/2019 Aula 6 - Noes de tipografia

    61/68

    Fonte:http://www.typographicposters.com/matt-jones/

  • 8/13/2019 Aula 6 - Noes de tipografia

    62/68

    Fonte:http://www.typographicposters.com/matt-jones/

  • 8/13/2019 Aula 6 - Noes de tipografia

    63/68

    Fonte:http://www.typographicposters.com/dina/

  • 8/13/2019 Aula 6 - Noes de tipografia

    64/68

    Fonte: http://www.h-57.com/

  • 8/13/2019 Aula 6 - Noes de tipografia

    65/68

    Fonte: Juanma Teixid / Asuncin, Paraguay

  • 8/13/2019 Aula 6 - Noes de tipografia

    66/68

    Fonte:http://flickr.com/photos/en_r

    emolinos/

  • 8/13/2019 Aula 6 - Noes de tipografia

    67/68

    Fonte: http://www.stefano-picco.de/blog/2008/02/14/kalligrafie-und-lyrik-%e2%80%93-lyrik-und-typografie/

  • 8/13/2019 Aula 6 - Noes de tipografia

    68/68

    REFERNCIAS COLLARO, Antonio Celso.Projeto Grfico : teoria e prtica da diagramao.So Paulo: Summus, 2000.

    LANDIM, Paula da Cruz.Design, empresa e sociedade . So Paulo: UNESP,2009.Disponvel em: http://www.culturaacademica.com.br/catalogo-detalhe.asp?ctl_id=107

    MENEZES, Marizilda S.; PASCHOARELLI, Luis C.Design e planejamento.So Paulo: UNESP, 2009.Disponvel em: http://www.culturaacademica.com.br/catalogo-detalhe.asp?ctl_id=63

    MENEZES, Marizilda S.; PASCHOARELLI, Luis C. Design eergonomia. So Paulo: UNESP, 2009.

    Disponvel em: http://www.culturaacademica.com.br/catalogo-detalhe.asp?ctl_id=64

    TIPGRAFOS.NET:http://tipografos.net/glossario/anatomia.html