La tipografia            Elements de l’expressió                         tipogràfica
1. La tipografia   És un mitjà gràfic per a un missatge    verbal.   Deriva dels pictogrames.   És text i és imatge.  ...
2. Història de la tipografiaJeroglífics egipcis i pictogrames semítics              Alfabet fenici    Alfabets llatí, àrab...
L’alfabet llatíLes lletres capitals de les làpides  romanes (les nostres majúscules) es  transformen en la baixa edat mitj...
L’alfabet llatíAl segle XIII es consolida la cal·ligrafia   gòtica, basada en el traç de plomí.
L’alfabet llatíEl 1455 Gutenberg fa les primeres   impressions amb impremta de tipus   mòbils.
L’alfabet llatíEntre el segle XV i XVI els tipògrafs  venecians renoven la tipografia i la fan  més clara i llegible.
L’Alfabet llatíAl segle XVII tipògrafs com Baskerville,   Didot o Bodoni hi introdueixen variants   i matisos.
L’alfabet llatíAl segle XVIII apareixen les lletres de pal   sec (destinades a la retolació) i després   les egípcies (tam...
L’alfabet llatíAl segle XX es recuperen les lletres de   pal sec, se’n dissenyen de noves   inspirades en les romanes i es...
3. Els tipusEls tipus o caràcters tipogràfics són  definits per:   Família   Font   Cos o mida
FamíliaÉs la gamma de pesos, cursives i  amplades (normal, negreta i cursiva).
FontÉs el conjunt de caràcters disponibles.
CosEl cos és un requadre de la mateixa   alçada per a totes les lletres. Pot ser   un sinònim de mida.
4. El caràcter tipogràfic   Braç   Cua   Barra   Blanc intern   Gràcia o serif   Línia de base   Ascendent i descen...
La caixa alta i la caixa baixa   Majúscules i minúscules
5. Les famílies tipogràfiques   Romanes antigues   Romanes modernes o didones   Lineals o de pal sec   De bloc o egípc...
6. Composició tipogràfica   Lletres   Paraules   Línies
Les paraules   Són l’agrupació de lletres (o tipus).   L’interlletratge és l’espai entre lletres.   La seva relació es ...
LíniesL’Interliniat és l’espai entre una línia de   text i la següent.Si no s’insereix un espai verticaladdicional entre l...
ParàgrafsEl text es divideix en paràgrafs, que es   poden distingir entre ells afegint   separació més gran que l’interlin...
7. Composició del textRelació entre el text i la superfície que el  conté.   Amplada de columna   Alineació   Composici...
Amplada de columna   L’amplada de columna recomanable    és de 60-65 caràcters.
Alineació   A la dreta   A l’esquerra   Al centre   Justificat   Compost assimètric
Composició de la pàgina   Marc   Text   Marges   Sagnat   Imatges
ColorLa mescla partitiva és la suma del color   de les lletres amb el fons.El gris de pàgina és el resultant d’un fons   b...
8. Criteris de llegibilitat   Les lletres de gràcia són les més    llegibles en textos continus. Les de pal    sec, en rè...
9. Amenitat   Un espai reduït provoca amuntega-    ment. Si és massa gran, fragmentació.   La mida òptima és de 9 a 12 p...
9. Amenitat   Un interliniat massa estret atapeeix el    text; massa ample, interromp la    lectura.   L’alineació a l’e...
10. Expressivitat   Compte amb Word Art!   L’alternança de text i imatge no només    és aconsellable, és imprescindible.
Fonts tipogràfiques gratuïtes   http://www.1001freefonts.com/   http://www.dafont.com/   http://www.fontreactor.com/  ...
Per què no utilitzar la Comic Sans   Perquè s’usa abusivament.   Perquè té connotacions infantils.   Perquè imita a mit...
Per què no utilitzar la Comic Sans   http://www.bbc.co.uk/news/magazine-    11582548   http://bancomicsans.com/main/   ...
Próxima SlideShare
Cargando en…5
×

La tipografia

6.087 visualizaciones

Publicado el

0 comentarios
1 recomendación
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
6.087
En SlideShare
0
De insertados
0
Número de insertados
4.580
Acciones
Compartido
0
Descargas
0
Comentarios
0
Recomendaciones
1
Insertados 0
No insertados

No hay notas en la diapositiva.

La tipografia

  1. 1. La tipografia Elements de l’expressió tipogràfica
  2. 2. 1. La tipografia És un mitjà gràfic per a un missatge verbal. Deriva dels pictogrames. És text i és imatge. Sintonitza forma i contingut.
  3. 3. 2. Història de la tipografiaJeroglífics egipcis i pictogrames semítics Alfabet fenici Alfabets llatí, àrab, hebreu i grec
  4. 4. L’alfabet llatíLes lletres capitals de les làpides romanes (les nostres majúscules) es transformen en la baixa edat mitjana a partir de l’escriptura manual en minúscules. S’anomena cal·ligrafia carolíngia.
  5. 5. L’alfabet llatíAl segle XIII es consolida la cal·ligrafia gòtica, basada en el traç de plomí.
  6. 6. L’alfabet llatíEl 1455 Gutenberg fa les primeres impressions amb impremta de tipus mòbils.
  7. 7. L’alfabet llatíEntre el segle XV i XVI els tipògrafs venecians renoven la tipografia i la fan més clara i llegible.
  8. 8. L’Alfabet llatíAl segle XVII tipògrafs com Baskerville, Didot o Bodoni hi introdueixen variants i matisos.
  9. 9. L’alfabet llatíAl segle XVIII apareixen les lletres de pal sec (destinades a la retolació) i després les egípcies (també gruixudes).
  10. 10. L’alfabet llatíAl segle XX es recuperen les lletres de pal sec, se’n dissenyen de noves inspirades en les romanes i es presenta l’Helvètica.
  11. 11. 3. Els tipusEls tipus o caràcters tipogràfics són definits per: Família Font Cos o mida
  12. 12. FamíliaÉs la gamma de pesos, cursives i amplades (normal, negreta i cursiva).
  13. 13. FontÉs el conjunt de caràcters disponibles.
  14. 14. CosEl cos és un requadre de la mateixa alçada per a totes les lletres. Pot ser un sinònim de mida.
  15. 15. 4. El caràcter tipogràfic Braç Cua Barra Blanc intern Gràcia o serif Línia de base Ascendent i descendent
  16. 16. La caixa alta i la caixa baixa Majúscules i minúscules
  17. 17. 5. Les famílies tipogràfiques Romanes antigues Romanes modernes o didones Lineals o de pal sec De bloc o egípcies Escriptures
  18. 18. 6. Composició tipogràfica Lletres Paraules Línies
  19. 19. Les paraules Són l’agrupació de lletres (o tipus). L’interlletratge és l’espai entre lletres. La seva relació es pot modificar pel cran. (superposició d’una lletra en l’espai horitzontal de l’altra) To
  20. 20. LíniesL’Interliniat és l’espai entre una línia de text i la següent.Si no s’insereix un espai verticaladdicional entre línies, es diu que lacomposició és sòlida.
  21. 21. ParàgrafsEl text es divideix en paràgrafs, que es poden distingir entre ells afegint separació més gran que l’interliniat habitual.Aquesta separació no ha de ser tan ampla com una línia en blanc, perquè el text quedaria massa fragmentat.
  22. 22. 7. Composició del textRelació entre el text i la superfície que el conté. Amplada de columna Alineació Composició de pàgina Color
  23. 23. Amplada de columna L’amplada de columna recomanable és de 60-65 caràcters.
  24. 24. Alineació A la dreta A l’esquerra Al centre Justificat Compost assimètric
  25. 25. Composició de la pàgina Marc Text Marges Sagnat Imatges
  26. 26. ColorLa mescla partitiva és la suma del color de les lletres amb el fons.El gris de pàgina és el resultant d’un fons blanc i el color negre de la lletra.
  27. 27. 8. Criteris de llegibilitat Les lletres de gràcia són les més llegibles en textos continus. Les de pal sec, en rètols. La caixa baixa facilita la lectura. Un pes mitjà és més llegible que una font fina o negreta. Les cursives perden llegibilitat per la inclinació.
  28. 28. 9. Amenitat Un espai reduït provoca amuntega- ment. Si és massa gran, fragmentació. La mida òptima és de 9 a 12 punts. Per sota de 5 és il·legible. 14 és tolerable. Més gran, s’accepta per a titulars.
  29. 29. 9. Amenitat Un interliniat massa estret atapeeix el text; massa ample, interromp la lectura. L’alineació a l’esquerra i la justificada són les més llegibles. L’ús de colors massa similars entre text i fons dificulta la lectura. Cal cercar un contrast fort: colors clars amb foscos.
  30. 30. 10. Expressivitat Compte amb Word Art! L’alternança de text i imatge no només és aconsellable, és imprescindible.
  31. 31. Fonts tipogràfiques gratuïtes http://www.1001freefonts.com/ http://www.dafont.com/ http://www.fontreactor.com/ http://www.fonts.com/ http://www.fonts.com/ http://www.abstractfonts.com/
  32. 32. Per què no utilitzar la Comic Sans Perquè s’usa abusivament. Perquè té connotacions infantils. Perquè imita a mitges l’escriptura manual. Perquè és incompatible amb un missatge seriós. Perquè està passada de moda. Perquè és de Microsoft.
  33. 33. Per què no utilitzar la Comic Sans http://www.bbc.co.uk/news/magazine- 11582548 http://bancomicsans.com/main/ http://ocacsms.blogspot.com/ http://comicsanscriminal.com/

×