SlideShare a Scribd company logo
1 of 20
Elemente
de

grafic
design
Să ai un concept!

1

o Idee generală care reflectă realitatea;

o Ciornă; schiță;
o Idee generală despre o clasă de obiecte sau de
fenomene din realitatea înconjurătoare;
o idee, noţiune care constituie treapta cea mai
înaltă de abstractizare în reflectarea realităţii;
Comunică - nu decora!

2

Mesaj
Semnificație
Vorbește cu o voce vizuală!

3

Punct
Linie
Formă și volum
Textură și patern
Iluzia spațiului
Iluzia mișcării
Culoare
Contrast
Elemente ale comunicării vizuale
Folosește unul sau două
puncte de interes!

4

sector (zonă), formă, detaliu - subliniate intenționat prin
modalități precum: modulări liniare (subțire-gros), de
factură (cu sens evident direcționat, aparent spontan
etc.), contraste (cald-rece, închis-deschis,
pur-corupt, aglomerat-aerat, zgrunțuros-lis,
mare-mic etc.);
Într-o compoziție pot fi mai multe centre de interes; ele
sunt punctele nodale ale liniilor de forță ale compoziției,
locurile către care tind celelalte forme, detalii lipsite de
accente, mai liniștite coloristic etc. și pe care nu le
distingem în primul rând; sinonime: nod de tensiune;
Vezi: compoziție deschisă, compoziție închisă.
Folosește maxim două
familii de font!

5

Bine, poate trei.

Verdana Verdana Verdana 20pt
Times New Roman 20pt
Helvetica NeueLT Pro 45 20pt
Helvetica NeueLT Pro 63 20pt
Helvetica NeueLT Pro 93 20pt
Alege culorile cu un scop!

6
În cazul în care poți face cu
mai puțin,
atunci... fă-o!

7
Spațiul negativ
e magic: creează-l,
NU trebuie să-l umpli!

8

Gestaltismul considera ca subiectul dintr-o lucrare
grafica este "figura",
iar spațiul care înconjoară figura este "spațiul

negativ".
Filozoful chinez Tao Zu,
fondatorul taoismului,
transpune acest concept in
ideograma Yin-Yang.
Tratează fontul ca pe o
imagine, de parcă ar fi
la fel de important.

9
10

Fii universal; amintește-ți că
nu este vorba despre tine!
Fii decisiv.
Fă-o cu un scop ,

11

sau nu o face deloc!
12

Simetria este răul ultim!
13

Distribuie lumina și întunericul
ca pe artificii
sau ca pe răsăritul soarelui!
14

Măsoară cu ochii, designul
este vizual!
15

Ignoră moda!
16

Fii în mișcare!
static = plictisitor
17

Uită-te în trecut
dar nu-l repeta!
Tiberiu Pop

2014
Bibliografie recomandată
Timothy Samara, Design Elements
Ellen Lupton, Graphic Design: The New Basics
Richard Poulin, Language of Graphic Design
sursa imaginilor
6 –http://bit.ly/1cxMqcZ
7 –http://bit.ly/1cxQ1rD
9 –http://bit.ly/1cxOPV3; http://bit.ly/1cxOWjF
10 –http://bit.ly/1cxPtSt
11 –http://bit.ly/1cxQtGo
16 - http://bit.ly/1cxUFpz
17 - http://bit.ly/1cxTcQ5

More Related Content

Viewers also liked

Semantic Web Semantic Web-based Agent Applications based Agent Applications –...
Semantic Web Semantic Web-based Agent Applications based Agent Applications –...Semantic Web Semantic Web-based Agent Applications based Agent Applications –...
Semantic Web Semantic Web-based Agent Applications based Agent Applications –...Sabin Buraga
 
Any Colour You Like
Any Colour You LikeAny Colour You Like
Any Colour You LikeSabin Buraga
 
