EXAMEN DTP

CURS 1
DTP - crearea și producția de materiale printate/ tipărite folosind procedee de punere în pagină utilizând
programe informatice specializate pe un calculator personal sau o stație grafică profesională.

PAO - ansamblul de procedee informatice (computere, programe, periferice) care permite crearea și
producția de documente destinate imprimării/ tipăririi. De la „production de publication par
ordinateur“.

Tehnoredactare - crearea și editarea unui document cu ajutorul unor programe informatice specializate,
dar și pregătirea pentru tipar.

WHAT YOU SEE IS WHAT YOU GET

WYSIWYG – interfață grafică și intuitivă care permite compunerea vizuală a unui document (pagini de
carte, layout de ziare, reviste, afișe, pliante, bannere web, elemente UI etc.).

Utilizatorul vede direct pe ecran cum va arăta rezultatul final.

CURS 2
PAGINAREA/ASEZAREA IN PAGINA

1. (DEX) Numerotarea paginilor sau foilor - unui caiet, ale unei cărți, ale unui manuscris etc

2a. (DEX Tipogr.) Așezarea în format de pagini a unui text cules (și aflat în șpalturi), pentru a obține
forma definitivă a lucrării care se tipărește.

2b. (DTP) Așezarea textului, a tabelelor și imaginilor, împreună cu celelalte elemente ale paginii (titluri,
colontitluri, note) pentru a se obține forma tipografică a paginilor unei cărți, broșuri sau reviste.

3. (Design grafic) Alegerea și compunerea elementelor de text și de imagine pentru a optimiza lectura/
comunicarea unui mesaj. (intrebare test)

4. (Design editorial) Arhitectura paginii (AP): modul în care un designer folosește suprafața paginii. AP
este definită de numărul de coloane utilizate, de variațiile disponibile și de cum se compun textul și
fotografiile pe pagină. (intrebare test)

5. (Web Design) Relațiile spațiale și de interacțiune care există între componentele unei pagini web.

LAYOUT= Din. engl. layout = aspect

MACHÉTĂ (Dex), Reproducere, de obicei la scară redusă, a unei lucrări de urbanistică, a unei piese
tehnice, a unei opere de artă etc.
Macheta unei lucrări destinate tipăririi sau publicării (reclamă, carte, reviste, ziare, site-uri), stabilește
alegerea și compunerea diferitelor elemente grafice (compoziție, culori, fonturi, ilustrații etc.).

Layout-ul stabilește aspectul general, importanța dar și relațiile dintre elementele grafice pentru a
optimiza atât lectura cât și impactul mesajului vizual/ textual.

Schița (schițe) - machete alternative pregătite pentru a explora variante diferite de layout în vederea
alegerii machetei finale pentru imprimare/ sau producție.

Pentru a fi eficientă și funcțională – înțeleasă de receptor, comunicarea vizuală trebuie să aibă la bază
un set de reguli convenite și însușite asemeni oricărui limbaj: alfabet, morfologie și sintaxă.

PAGINAREA/ASEZAREA IN PAGINA- ORGANIZAREA VIZUALA A CONTINUTULUI (ziar, revista, flyer, afis,

brosura)- ASEZAREA IN CONTEXT VIZUAL

ASPECTUL PAGINII= Comunicarea eficientă se realizează printr-o alegere chibzuită a componentelor

paginii: text, titlu, subtitlu, lead, imagini și legende. Originalitate: combinație de elemente clasice și
inovații.

INDICI DESPRE CONTINUT= O bună punere în pagină trebuie să diferențieze clar din punct de vedere
vizual conținuturile din domeniul informațiilor cu caracter utilitar, anunțuri, comentarii sau
divertisment.

ziar, revista, flyer, afis, brosura= grid layout

revistă (spread-uri de titlu/ de interior full page), flyer, afiș, broșură= free-form layout

LAYOUT- PAGINA- CAMP VIZUAL

Orice suport= Tradițional (hârtie - carte, revistă, ziar, afiș etc.),

Ecran (desktop, mobil, tabletă),

