Projecte 04

04 Projecte Editorial

PROJECTE 04

JUDIT SALA VALLÈS | 20/04/20

llibres textures portada disseny escriur P R O P O S T A R E C E R C A

extures portada disseny escriure paper

Índex Introducció Tipus de recerca Tipografia Condicionants Procés tipogràfic Jerarquia Tipologia Parts del llibre Concepte interior Paraules Clau Inspiració Concepte coberta Il·lustracions Conclusió

03 04 08 10 12 20 21 22 23 27 29 31 44 47

Introducció

03

" La llibreria Odissea ens encarrega la maquetació del segon volum de “El Brot”, un projecte produït per la llibreria i el realitzador Pep Puig.

El Brot Jove és un recull de contes de diversos autors il·lustrat per alumnes de cicles de grau mitjà, que s’adreça a un públic jove amb l’objectiu de promoure l’hàbit de la lectura.

La nostra tasca consisteix en dissenyar la publicació en format llibre que contindrà els textos i les il·lustracions.. "

20|04|20

recerca TIPUS DE RECERCA

04

01

02

03

GRÀFICA

TIPOGRÀFICA

VISUAL

Un tipus de recerca general en el que es valora el conjunt que aquesta aporta al seu públic o destinatari.

Recerca única i especial en tipografia i en els efectes que aquesta causa en la seva lectura.

Recerca única i especial en les imatges i en els efectes que aquesta causa visualment.

01

libres gràfics EXEMPLES DE

LLIBRES GRÀFICS

05

02

EXEMPLES DE

LLIBRES TIPOGRÀFICS

06

ibres tipogràfic

03

libres visuals EXEMPLES DE

LLIBRES VISUALS

07

04

tipografia 08

TIPOGRAFIA Tècnica (industrial o artística) de reproduir texts de forma impresa mitjançant tipus mòbils i gravats que són entitats, la forma dels quals es transfereixen al suport per pressió directa.

Inventor | Johannes Gutenberg

MODIFICACIONS TIPOGRÀFIQUES Les tipografies s'han modificat mitjançant el temps, per la qual cosa s'han afegit, perdut, estilitzat seus elements conforme a les raons contextuals al moment.

LES SEVES PARTS Totes les tipografies tenen un seguit de parts que serveixen no només per comparar-les sino també per a diferenciar-les entre elles.

anatomia tipogràfica 05

ANATOMIA DEL CARÀCTER

PARTS DEL CARÀCTER Espatlla superior Espatlla inferior Contraforma Blancs Forma Tracking Ulls

09

10

CONDICIONANTS TIPOGRÀFICS 1. Ha de ser d'Adobe Fonts 2. Ha de tenir més de 2 famílies.

3. Ha de tenir light/italic, regular i bold.

4. La tipografia dels títols ha de ser similar a la dels cossos però no la mateixa. Han de tenir la opció de minúscules i majúscules.

5. Màxim 3 tipografies diferents 6. La mida dels cossos nomès pot superar els 12 punts de grandària si té justificació i raonament.

7. La tipografia escollida no pot tenir problemes de lletra ni de llegibilitat.

8. Han d'haver tots els caràcters possibles amb accents inclosos.

9. La jerarquia tipogràfica ha de ser sempre la mateixa i cada tipografia ha de tenir la seva utilitat.

