Una lezione dedicata al design editoriale: gabbie, flussi di lavoro, carta e formati, linee editoriali, risoluzioni, il colore e i suoi spazi, sistemi di stampa e quadricromia, esempi (Fesel), l'impaginazione (cenni tecnici e Indesign)

1. Grafica
editoriale
2
cinzia ratto
Max Pinucci
Piccolo compendio
sulla impaginazione

2. Grafica
editoriale
Max Pinucci

3. Grafica
editoriale
La sezione
aurea
(diagonale)
cinzia ratto
Dividere diagonale in
9 parti uguali
Nel punto 3:
tracciare le linee (in
rosso, sezioni auree)
Il contenuto sarà
inscritto nel box 1-7
Max Pinucci

4. Grafica
editoriale
La sezione
aurea
(diagonale)
cinzia ratto
Il sistema delle
diagonali non
propone una misura
iniziale fissa né per i
margini, né per la
gabbia
Il sistema non è
legato a formati
particolari
Max Pinucci
Mantiene inalterate
le proporzioni per
qualsiasi format

5. Grafica
editoriale
La sezione
aurea
(diagonale)
cinzia ratto
Prevedere gli spazi
destinati ai testi
Ipotizzare lo spazio
necessario per titoli,
sottotitoli, occhielli...
Max Pinucci

6. Grafica editoriale
Orientamenti generali

7. Grafica editoriale
Orientamenti generali

8. Grafica
editoriale
Un breve
compendio di
impaginazione
e stampa
Max Pinucci

9. Grafica editoriale
Max Pinucci
Orientamenti generali

10. Grafica editoriale
Orientamenti generali
Max Pinucci
Redazione!
Fornitori
Software immagini e testiStudio grafico!
Raccolta
Impaginazione!
per la
materiale (testi e
composizione
lavorazione! immagini) e
grafica e!
supervisione!
giornalistica!
art direction!
Gestione
Pre-press!
di Immagini
Acquisizione
digitale delle
immagini!
fotografiche!
Tipografia!
Max Pinucci
Correzioni
Stampa
sui Testi
tipografica in
quadricromia!
e rilegatura!
Packaging,!
etichettatura !
e spedizione!
postale!

11. Grafica editoriale
Orientamenti generali
Max Pinucci
Definizione
struttura
rivista
Fase!
Redazionale!
Flusso! Software immagini e testi
della!
Fase di!
impaginazione!
lavorazione! Progetto e!
Raccolta materiale
testi e immagini
Brief su impaginato
Impaginazione testi
e progetto grafico
Correzioni ed ev. integrazioni
Editing
redazionale
Acquisizione
digitale
immagini
Montaggio prima bozza
Montaggio definitivo
Fase di!
Pre-stampa!
Premontaggio impianti pellicolari
Ultimo controllo / approvazione
Fase di!
Stampa e!
distribuzione!
Produzione impianti pellicolari
Bozza cianografica definitiva
Realizzazione
impianti
per stampa
Avviamento e
stampa
pre-serie
Stampa della
tiratura
Rilegatura
Packaging e
spedizione

12. Grafica editoriale
Orientamenti generali
Max Pinucci
Studio Grafico!
Costi! Software immagini e testi
Clip fotografici !
della!
o illustrazioni!
lavorazione!
Tipografia!
Stampa e
confezione!
Studio Grafico!
Fotolito!
Tipografia!
Grafica,
impaginazione e
coordinamento!
Impianti !
pellicolari!
per stampa!
Packaging e
spedizione!
postale!

13. Grafica editoriale
Orientamenti generali
Max Pinucci
Timing!Software immagini e testi
della!
lavorazione!
T!
ermine massimo!
consegna testi e!
materiale!
iconografico!
T!
ermine massimo!
consegna impag.!
alla fotolito!
T!
ermine massimo!
consegna impianti!
pellicolari per la!
tipografia!
Impaginazione!
Cons. testi!
e immagini!
Impianti!
Stampa!
Scansioni!
Assistenza e coordinamento!
g.g.! 1! 2! 3! 4! 5! 6! 7! 8! 9! 10! 1! 12! 13! 14!15!16!17!18!
1!
Fotocomposizione!
Fotolito! T!
ipografia!

