Tema:Elemente de gafică în web design

Ce însemana design grafic în contextul web-design ?

Procesul de design grafic este unul de creatie, este arta aranjarii textelor si a
imaginilor pentru a comunica un anumit mesaj sau pentru a facilita intelegerea unor
informatii. Este folosit in diferite elemente precum fotografii, grafica digitala, animatii,
design de produse, ambalaje, semne informative, si, evident, si in web design.
Design-ul web se refera strict la structura unei pagini (latime, inaltime, margine,
etc), pe cand designul grafic (sau grafic design)la continutul care este adaugat in aceasta
structura. Putem spune ca tot ceea ce se vede pe un site este grafica aranjata pe o
structura invizibila (cea a web design-ului).
Design-ul grafic al unei pagini web are direct scop crearea unui mediu placut si de
a face acea pagina mai atractiva, usor de navigat prin evidentiarea marginilor intr-o
maniera inedita. Aspectul estetic al unui site este direct proportional cu calitatea graficii
care o contine, adica o grafica slaba, culori sterse sau prea contrastante creeaza un site
pe care vizitatorii il resping la prima vedere pentru ca nu le insufla profesionalism si
siguranta.
In viziunea noastra dintr-o pagina web nu ar trebui sa lipseasca anumite elemente
grafice si anume: logo-ul firmei respective, sloganul (daca exista), culoare de fundal
potrivita cu tematica site-ului, fotografii descriptive, fotografii informative, borduri,
sageti(pentru orientare) si alte elemente grafice minore care formeaza contextul si ii
confera un sens si o valoare.
O creație grafică reprezintă o imagine sau o colecție de imagini, care se regăsește pe un
anumit suport, cum ar fi hârtia, pânza, pereții, sau în era digitală pe un ecran.
Elementele care intră adesea în componența unei asemenea imagini sunt textul,
ilustrația și culoarea. Deoarece prin grafică se realizează reprezentarea vizuală a unei
idei, a unui concept, a unui sentiment, a unui moment din istoria colectivă sau personală
ori a unei informații utile, toate detaliile care intră în alcătuirea acesteia sunt extrem de
importante. Dimensiunile, încadrarea, fontul, liniile, formele și culorile
utilizate contribuie la crearea mesajului.
Toate sau o parte dintre aceste elemente pot fi îmbinate armonios, pentru realizarea
diverselor produse de natură vizuală: broșuri, flyere, postere, site-uri web, animații,
coperte pentru cărți, albume, discuri și altele.

1. Regulile de bază în crearea site-ului

-Designul.Aspectul site-ului trebuie adaptat mereu tendinţelor curente. Evitaţi design-ul
mult prea clasic, învechit.
-Grafica. Textul însoţit de grafică încîntă privirea şi oferă plăcere vizitatorului, însă o
grafică în exces poate avea un efect contrar.
-Conţinutul. Paginile site-ului trebuie să ofere un conţinut valoros şi cît mai bogat în
informaţii utile.
-Vizibilitatea. Conţinutul paginilor trebuie să fie uşor de citit, uşor de parcurs cu privirea
şi uşor de înţeles.
-Ortografia. Un text scris corect gramatical şi îngrijit lasă o bună impresie vizitatorului.

2. Armonizarea paletei de culori a site-ului.

Fiecare website ar trebui sa fie unic, cu elemente de design cat mai distinctive,
folosind o paleta de culori cat mai atragatoare pentru a transmite cu usurinta mesajul
dorit de realizator.
 Folosirea corecta a culorilor .
Culorile pot trezi cele mai vii trairi in oameni, iar pentru a atrage vizitatorii si ai
mentine un timp indelungat pe siteul tau trebuie sa le folosesti cu mare atentie
deoarece acestea sunt decisive in acest sens.
 Ce este Color Wheel sau Teoria Culorilor
Cea mai comuna modalitate de a reprezenta culorile pentru un anumit domeniu se
bazeaza pe roata de culori (color wheel) aparut ca si concept pentru prima data in
secolul 18, si reprezentat cu succes de Isac Newton si van Goethe in lucrarea „Teoria
culorilor” din 1810.
Specialistii in domeniul culorilor definesc fiecare culoare prin urmatoarele
repere:
 Culoare spectrala
 Saturatie
 Tenta
 Intensitate
 Croma
 Nuanta
 Luminozitate