Produs: ambalaj, tricou, obiecte promoționale

Orice forma= dreptunghiulară, rotundă, pătrată etc

PAGINA= UN CAMP ACTIV CARE INFLUENTEAZA LAYOUT-UL

DTP: ABORDARI

,,Crearea și organizarea unei publicații tipărite, ziare și reviste – o abordare comparativă.”

,,Principalele elemente ale unei pagini de ziar - o radiografie + tipuri de formatări & soluții grafice.”

,,Selecția și formatarea elementelor de design în funcție de conținut, evitarea greșelilor – ghid practic.”
ELEMENTE DE BAZA IN LAYOUT

Elemente de text:

• Cap de ziar/ Logo

• Headline/ Titlu

• Bodytext/ corp de text

• Colon'titlu/ Colon'cifru

• „Ancore vizuale” (Șapou, Legendă, Intertitlu, Citat etc.)

Elemente de imagine:

•Fotografie (claritate, compoziție, contrast, cadraj, dimensiune)

• Ilustrație

• Grafice/ infografice

• „Ancore vizuale” (forme, linii de evidențiere sau despărțire etc.)

• Spațiul alb

CURS 3/ CURS 4/ CURS 5/ CURS 7

FORMATAREA DOCUMENTULUI SI A ELEMENTELOR GRAFICE

FORMAT

1. (Tipogr.) dimensiunea unui ziar/ document

2. (DTP) meniu în care se stabilesc datele tipografice pentru un articol.

3. (DTP) modalitate de stocare – fișiere grafice

FORMATARE= modificarea caracteristicilor formale ale unui document/element graphic

FUNCTIILE FORMATARII

• accesibilitate/ lizibilitate

• organizare/ ierarhizare

• unitate

• informare

• semnalizare

• diferențiere

• ilustrare
FORMATAREA DOCUMETULUI- SUPORT- LAYOUT/PRE-PRODUCTIE= FORMAT (dimensiuni), ORIENTARE
(vertical/orizontal), STRUCTURA (coloane, grid/grille/caroiaj)

Coloane= inguste=fragmenteaza lectura; late=incetinesc lectura

1-2 coloane=carte

2-4 coloane=reviste

3-8 coloane=ziare

Grid/grille/caroiaj:

• Structură ortogonală

• Rețea de orizontale și verticale (rânduri și coloane)

• Poziționarea și alinierea elementelor

Müller-Brockmann (1965/ 1996)

• Claritate

• Lizibilitate

• Eficiență

• Continuitate

• Consistență

• Ierarhie

FORMATAREA ELEMETELOR DE TEXT- LAYOUT- ELEMENTE DE TEXT (cap de ziar/logo, headline/titlu,

bodytext/corp de text, colon’titlu/colon’cifru, ,,ancore vizuale”)

Cap de ziar/Logo

• Element principal de identitate vizuală.

• Reflectă conceptul editorial şi filozofia publicaţiei.

• Trebuie să funcționeze și de sine stătător (un element compus după principiile designului grafic), dar și
în economia vizuală a paginii.
Headline/Titlu

• alegerea tipului de caracter;

• aliniere;

• combinarea unor variații de caracter (bold cu normal, normal cu light etc);

• prin contrast (cromatic, de mărime, de poziționare etc.);

• segmentarea și compunerea rândurilor;

• cu integrarea unor elemente grafice ajutătoare.

Principii tipografice

• alegerea caracterelor,

• mărime,

• contrast,

• spațiere,

• aliniere,

• măsură,

• caractere speciale,

• ritm,

• erori de formatare (orfani și văduve),

• accentuare,

• margini curate.

Spatiere:

Kerning= spațierea între perechi de litere

Tracking= spațierea între grupuri de litere

Leading= spațierea între rânduri

FORMATAREA ELEMENTELOR DE IMAGINE- LAYOUT- ELEMENTE DE IMAGINE (fotografie, claritate,

grafice/inforgrafice, ,,ancore vizuale”, suprafata de alb)
Caracteristici formale= CE?