14. Grafica editoriale
Orientamenti generali
Max Pinucci
Gantt (per lavorazioni complesse)

15. Grafica editoriale
Orientamenti generali
Max Pinucci
Il software
Editing testi:
Word, OpenOffice Writer, TextEdit, ecc
Fotoritocco/elaborazione immagini:
Photoshop, GIMP, Paint.net, Aperture, Ecc
Impaginazione:
InDesign, Quark X-Press, Scribus, Latex
Disegno vettoriale
Illustrator, FreeHand, Inkscape, OpenOffice Draw

16. Grafica editoriale
Orientamenti generali
Max Pinucci
Raccolta materiali
Contenuti
layout:
Testi e
Immagini

17. Grafica editoriale
Orientamenti generali
Max Pinucci
Materiali
Organizzazione lavoro
Proposte
Lav.1
Esecutivi
Materiali
Proposte
Lav.2
Esecutivi
Materiali
Nome
Cliente
Proposte
Lav.3
Esecutivi

18. Grafica editoriale
La carta
Max Pinucci
Scusi, volevo un foglio di
carta...

19. Grafica editoriale
Max Pinucci
La carta

20. Grafica editoriale
La carta
Max Pinucci
Caratteristiche della carta
Finitura
Superficiale
Volume
Colore
Brillantezza
Grammatura
Patinata lucida
Patinata opaca
Volume =
Spessore/
grammatura
Bianco
Biancoflash
Naturale
Avorio
Tortora
Cenere, ecc
ISO Brightness
Carta bibbia:
25-35 g/m2
Texture
(Martellata,
Vergata, ecc)
Usomano
Ecologica
Riciclata
Fatta a mano
Indicata in
micrometri
(µm)
spessore
= volume
x grammatura
x N° fogli
/ 1000
Carta leggera:
35-60 g/m2
Carta da stampa:
60-115 g/m2
Carta ruvida
(o bouffant):
115-220 g/m2
Cartoncino:
oltre 220 g/m2

21. Grafica editoriale
La carta
Max Pinucci
Scelta della carta
Copertina
Tipo
Colore
Grammatura
Plastificata
> opaca
> lucida
> lucidatura
> selettiva
4 colori
(cmyk)
350 gr
(cartoncino)
2 colori
(bicromia)

22. Grafica editoriale
Max Pinucci
La foliazione

23. Grafica editoriale
Max Pinucci
Scelta del formato
Alcuni esempi di
formati utilizzabili
nell'editoria:
Formati UNI standard
20 x 20

24. Grafica editoriale
Max Pinucci
A3
Scelta del formato
Alcuni esempi di
formati utilizzabili
nell'editoria:
Formati UNI standard
A4
A5
A6
20 x 20
17 x 24
34 x 25

25. Grafica editoriale
Orientamenti generali
Max Pinucci
Scelta del formato
Altri esempi di formati
utilizzabili
nell'editoria:
20 x 20
A4
17 x 24
34 x 25

26. Grafica editoriale
La foliazione
Max Pinucci
Suddividere le pagine
in sedicesimi
bianca
volta

27. Grafica editoriale
Max Pinucci
Suddividere le pagine
in ottavi
La foliazione

28. Grafica editoriale
La carta
Max Pinucci
Scelta della carta
Pag.Interne
Tipo
Colore
Grammatura
Ecologica
1 colore (b/n)
Es. Testi
130/150 gr
Patinata
4 colori (cmyk)
Es. Testi+Img
130/150 gr

29. Grafica editoriale
Orientamenti generali
Max Pinucci
Suddivisione in capitoli
Bianca
ISBN
Titolo
Colophon Indice
Bianca
Dedica
Cap. 1
Bianca
B/N
Colore
Intro
Bianca
Pref.
Img.
Img +
dida
Testo
Finito
stamp.
Bianca
Bianca

