1. La tipografia
Elements de l’expressió
tipogràfica

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. 2. Història de la tipografia
Jeroglífics egipcis i pictogrames semítics
Alfabet fenici
Alfabets llatí, àrab, hebreu i grec

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. L’alfabet llatí
Al segle XIII es consolida la cal·ligrafia
gòtica, basada en el traç de plomí.

6. L’alfabet llatí
El 1455 Gutenberg fa les primeres
impressions amb impremta de tipus
mòbils.

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. L’Alfabet llatí
Al segle XVII tipògrafs com Baskerville,
Didot o Bodoni hi introdueixen variants
i matisos.

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. 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. 3. Els tipus
Els tipus o caràcters tipogràfics són
definits per:
 Família
 Font
 Cos o mida

12. Família
És la gamma de pesos, cursives i
amplades (normal, negreta i cursiva).

13. Font
És el conjunt de caràcters disponibles.

14. Cos
El cos és un requadre de la mateixa
alçada per a totes les lletres. Pot ser
un sinònim de mida.

15. 4. El caràcter tipogràfic
 Braç
 Cua
 Barra
 Blanc intern
 Gràcia o serif
 Línia de base
 Ascendent i descendent

16. La caixa alta i la caixa baixa
 Majúscules i minúscules

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. 6. Composició tipogràfica
 Lletres
 Paraules
 Línies

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. Línies
L’Interliniat és l’espai entre una línia de
text i la següent.
Si no s’insereix un espai vertical
addicional entre línies, es diu que la
composició és sòlida.

21. Paràgrafs
El 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. 7. Composició del text
Relació entre el text i la superfície que el
conté.
 Amplada de columna
 Alineació
 Composició de pàgina
 Color

23. Amplada de columna
 L’amplada de columna recomanable
és de 60-65 caràcters.

24. Alineació
 A la dreta
 A l’esquerra
 Al centre
 Justificat
 Compost assimètric

25. Composició de la pàgina
 Marc
 Text
 Marges
 Sagnat
 Imatges

26. Color
La 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. 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. 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. 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. 10. Expressivitat
 Compte amb Word Art!
 L’alternança de text i imatge no només
és aconsellable, és imprescindible.

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. 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. 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/