-punct= cel mai simplu element al formei

-linie= o succesiune de puncta/ principalul element de limbaj al desenului

-forma= aspectul exterior al unui obiect/ delimitarea obiectului de mediul inconjurator cu ajutorul
mijloacelor de limbaj artistic: linie, culoare, volum, textura etc./ regulate si neregulate

-textura= calitatea tactile a unei suprafete/ rol important in identificarea unui element/ structuri
repetitive neregulate

-proportie

-bi-tri-dimensional

-ecleraj= sursa/lumina/umbra/spatiu/atmosfera/ folosirea efectelor de lumina intr-un tablou sau

imagine/ interpretarea luminii intr-un tablou sau imagine

-culoare= pigment/teoria culorii in arta/ perceptia culorilor/ relativitatea culorilor/ continutul determina
forma/culoarea/ definirea culorilor: nuanta (hue), valoare.luminozitate (value), saturatie/puritate
(chroma)

-cadru/rama= modul in care este izolata imaginea+ raportul cu spatial din afara imaginii/ o conventie, o
frontiera fizica intre spatial fictional si spatial realitatii

-cadraj= spatiu util cuprins de obiectivul unei camera (foto/video)/ ce arat/nu arat in imagine
(compozitie)+ pozitia si perpectiva privitorului in raport cu subiectul imaginii

-perspectiva= reprezentarea obiectelor in spatiu, tinand seama de succesiunea planurilor (prim-plan,

plan secundar, plan indepartat/fundal)/ perpectiva aeriana sau atmorferica/ perpectiva lineara/
perpectiva inversa/ trompe l’oeil/ perpectiva in zbor de pasare

CONTRASTE CROMATICE

• Contrastul valoric= închis-deschis

• Contrastul caloric= cald-rece

• Contrastul culorii în sine

• Contrastul complementarelor

• Contrastul cantitativ

• Contrastul calitativ

• Contrastul simultan
CULORI COMPLEMENTARE:

Rosu-Verde

Orange-Albastru

TONURI= trepte de culoare ale unei culori catre alb sau negru

NUANTE= trepte de culoare care rezulta din combinatia a doua sau mai multe culori

PLAN= plasarea subiectului in cadru, distanta privitorului fata de subiectul imaginii, dimensiune narativa,
povesti diferite

UNGHIUL DE VEDERE/FOTOGRAFIERE/PUNCTUL DE STATIE= pozitia subiectului in raport cu obiectivul