30. Grafica editoriale
Max Pinucci
La copertina

31. Grafica editoriale
Max Pinucci
Grandi Libri Garzanti
La copertina

32. Grafica editoriale
Max Pinucci
Libri ISIA
La copertina

33. Grafica editoriale
Max Pinucci
Damir Jellici e Gianluigi Toccafondo per Fandango, 2005
La copertina

34. Grafica editoriale
Max Pinucci
Bruno Munari
La copertina

35. Grafica editoriale
Max Pinucci
La copertina

36. Grafica editoriale
Max Pinucci
I miei libri
La copertina

37. Grafica editoriale
Max Pinucci
I miei libri
La copertina

38. Grafica editoriale
Max Pinucci
I miei libri
La copertina

39. Grafica editoriale
Max Pinucci
I miei libri
La copertina

40. Grafica editoriale
Max Pinucci
La copertina

41. Grafica editoriale
Max Pinucci
I miei libri
La copertina

42. Grafica editoriale
La copertina
Max Pinucci
Scelta della copertina
Layout
autocopertinato:
copertina con
bandelle
Sovraccoperta

43. Grafica editoriale
La copertina
Max Pinucci
Calcolo della costola
Spessore
della costola
calcolato in base
al numero dei
sedicesimi
contenuti
nell'impaginato
Ext: 4a di copertina
Int: risvolto
Pagine
del layout
1 sedicesimo= ca 1 mm
Copertina

44. Grafica editoriale
La copertina
Max Pinucci
Rilegatura
Brossura
Brossura
con unghia

45. Grafica editoriale
La copertina
Max Pinucci
Rilegatura
Questi tipo di
rilegaura si realizza
unendo i diversi
gruppi di pagine
(sedicesimi) tra loro
sul dorso sinistro
con un filo di rete e,
successivamente,
incollando questo
gruppo di pagine al
dorso della
copertina (costola)
Brossura

46. Grafica editoriale
Max Pinucci
Rilegatura
Spillatura
La copertina

47. Grafica editoriale
Max Pinucci
L immagine digitale

48. Grafica editoriale
L immagine digitale
Max Pinucci
Strumenti di acquisizione
immagini
> Scanner
> Fotocamere digitali
> Videocamere

49. Grafica editoriale
L immagine digitale
Max Pinucci
Tabella per acquisizione
LPI stampa
60
85
100
120
133
150
180
0
Quotidiano
0
Libro arte
DPI acquisizione
120
170
200
240
266
300
360
0
Quotidiano
0
Libro arte
Immagini retinate:
la risoluzione
è pari al doppio della
frequenza di retino
(LPI)
Testi non retinati:
la risoluzione
corrisponde alla
massima risoluzione
della stampante

50. Grafica editoriale
Max Pinucci
Risoluzione di stampa
Per la stampa
tipografica le
immagini devono
essere (in linea di
massima) 300 DPI
(scala 1:1)
L immagine digitale

51. Grafica editoriale
L immagine digitale
Max Pinucci
Risoluzione di stampa: antialias

52. Grafica editoriale
L immagine digitale
Max Pinucci
Risoluzione di stampa: antialias

53. Grafica editoriale
Max Pinucci
Sistemi di stampa

54. Grafica editoriale
Sistemi di stampa
Max Pinucci
Sistemi tradizionali ad inchiostro
Stampa
Offset
Monocromia
(tinta piatta)
Realizzata
attraverso
l’uso di
inchiostri
trasparenti
Bicromia
(Duotone,
tinte piatte)
Offset
(carta a fogli)
Tricromia
(tinte piatte)
Rotoffset
(carta a rullo)
Quadricromia
6 colori
(quadricromia
+ 2 colori)
Esacromia
Stampa
Serigrafica
Un colore
(tinta piatta)
Due colori
(tinte piatte)
Policromatica
(tinte piatte)
Quadricromia
6 colori
(quadricromia
+ 2)
Esacromia
Realizzata
attraverso
l’uso di
inchiostri
coprenti