Dezvoltarea aplicaţiilor Web la nivel de client (cursul #5): Data Visualizati...
Dezvoltarea aplicaţiilor Web la nivel de client (cursul #5): Data Visualizati...Dezvoltarea aplicaţiilor Web la nivel de client (cursul #5): Data Visualizati...
Dezvoltarea aplicaţiilor Web la nivel de client (cursul #5): Data Visualizati...Sabin Buraga
 
Cursu PS - ASM Cluj
Cursu PS - ASM ClujCursu PS - ASM Cluj
Cursu PS - ASM ClujASMCluj
 
Cu codul în "nori"
Cu codul în "nori"Cu codul în "nori"
Cu codul în "nori"Sabin Buraga
 
Dezvoltator Web?! – ...în 2016
Dezvoltator Web?! – ...în 2016Dezvoltator Web?! – ...în 2016
Dezvoltator Web?! – ...în 2016Sabin Buraga
 
Microsoft power point 2007 tic 10
Microsoft power point 2007 tic 10Microsoft power point 2007 tic 10
Microsoft power point 2007 tic 10technoconcord
 
HTML5 în XXX de minute
HTML5 în XXX de minuteHTML5 în XXX de minute
HTML5 în XXX de minuteSabin Buraga
 
Olga Gaidet, Copilul intra in Internet...
Olga Gaidet, Copilul intra in Internet...Olga Gaidet, Copilul intra in Internet...
Olga Gaidet, Copilul intra in Internet...Alianta INFONET
 
Foi de stiluri CSS – concepte esențiale (...și puțin mai mult)
Foi de stiluri CSS – concepte esențiale (...și puțin mai mult)Foi de stiluri CSS – concepte esențiale (...și puțin mai mult)
Foi de stiluri CSS – concepte esențiale (...și puțin mai mult)Sabin Buraga
 

Viewers also liked (15)

Semantic Web Semantic Web-based Agent Applications based Agent Applications –...
Semantic Web Semantic Web-based Agent Applications based Agent Applications –...Semantic Web Semantic Web-based Agent Applications based Agent Applications –...
Semantic Web Semantic Web-based Agent Applications based Agent Applications –...
 
Any Colour You Like
Any Colour You LikeAny Colour You Like
Any Colour You Like
 
Dezvoltarea aplicaţiilor Web la nivel de client (cursul #5): Data Visualizati...
Dezvoltarea aplicaţiilor Web la nivel de client (cursul #5): Data Visualizati...Dezvoltarea aplicaţiilor Web la nivel de client (cursul #5): Data Visualizati...
Dezvoltarea aplicaţiilor Web la nivel de client (cursul #5): Data Visualizati...
 
Soc Cap01
Soc Cap01Soc Cap01
Soc Cap01
 
Cursu PS - ASM Cluj
Cursu PS - ASM ClujCursu PS - ASM Cluj
Cursu PS - ASM Cluj
 
Cu codul în "nori"
Cu codul în "nori"Cu codul în "nori"
Cu codul în "nori"
 
Dezvoltator Web?! – ...în 2016
Dezvoltator Web?! – ...în 2016Dezvoltator Web?! – ...în 2016
Dezvoltator Web?! – ...în 2016
 
Microsoft power point 2007 tic 10
Microsoft power point 2007 tic 10Microsoft power point 2007 tic 10
Microsoft power point 2007 tic 10
 
HTML5 în XXX de minute
HTML5 în XXX de minuteHTML5 în XXX de minute
HTML5 în XXX de minute
 
Olga Gaidet, Copilul intra in Internet...
Olga Gaidet, Copilul intra in Internet...Olga Gaidet, Copilul intra in Internet...
Olga Gaidet, Copilul intra in Internet...
 
Foi de stiluri CSS – concepte esențiale (...și puțin mai mult)
Foi de stiluri CSS – concepte esențiale (...și puțin mai mult)Foi de stiluri CSS – concepte esențiale (...și puțin mai mult)
Foi de stiluri CSS – concepte esențiale (...și puțin mai mult)
 
Lucrare de curs WEB
Lucrare de curs WEBLucrare de curs WEB
Lucrare de curs WEB
 
Facebook
FacebookFacebook
Facebook
 
C++ ppt
C++ pptC++ ppt
C++ ppt
 
Curs Visual c++
Curs Visual c++Curs Visual c++
Curs Visual c++
 

Elemente de grafic design

  • 2. Să ai un concept! 1 o Idee generală care reflectă realitatea; o Ciornă; schiță; o Idee generală despre o clasă de obiecte sau de fenomene din realitatea înconjurătoare; o idee, noţiune care constituie treapta cea mai înaltă de abstractizare în reflectarea realităţii;
  • 3. Comunică - nu decora! 2 Mesaj Semnificație
  • 4. Vorbește cu o voce vizuală! 3 Punct Linie Formă și volum Textură și patern Iluzia spațiului Iluzia mișcării Culoare Contrast Elemente ale comunicării vizuale
  • 5. Folosește unul sau două puncte de interes! 4 sector (zonă), formă, detaliu - subliniate intenționat prin modalități precum: modulări liniare (subțire-gros), de factură (cu sens evident direcționat, aparent spontan etc.), contraste (cald-rece, închis-deschis, pur-corupt, aglomerat-aerat, zgrunțuros-lis, mare-mic etc.); Într-o compoziție pot fi mai multe centre de interes; ele sunt punctele nodale ale liniilor de forță ale compoziției, locurile către care tind celelalte forme, detalii lipsite de accente, mai liniștite coloristic etc. și pe care nu le distingem în primul rând; sinonime: nod de tensiune; Vezi: compoziție deschisă, compoziție închisă.
  • 6. Folosește maxim două familii de font! 5 Bine, poate trei. Verdana Verdana Verdana 20pt Times New Roman 20pt Helvetica NeueLT Pro 45 20pt Helvetica NeueLT Pro 63 20pt Helvetica NeueLT Pro 93 20pt
  • 7. Alege culorile cu un scop! 6
  • 8. În cazul în care poți face cu mai puțin, atunci... fă-o! 7
  • 9. Spațiul negativ e magic: creează-l, NU trebuie să-l umpli! 8 Gestaltismul considera ca subiectul dintr-o lucrare grafica este "figura", iar spațiul care înconjoară figura este "spațiul negativ". Filozoful chinez Tao Zu, fondatorul taoismului, transpune acest concept in ideograma Yin-Yang.
  • 10. Tratează fontul ca pe o imagine, de parcă ar fi la fel de important. 9
  • 11. 10 Fii universal; amintește-ți că nu este vorba despre tine!
  • 12. Fii decisiv. Fă-o cu un scop , 11 sau nu o face deloc!
  • 14. 13 Distribuie lumina și întunericul ca pe artificii sau ca pe răsăritul soarelui!
  • 15. 14 Măsoară cu ochii, designul este vizual!
  • 20. Bibliografie recomandată Timothy Samara, Design Elements Ellen Lupton, Graphic Design: The New Basics Richard Poulin, Language of Graphic Design sursa imaginilor 6 –http://bit.ly/1cxMqcZ 7 –http://bit.ly/1cxQ1rD 9 –http://bit.ly/1cxOPV3; http://bit.ly/1cxOWjF 10 –http://bit.ly/1cxPtSt 11 –http://bit.ly/1cxQtGo 16 - http://bit.ly/1cxUFpz 17 - http://bit.ly/1cxTcQ5