(frontal, lateral (profil), semi-profil, plonje (de sus in jos), contra-plonje (de jos in sus)

CARACTERISTICI TEHNICE= CUM?

-analogic

-digital

-formatare

-dimensiune

-rezolutie

-raster& vector
O TIPOLOGIE A IMAGINILOR
Fotografia digitala este cartografiata ca o retea de pixeli
ANALOG-DIGITAL-ANALOG

Ecranul (display-ul) computerului este alcătuit dintr-o rețea de pixeli.

Pixel (px) prescurtare pentru „picture element” = cea mai mică unitate de suprafață pe care ecranul
unui monitor o poate prelucra pentru a crea o imagine.

FOTOGRAFIA DIGITALA- PRELUCRARE DE TIP RASTER

Imaginea raster - utilizează o grilă de pixeli pentru a reprezenta imagini. Fiecare pixel are un loc și o
culoare bine definite. Prelucrarea presupune editarea unor pixeli, nu obiectele sau formele.

Imagini raster – fotografii sau picturi digitale.

Imagine de tip vector- Procedeu prin care imaginile sunt construite cu ajutorul descrierilor matematice
prin care se determină poziția, lungimea și direcția liniilor folosite în desen.

Imaginea vector - stochează liniile, formele și culorile care alcătuiesc imaginea ca formule matematice.

Imagini vector - logotipuri, scheme, ilustrații - NU POZE!

VECTOR

PRO:

Fișiere de dimensiuni mici. Complet scalabile, fără pierderi de calitate, Convertite cu ușurință la un
obiect raster. Nu au fundal.

CONTRA:

Vectorizarea unei fotografii este laborioasă. La fel și crearea unei imagini fotorealiste.

RASTER

PRO:

Ușor de manevrat. Lucru pe detalii fine, similar cu aerograful în pictură. Rezultate spectaculoase
(manipularea fotografiei).

CONTRA:

Calitatea depinde de rezoluția originală a obiectului. La scalare (mărire) – probleme de rezoluție. Are
fundal.

REZOLUTIE= (1) densitatea pixelilor/ finetea detaliilor redate de un dispozitiv de afisare/ detaliul.
Claritatea imaginii in functie de: support, distanta de vizualizare

MONITOR/SCANNER= PPI (pixel per inch)

IMPRIMANTA/ TIPAR OFFSET= DPI (dots per inch)

Broșură/ flyer/ revistă - 300 dpi Vizualizat de la 30 cm

Ziar – 150 dpi

Afiș mare (70x100cm)- Vizualizat de la 2 m 100-150 dpi

Panou OOH- Vizualizat de la 10 m 20-50 dpi

REZOLUTIE= (2) dimensiunea virtuala a imaginii (lxl) (a nu se confunda cu Pixel screen size)/ dimensiunea
imaginii afisate de un monitor, date de numarul total de pixeli afisati pe orizontala si pe verticala
1440x900 px

CULOARE SI ELEMENTE DE PRODUCTIE

CULOARE= unda electromagnetica/ modele de culoare

RGB= lumina proiectata; ALB= RGB valori minime (255); NEGRU= RGB la 0; Combinarea radiatiilor de
culoare; RGB= model aditiv; Culoarea este suma celor trei radiatii (RED, GREEN, BLUE)

CMYK= lumina reflectata: ALB= CMYK la 0; aproape NEGRU= CMY valori maxime; Combinarea de
pigmenti colorati; CMYK= model substractiv; Adaugand pigmenti pe hartia alba, de fapt reducem din
lumina reflectata (CYAN, MAGENTA, YELLOW, K=BLACK)

LAB= toate culorile perceptibile; L=luminozitate; A= verde-rosu (magenta); B= albastru-galben; Variatii

foarte fine de culoare

Cum vedem culoarea?

1660 - Isaac Newton

Lumina = radiații colorate

RGB – culorile primare ale luminii

• Obiectele nu sunt colorate

• Suprafețele lor reflecta anumite culori și absorb altele.

• Percepem doar culorile reflectate.

• Învățăm să vedem

• Vedem lucrurile în baza experiențelor trecute,

• Creierul învață/ capătă constant informații/ experiențe noi.

PROCESUL DE TIPARIRE- policromie- separatie CMYK- proces color

=cu ajutorul acestui model se pot reproduce o buna parte a culorilor din spectrul vizibil; imaginea finala=
prin suprapunere

CULORI SPECIALE-PANTONE-SPOT COLOR

=culori din spectrul vizibil+culori fluorescente, metalice, perlate; o culoare- o placa

CURS 6
Definitii:

• Reprezentări vizuale ale informațiilor, datelor sau conceptelor. (Chandler & Munday, 2011)

• Informații complexe explicate rapid și clar: hărți, jurnalism, scriere tehnică și educație.

• Instrumente utilizate de către oamenii de știință, matematicieni și statisticieni pentru a ușura procesul
de comunicare a informațiilor conceptuale. (Ross, 2009)

• Vizualizare a datelor sau a ideilor pentru a transmite informații complexe către un public, într-o
manieră în care acestea pot fi „consumate” rapid și pot fi ușor de înțeles. (Smiciklas, 2012)

•“O reprezentare vizuală a informației sau a datelor, ca de ex. grafice sau diagrame: un infografic bun
valorează cât o mie de cuvinte (Lexico, 2019a)

• Funcția principală a unui infographic este de a afișa informația graphic într-un mod organizat, astfel
încât privitorul să poată citi ușor informațiile și facă observații specifice (Harris, 1999).

VIZUALIZAREA DATELOR= mod de reprezentare a datelor utilizand o abordare vizuala sau artistica, mai
degraba decat emtoda traditionala de prezentare

REPREZENTARE VIZUALA= process dynamic de comunicare ce implica o forma interactiva de creativitate

GANDIRE VIZUALA= o gandire (intuitive plastica) care opereaza cu imagini si cu reprezentari/ gandim
recunoscand forme/ conceptele cu care lucram si prin care actionam nu sunt altceva decar imagini/
diagrame si grafice/ analogii abstracte/ analogii figurative/ alegorii/

PICTOGRAMA= o reprezentare vizuala a unui lucru

SIMBOL= un semn, obiect, imagine care reprezinta indirect un obiect, o fiinta, o notiune, o idee, o
insusire, un sentiment

ILUSTRATIE= imagine desenata sau fotografiata destinate sa explice sau sa completeze un text
TIPURI DE INFORMATIE:

• Statistici

• Procese

• Idei

• Cronologii

• Geografii

• Anatomii

• Ierarhii

• Relații

• Personalități

• Narațiuni

TIPURI DE INFORGRAFICE:

-centrat pe date/statistici

-cronologie

-cum sa…?/ procese

-geografie

-comparatie

-ierarhie

-schema

-lista

-anatomie/reteta

-CV visual

-pe baza de fotografii

-interactive

TEORIA GESTALT SI PSIHOLOGIA PERCEPTIEI:

Infograficele pot îmbunătăți cunoașterea prin utilizarea graficii, sporind capacitatea sistemului visual de
a percepe modele și tendințe. (Smiciklas, 2012)
PROPRIETATILE PERCEPTIEI VIZUALE

-percpetia progresiva (emergence)= identificarea formei-contur/ perceptia unor modele complexe in

baza unor reguli simple/ asocierea cu forme cunoscute

-reificarea (reification)= forma perceputa continue mai multa informatie spatiala decat exista in
realitate/ umplerea golurilor- forme cunoscute

-multistabilitatea (multi-stability)= experiente perceptuale ambigue/ interpretari alternative ale

formelor

-invariatia (invariance)= obiectele sunt recunoscute independent de pozitia, perspectiva sau scara in
care apar, de deformari, iluminare, vaiatii ale caracteristicilor de baza

PRINCIPII GESTALT

1. Principiul simplității= Percepem și interpretăm imagini ambigue sau complexe ca cea mai simplă
formă posibilă.

2. Principiul închiderii= Simplificarea formei - combinarea elementelor pentru a obține un întreg.

Tendința de a găsi modele recognoscibile (patternuri).

3. Simetrie și ordine= Simetrie = ordine în haos. Echilibru în compoziție, gruparea elementelor în funcție
de un centru.

4. Formă – fond= Separarea formei întregi de fundal. Relația formă/ fond poate fi stabilă sau instabilă.

5. Principiul conexiunii= Elementele conectate vizual se comportă ca un tot, sunt percepute ca fiind
asociate/ înrudite.

6. Principiul încadrării= Elementele delimitate vizual se comport ca un tot, sunt percepute ca fiind
asociate/înrudite.

7. Principiul proximității= Elementele apropriate vizual se comportă ca un tot, sunt percepute ca fiind
asociate/înrudite.

8. Principiul continuității= Urmărirea unei traiectorii. Elementele aranjate pe o linie sau pe o curbă sunt
percepute ca un tot, ca fiind asociate/ înrudite.

9. Principiul Destinului Comun= Elementele care se mișcă în aceeași direcție par mai legate (se comport
împreună ca un tot) decât celelalte. Mișcare sincronică!

10. Principiul similarității= Elementele care au caracteristici similar vor fi asociate și percepute ca un tot.
Similaritate – prin formă, culoare și dimensiuni.

11. Principiul focalizării= Elementele accentuate atrag privirea. Acentuare prin formă, contrast,
dimensiune, culoare.

12. Principiul experienței din trecut= Experiențe unice sau comune. Impactul este invers proporțional cu
unicitatea.