55. Grafica editoriale
Max Pinucci
Il colore

56. Grafica editoriale
Il colore
Max Pinucci
Metodi e spazi colore
RGB
Uso additivo del colore
(monitor)
CMYK
Uso sottrattivo del colore
(stampa)

57. Grafica editoriale
Il colore
Max Pinucci
Metodi e spazi colore
RGB
CMYK
Spazio
colore
Colori percepiti
Colori visualizzabili
Colori stampabili
Uso additivo del colore
(monitor)
Uso sottrattivo del colore
(stampa)

58. Grafica editoriale
Il colore
Max Pinucci
Metodi e spazi colore
RGB
Uso additivo del colore
(monitor)
CMYK
Uso sottrattivo del colore
(stampa)

59. Grafica editoriale
Il colore
Max Pinucci
Metodi
Colore:
1
1. Scala di grigio
3
1
2
2. Tinta piatta
3. Bianconero
4. Due tonalità
5. RGB
6. CMYK
2
4
3
4
5
6

60. Grafica editoriale
Max Pinucci
Metodi
Colore:
1
Colori speciali
(metallizzati,
vernici, a caldo
E a secco)
2
Il colore

61. Grafica editoriale
Max Pinucci
Tratto o tono continuo?

62. Grafica editoriale
Tratto o tono continuo?
Max Pinucci
Sergio Toppi
Hugo Pratt
Immagine al tratto (monocromatica)
Immagine a tono continuo

63. Grafica editoriale
Tratto o tono continuo?
Max Pinucci
Tratto monocromatico
Retino monocromatico
Retino di quadricromia

64. Grafica editoriale
Max Pinucci
La stampa in quadricromia

65. Grafica editoriale
Max Pinucci
Il retino di stampa
La stampa in quadricromia

66. Grafica editoriale
Max Pinucci
Il retino di stampa
La stampa in quadricromia

67. Grafica editoriale
Max Pinucci
La separazione
La stampa in quadricromia

68. Grafica editoriale
La stampa in quadricromia
Max Pinucci
La separazione
C

69. Grafica editoriale
La stampa in quadricromia
Max Pinucci
La separazione
M

70. Grafica editoriale
La stampa in quadricromia
Max Pinucci
La separazione
Y

71. Grafica editoriale
La stampa in quadricromia
Max Pinucci
La separazione
K

72. Grafica editoriale
La stampa in quadricromia
Max Pinucci
C

73. Grafica editoriale
La stampa in quadricromia
Max Pinucci
CM

74. Grafica editoriale
La stampa in quadricromia
Max Pinucci
CMY

75. Grafica editoriale
La stampa in quadricromia
Max Pinucci
CMYK

76. Grafica editoriale
La stampa in quadricromia
Max Pinucci
C

77. Grafica editoriale
La stampa in quadricromia
Max Pinucci
CM

78. Grafica editoriale
La stampa in quadricromia
Max Pinucci
CMY

79. Grafica editoriale
La stampa in quadricromia
Max Pinucci
CMYK

80. Grafica editoriale
Max Pinucci
Livelli
Intervengono
sui bianchi,
neri e
mezzitoni
dell'immagine
La stampa in quadricromia

81. Grafica editoriale
Max Pinucci
Saturazione
Interviene sul
colore e sulla
luminosità
La stampa in quadricromia

82. Grafica editoriale
Max Pinucci
Salvare le
immagini per
la stampa
> JPEG
utilizzato nella
compressione delle
immagini
fotografiche.
Compressione di
tipo "lossy" cioè
con perdita di
informazione
(settabile)
I formati digitali

83. Grafica editoriale
Max Pinucci
Salvare le
immagini per
la stampa
> TIFF
utilizzato per salvare
img. destinate alla
stampa tipografica,
perché permette di
specificare numerose
indicazioni aggiuntive
come ad esempio,
informazioni sul colore
e ev. Livelli immagine.
I formati digitali