Pentru a obtine o culoare exista doua moduri de sinteza a acesteia:
Substractiva (CMYK) si Aditiva (RGB).
In designul si grafica digitala, unde culorile sunt obtinute in special prin lumina, se
foloseste sinteza aditiva. Potrivit acestei metode de lucru, cu cat mai multe culori sunt
folosite in combinatie, cu atat culoarea va deveni tot mai alba.
Culorile principale sunt: rosu, verde si albastru (red, green, blue – RGB). Prin
combinarea a două culori primare rezultă următoarele culori secundare: cyan, magenta
galben si negru .

 Regulile principale de utilizare a culorilor intr-un website?

Contrast
Atunci cand alegem culorile pentru websiteul nostru, exista un contrast suficient de
puternic intre culoarea textului si fundalul siteului pentru ca utilizatorul sa poata citi
textul cu usurinta.
Fundal
Culorile intense trebuie combinate cu un fundal neutru. Nu este indicat sa iti
intampini vizitatorii cu niste culori de fundal intense deoarece fii sigur ca asta iti va
creste cu mult rata de respingere a websiteului tau.
 Cum utilizam cu succes culorile intr-un website
ROSU
Nu este indicata folosirea acestei culori pentru fundal deoarece este o culoare intensa
si ii poate deranja pe vizitatori, in schimb se poate folosi cu succes pentru butoane sau
oferte pe care doresti ca utilizatorii sa dea click. Mai precis, aceasta culoare este
indicat a fi folosita pentru elementele „Call to Action” ale unui website. Pentru a
minimiza impactul puternic al acestei culori pentru designul unui website, este indicat
a fi folosita doar cu culori complementare, cea mai buna combinatie fiind cu culoarea
alb.

GALBEN
Este o culoare foarte iritanta pentru ochi, asa ca NU o folosi niciodata pentru fundal.
In combinatie cu negrul indica pericolul, asa o vei vedea foarte des pe panourile de
avertizare.
Aceasta culoare este indicata a fi folosite pe un website atunci cand doresti sa
stimulezi joaca si creativitatea deoarece da senzatie de relaxare, pace, incredere.
ALBASTRU
Aceasta este in mod sigur cea mai populara culoare folosita pentru websiteuri.
Aspectul sau neutru are un efect calmant pentru privitor si induce o placuta senzatie
de relaxare. Daca vrei ca mesajul websiteului tau sa exprime increderea,
responsabilitatea sau intelegerea atunci folosirea culorii albastre ca si culoare
principala a siteului tau este solutia optima!
VERDE
Este unu dintre simbolurile sanatatii, naturii, al adaptibilitatii. Verdele deschis are un
efect calmant pentru privitor, iar nuanta mai inchisa face trimitere la mediul financiar,
la prestigiu, egoism.
Verdele este in mod clar culoarea organizatiilor ce activeaza in domeniul ecologiei, al
sanatatii sau al instrumentelor financiare.
ALB
Aceasta este in mod clar cea mai folosita culoare pentru fundalul unui website
deoarece are un efect calmant dar si asigura un contrast foarte bun pentru majoritatea
culorilor folosite. Culoarea alb este neutra, rece.
Utilizarea un exces poate da senzatie de plictiseala, iar in domeniul webdesignului, da
dovada de amatorism. Cea mai buna combinatie este cu negrul deoarece induce ideea
de lux si simplicitate.
NEGRU
Este un simbol al misterului si al clasei inalte. Poate transforma cu usurinta un
website, folosit in cantitatea optima, intr-un model de eleganta si rafinament.
Folosirea in exces insa, poate induce privitorului o stare de depresie si negativitate,
asa ca fiti foarte atentie in ce proportie il folositi!
GRI
Griul este, dupa alb, cea mai folosita culoare pentru fundaluri pentru ca este neutru,
clasic si comfortabil pentru ochi. Nuantele foarte inchise sunt percepute ca rigide, dar
si apasatoare.

3. Caracteristici pe care fiecare site ar trebui sa le aiba.

 Cum vom proiecta paginile web individuale?

Mentinere structurii arajamentului se poate reliza prin repetare

elementelor de design pe parcursul tuturor paginilor Web ale sitului

Sabloane de proiectare