(Ha d'estar maquetat amb InDesign)

11

CONDICIONANTS DE DISSENY 1. Dimensions definides 2. Paginació lliure 3. Enquadernació rústica 4. Impressió digital sobre paper de 100 grs/m2 per la tripa i 300 grs/m2 per la coberta 5. Sense textos legals.

6. Sumari del volum: a. Portadeta b. Portada c. Índex d. Text/pròleg e. Capítols i. Iŀlustració ii. Títol iii. Referència obra de procedència iv. Text f. Agraïments 7. Logotips (Odissea, Ajuntament..)

ADOBE FONTS

12

www.fontsadobe.com

Recerca procés tipogràfic

TIPOGRÀFICA

Proves

TIPOGRÀFIQUES

13

Proposta

TIPOGRÀFICA

ADOBE FONTS www.fontsadobe.com

14

Balança

TIPOGRÀFICA

AVANTATGES

El principal avantatge d'aquesta tipografia és que pel seu tipus de caràcter podem trobar-lo sovint en llibres d'aspecte juvenil.

Té un total de 3 famílies i el podem visualitzar bé a partir dels 10pts.

15

Balança

TIPOGRÀFICA

INCONVENIENTS

L'inconvenient principal és la justificació i el seu interliniat, doncs encara no està definida la millor justificació per aquest i en el cas de que necessiti moltes correccions serà un problema.

16

Balança

TIPOGRÀFICA

AVANTATGES

El principal avantatge d'aquesta tipografia és que pel seu tipus de caràcter podem trobar-lo sovint en títols d'aspecte tradicional.

Té un total de 4 famílies i el podem visualitzar bé a partir dels 12pts.

17

Balança

TIPOGRÀFICA

INCONVENIENTS

L'inconvenient principal és que aquesta tipografia tot i tenir 4 famílies, no existeix la Light, té una Bold Italic i precisament no és ni serà d'utilitat en aquest projecte.

18

19

Proves

IMPRESES

no arriba abans el que va més ràpid, SINO EL QUE SAP ON VA.

Jerarquia COMPOSICIÓ:

20

TÍTOL DEL CAPÍTOL (Pal sec): Per a una llegibilitat clara i directa, sempre en majúscules i de cos 30pt.

CAPITULAR I COS Només la primera lletra de cada començament de capítol, per incentivar i indicar el principi de la lectura.

Combinació de dues tipografies per a un contrast més alt i línia corporativa.

DESCRIPCIÓ DE CADA CARÀTULA Autor/a, (traducció), títol de l'obra i editorial del text.

Tipologia

COMPOSICIÓ:

TÍTOL DEL CAPÍTOL Família Adelle PE, Regular, 30pt, 36 interliniat, Kerning Mètric.

DESCRIPCIÓ DE CADA CARÀTULA Família Adelle PE, Regular, 9pt, (10,8) interliniat, Kerning Mètric.

CAPITULAR DEL COS Adelle PE, Thin, 3 línies capitulars, Trecking 120.

COS/TEXT Book Antigua, Regular, 12pt, (15) interliniat, Kerning Mètric.

PAGINACIÓ Book Antigua, Regular, 15pt, (18) interliniat, Kerning Mètric.

21

llibre

LES PARTS D'UN

22

EXTERIOR

Coberta

INTERIOR

Tripa

Interior

CONCEPTE

El disseny interior que es mostrarà a continuació està realitzada a través de la maquetació en Indesign, explicant pàgina a pàgina el seu contingut i el perquè. *La part de text de cada capítol tot i ser diferent en cada capítol només es representa el primer per no allargar innecesàriament el projecte i per mostrar de forma més esquemàtica aquesta maquetació.

23

Interior

24

CONCEPTE

PÀGINA

Cortesia

PÀGINA

PORTADETA

CONTRA

PORTADA

Cortesia

Títol del llibre

Títol, Editorial, Col·lecció..

SUMARI/ÍNDEX

DEDICATÒRIA

Pròleg

Interior

25

CONCEPTE

CAPÍTOL

Autor i traductors

IL·LUSTRACIÓ

TEXT

CAPÍTOL

Començament

TEXT

AGRAÏMENTS

PEUS DE FOTO

Sumari d'il·lustracions

Interior

PARTS DISSENY

Dues pàgines de cortesia: Obligatòries en tots els llibres.

Portadeta: On només hi trobaríem el títol del llibre.

Contraportada: Pàgina parell enfrontaada a la portada.

Portada: On hi trobaríem el títol, editorial, volum, traductors i "projecte literari, musical i gràfic".

Sumari: On trobem tots els capítols ordenats alfabèticament i en quina pàgina es troben.

Dedicatòria: On l'autor tindria el seu espai tant per dedicar algún text o bé per firmar.

Capítol: On trobem el nom del capítol en concret, el seu autor, traductor (si en té) i editorial d'on prové el text.

Il·lustració: Amb l'element d'un marc (corporatiu a la portada) i en tots els capítols de manera lineal.

Començament del capítol: On trobem la primera paraula del text en capitular i sempre al començament de cada capítol per a convidar a la lectura i diferenciar de la resta de textos que començin en altres pàgines.

Text: El cos de tots els capítols té el seu espai en les pàgines.

Agraïments: Espai per a tots els agraïments qui el autor/autora voldria dedicar en persones o fets en concret.

Sumari d'il·lustracions: Espai discret on surten tots els autors de cada il·lustració en les pàgines indicades.

26

Paraules Clau PARAULES CLAU

MISSATGE INTERIOR Profunditat Comunicació Sentiment Camuflatge Personalitat Intimitat Discreció Psicologia Pensament

Què volem expressar?

Conclusió Moralina

28

A qui volem expressar?

destinat

EL TARGET

PÚBLIC OBJECTIU El target o públic a qui ens dirigim té una edat aproximada d'uns 12-18 anys el qual crea una línia que podríem caracteritzar com adolescent i/o juvenil.

29

INSPIRACIÓ

MoodBoard

Com volem expressar?

30

INSPIRACIÓ

MoodBoard

31

coberta

CONCEPTE

El disseny de la coberta que es mostrarà a continuació està realitzada a través de la unió conceptual de les "paraules clau" sumada amb l'inspiració i recerca mostrada al moodboard, explicant pas per pas el seu procès i les decisions preses en cada moment, el qual es marca de forma lineal la conclusió/objectius del perquè aquesta coberta/aquest tipus de coberta i no una altra.

27

Exterior

Proves AI (Illustrator)

32 *La imatge que es veu en aquest cas de la portada "El Brot" 2019 seria un exemple per simIlar en aquest cas la il·lustració que hi hauria en cada pàgina darrere la caràtula de cada capítol.

profunditat gradual

PROFUNDITAT

33

Procés Il·lustratiu

PROFUNDITAT

alta

PROFUNDITAT

mitja

PROFUNDITAT

baixa

profunditat escollida

PROFUNDITAT

34

Procés Final

PROFUNDITAT

escollida

Aquesta profunditat ha estat la triada ja que no se'n va a cap dels dos extrems com en la anterior diapositiva i és una combinació de les dues de forma més proporcionada visualment

tipografiafosca

LA IMATGE TIPOGRÀFICA

35

Procés tipogràfic

TIPOGRAFIA

aleatoria

TIPOGRAFIA

dispersa (part títol)

TIPOGRAFIA

jeràrquica

tipografia dispersa

LA IMATGE TIPOGRÀFICA

36

Procés Final

* Aquesta imatge tipogràfica ha estat la triada ja que visualment i tipogràficament atrau més que les anteriors i s'identifica millor en el target a qui va dirigit aquest llibre.

*

Aquesta imatge tipogràfica ha estat la triada per a fer proves i esbossos de les imatges que es veuràn en les següents diapositives, la raó és perquè en mig del procés estava entre els dos dissenys i fins al final de tot el procés no em vaig saber decantar definitivament.

L'avantatge d'aquest és que en la tipografia i el seu disseny es distingeix més clarament i es veu millor el seu procés.

TIPOGRAFIA

aleatoria

TIPOGRAFIA

escollida

imatgecromàtica

LA IMATGE TIPOGRÀFICA

37

Procés cromàtic

COLORS

clars sobre fosc

COLORS

clars sobre variats

COLORS

foscos

imatgede fons

LA IMATGE DE FONS

38

Procés cromàtic

TIPOGRAFIA

Crea perspectiva

FONS BLANC

Crea profunditat

imatgeóptica

LA IMATGE VISUAL

39

Procés visual

PROFUNDITAT

cap a la dreta

PROFUNDITAT

centralitzada

PROFUNDITAT

cap a la esquerra

IL·LUSTRACIÓ

40

DEFINITIVA

PORTADA

Coberta

PORTADA I CONTRA

Coberta

la il·lustració

Interior/Exterior

ELS LOGOTIPS

41 A l'interior del llibre només hi consta un logotip, en aquest cas el de l'Odissea per ser la editorial.

ARSENAL ESCOLA ART

Encarregada del seu disseny i il·lustració

AJUNTAMENT VILAFRANCA

Inversor i referència local de la població d'on prové

EL LECTOR DE L'ODISSEA

Target i promotor/inversor

L'ODISSEA

Client i inversor principal

CONSELL COMARCAL

Referènca consell local

Coberta

42

FINAL

En les solapes i en l'apartat d'agraïments el text és fals ja que en aquest cas es posaria el que el text personal corresponent, per simular-lo de moment la caixa de text quedaria així.

SOLAPA

9cm

LOGOTIPS INTEGRATS

112 x 11cm

COBERTA

CONCEPTE El principal objectiu ha estat crear una profunditat suficient com per destacar el títol sense que aquesta es vegi afectada i formar una composició visual suficient per cridar l'atenció al espectador/client.

Dissenyada a través del Illustrator, el seu principal concepte és transmetre el seu "missatge interior" com hem pogut veure en les paraules clau, intentant resumir i unir tots els conceptes esmentats.

La idea és fer veure tots els capítols i pàgines interiors d'alguna manera realista sense perdre l'essència del títol i la importancia que té la seva composició tipogràfica, en aquest cas de manera dispersa per crear una dinàmica menys tradicional i més propera al públic a qui va dedicat i destinat.

43

44

Interior

Proves ID (InDesign) PÀGINA

140 x 210mm IL·LUSTRACIÓ

300ppp CMYK

MARC INTERIOR

80 x 118mm

MARC EXTERIOR

93,5 x 138,5mm

*El rectangle/marc està creat desde l'Illustrator i està basat amb la coberta, per fer així un disseny corporatiu lineal i les característiques siguin el més similars possibles tant exterior com interiorment.

Interior

Peus de foto

Les Il·lustracions

Il·lustradors Annabelle Colom Roger Rosain Arnau Domènech Mar Ollé Nerea Belmonte Aitana Laraña Ester Lupiañez Alina Elena Aleix Casas Biel Cañadas Tania Rentero Ruben Arrollo Brunna Urbano Lluc Carbó Júlia Morera Martí Trisant

Peus de foto

45

Interior

Modificacions *Totes les imatges han estat descarregades a través del Drive, s'han modificat (no només el color i la resolució, també el tamany d'aquest) al Photoshop i en algunes se li ha afegit "ruido" perquè la imatge no tenia suficient resolució.

Les originals i les editades estan en carpetes diferents per diferenciar-les i corretgir-les adecuadement.

Procés i edició IL·LUSTRACIÓ

72ppp RGB

IL·LUSTRACIÓ

300ppp CMYK

46

Conclusió personal " Com a conclusió trobo de que hi han moltíssimes tipologies i varietats de llibres, sovint no ens hi fixem en el disseny interior ni valorem les il·lustracions o la tipografia que la componen però sí en la portada, aquest projecte és bastant interessant ja que la llibertat que se'ns dóna és força àmplia i l'aprenentatge també."

47