84. Un paio di esempi
Andreja Fesel | Wien

93. Didot
Zapfino
Gothan [book/light]

95. Pantone652 | U

100. Grafica
editoriale
2
cinzia ratto
Max Pinucci
Piccolo compendio
sulla impaginazione

101. Grafica editoriale
Max Pinucci
Impaginare (Indesign)

102. Grafica editoriale
Max Pinucci
Scelta di font
Bastoni
(GillSans)
Graziato
(Apple
Garamond)
Il testo e gli stili

103. Grafica editoriale
Il testo e gli stili
Max Pinucci
Applicare i font scelti
GillSans per
il testo
Apple
Garamond
per titoli e
didascalie

104. Grafica editoriale
Il testo e gli stili
Max Pinucci
Esempio: la correzione dei testi
Correzione
ortografica
automatica di
word

105. Grafica editoriale
Il testo e gli stili
Max Pinucci
Esempio: il calcolo delle battute
Quanti caratteri
sono contenuti
in un testo
(spazi inclusi)

106. Grafica editoriale
Il testo e gli stili
Max Pinucci
Ingombri e calcolo delle pagine
Testo originale:
60
30 X
battute per riga
righe per pagina
1800 =
battute per pagina
1800
80 X
battute per pagina
pagine
144.000 =
battute totali

107. Grafica editoriale
Il testo e gli stili
Max Pinucci
Ingombri e calcolo delle pagine
Layout:
70
30 X
battute per riga
righe per pagina
2100 =
battute per pagina
144.000
2100 :
battute totali
battute per pagina
68,6 =
quindi 69 pagine
per il testo

108. Grafica editoriale
Max Pinucci
Impaginare con InDesign
Impaginare (Indesign)

109. Grafica editoriale
Max Pinucci
Pagine e pagine mastro
Impaginare (Indesign)

110. Grafica editoriale
Impaginare (Indesign)
Max Pinucci
Geometria della pagina:
gabbia e margini
Gabbia:
Suddivisione virtuale
degli spazi di una
pagina, sottoformata
da “colonne” per
testi e aree dedicate
alle immagini

111. Grafica editoriale
Impaginare (Indesign)
Max Pinucci
Geometria della pagina:
gabbia e margini
Margini:
Spazio che delimita
l'area scritta o
stampata di una
pagina

112. Grafica editoriale
Impaginare (Indesign)
Max Pinucci
Inserire immagini
Immagini al Vivo:
area stampabile
oltre la gabbia.
Per evitare che al momento
del rifilo della pagina si
creino spazi bianchi
indesiderati tra l'immagine e
la pagina stessa, si aggiunge
qualche millimetro
all'immagine (abbondanza)
3mm

113. Grafica editoriale
Impaginare (Indesign)
Max Pinucci
Inserire immagini
Immagini al Vivo:
area stampabile
oltre la gabbia.
Segni di rifilo
indicano dove
va tagliata
la pagina al vivo
Crocini di registro
permettono il
corretto allineamento
dei 4 colori di stampa
3mm

114. Grafica editoriale
Impaginare (Indesign)
Max Pinucci
Inserire il testo nella gabbia

115. Grafica editoriale
Max Pinucci
Impaginare (Indesign)

116. Grafica editoriale
Max Pinucci
Impaginare (Indesign)

117. Grafica editoriale
Max Pinucci
Testo: proprietà
Corpo titolo:
16 pt.
Corpo testo:
9 pt
Corpo dida:
8 pt
Il testo e gli stili

118. Grafica editoriale
Max Pinucci
Prova di stampa
Insieme al file di stampa
è necessario fornire al
tipografo una prova di
stampa, ovvero un
documento nel quale
siano inseriti i testi, gli
ingombri delle parti
illustrative, i numeri di
pagina, ecc., al fine di
verificare l'impostazione
del layout e rilevare
eventuali errori
Prestampa

119. Grafica
editoriale
2
cinzia ratto
Max Pinucci
Piccolo compendio
sulla impaginazione