Documente Academic
Documente Profesional
Documente Cultură
in design
Smaranda Clin
students.infoiasi.ro/~smaranda.calin/portofoliu_cme
Introducere
16/01/06
VIP
visually
illiterate
person
Atunci cand esti constient de principiile de design aplicate in lumea
care te inconjoara, le poti folosi la randul tau pentru propriile scopuri.
Atunci cand o pagina este atractiva dpdv vizual este mult mai probabil
ca ea sa fie citita.
Despre DTP
16/01/06
Despre DTP
16/01/06
Programe specializate
Despre DTP
16/01/06
Aplicabilitate
Cu toate ca este o disciplina specializata, principiile de baza ale DTP au
aplicabilitate peste tot in domeniul vizual.
designul (aspectul) unei pagini web
designul unei reclame
designul unei etichete
interfata grafica a unui program etc
se conformeaza invariabil regulilor de baza ale DTP.
Principiile designului de pagini reale sau virtuale au un rol mai important decat
s-ar crede initial.
Despre DTP
16/01/06
Exemplu
Machetare
4 principii universale
16/01/06
Machetare
Proximitatea
16/01/06
Machetare
Proximitatea
16/01/06
5 componente separate
unde incepi sa citesti ?
in centru ?
ce citesti in continuare ? de la
drepta la stanga sau invers ?
ce se intampla cand ajungi in
coltul din dreapta jos ?
se plimba ochii de jur imprejur,
asigurandu-se ca nu au scapat nici
un colt ?
Machetare
Proximitatea
16/01/06
tip
10
Machetare
Alinierea
16/01/06
Tendinta de a aseza desene, imagini, tot felul de simboluri si text acolo unde
exista spatiu liber pe pagina, deseori ignorand alte componente prezente
dezordine (comparatie bucatarie)
Nimic nu trebuie asezat pe pagina in mod arbitrar : fiecare
componenta trebuie sa aiba o legatura vizuala cu altceva de pe
pagina.
forteaza la constiinciozitate : elementele nu pot fi pur si simplu
aruncate pe pagina;
trebuie gandit ce se alinieaza cu cine.
este creata o unitate, coeziune
exista o linie invizibila care leaga chiar si elementele care nu sunt in
legatura directa si asta face pagina mai ordonata, mai legata si in mintea
privitorului.
Ideea de baza :
pagina este un intreg.
linia de baza = linia invizibila pe care sunt asezate literele.
11
Machetare
Alinierea
16/01/06
12
Machetare
Alinierea
16/01/06
tip
Feriti-va de alinierea centrata... acesta este folosita cel mai adesea de catre
incepatori
da un aspect oficial, serios... dar si obisnuit si plictisitor.
paginile sofisticate nu au o aliniere centrata
Exemplu->
alinierea stanga confera paginii de garda un aspect mai sofisticat -> linia
invizibila conecteaza cele doua blocuri de text.
13
Machetare
Alinierea
16/01/06
14
Machetare
Alinierea
16/01/06
fotografiile, elementele
grafice, alte bocuri de text
dau linii puternice
15
Machetare
Repetitia
16/01/06
16
Machetare
Repetitia
16/01/06
17
Machetare
Repetitia
16/01/06
18
Machetare
Repetitia
16/01/06
19
tip
Machetare
Repetitia
16/01/06
20
Machetare
Contrastul
16/01/06
Unul dintre cele mai eficiente cai de a adauga culoare vizuala paginii si de a crea
o ierarhie de organizare a elementelor
contrastul trebuie sa fie puternic
Nu umbla cu jumatati de masura!
exista doar intre 2 elemente diferite, nu aproximativ diferite
Daca 2 elemente nu sunt exact la fel, ele trebuie sa fie complet
diferite.
creare:
un font mare/ unul mic
un font elegant/ un font ingrosat, fara serife
o linie subtire/ una una groasa
o culoare calda/ una rece
un element orizontal (ex : un rand lung de text) cu unul vretical
(ex : o coloana inalta de text)
21
Machetare
Contrastul
16/01/06
Daca urmatoarele 2 cvuri ajung la tine pe bioru pe care l-ai citi mai intai ?
22
Machetare
16/01/06
tip
23
Fonturi
16/01/06
24
Fonturi
16/01/06
25
Fonturi
Tipurile de fonturi
16/01/06
Categorii de fonturi
se disting 6 categorii principale, universal recunoscute
Oldstyle
Modern
Slab Serif
Sans Serif
Script
Decorative
deriva si alte subcategorii in functie de criteriul ales (inaltimea corpului
literei, inaltimea superioara, marimea serifelor, marimea accentului etc)
26
Fonturi
Oldstyle
16/01/06
accent
serife
Font Oldstyle
trecere
gros/subtire
au la baza literele facute cu mana de catre scribi folosind o pana de scris
sunt usoare , potrivite pentru corpuri mai mari de text -> atentie monitor.
27
Fonturi
Modern
16/01/06
Font Modern
aparute in 1700, cand datorita hartiei mai netede, a tehnicilor de
tiparire mai sofisticate fonturile au capatat un aspect mai geometric
aspect frapant mai ales la dimensiuni mari
28
Fonturi
Slab Serif
16/01/06
29
Fonturi
Sans Serif
16/01/06
30
Fonturi
Script
16/01/06
Font Script
imita scrisul de mana cu o pensula sau o penita pentru caligrafie
trebuie folosite cu cumpatare
cele fanteziste niciodata pentru blocuri mari de text, niciodata cu
majuscule
31
Fonturi
Decorative
16/01/06
Decorative
cel mai usor de identificat :
daca gandul de a citi o carte scrisa numai cu acel font te face sa
vomiti atunci ai dat peste un font decorativ (Robin Williams)
pot exprima in mod direct si rapid idei sau pot induce stari de spirit
32
Fonturi
16/01/06
33
Fonturi
Concordanta
16/01/06
34
Fonturi
Conflictul
16/01/06
35
Fonturi
Contrastul
16/01/06
36
Fonturi
Combinatii
tip
Poti utiliza doua fonturi cu serife daca acestea fac parte din familii diferite
(oldstyle cu Modern sau cu Slab Serif), dar trebuie accentuate contrastele
16/01/06
37
Culoare
Despre culoare
16/01/06
38
Culoare
Culorile calde
16/01/06
39
Culoare
Culorile reci
16/01/06
40
Despre DTP
16/01/06
Sfaturi la final :
41
Despre DTP
16/01/06
Recapitulare
Ce inseamna DTP
Aplicabiliatea in viata de zi cu zi
Cele 4 principii de machetare fundamentala (CRAP)
Contrast
Repetitie
Aliniere
Proximitate
Despre fonturi
Cele 6 tipuri fundamentale
Cele 3 relatii posibile intre ele
Concordanta
Conflict
Contrast
Despre culoare
Culori reci
Culori calde
Sfaturi la final
42
Despre DTP
16/01/06
Bilbiografie principala
Robin Williams The Non-Designers Design Book
Chris Lumgair Teach Yourself Desktop Publishing
43
Despre DTP
16/01/06
Intrebari?
44