Principii de baza in webdesign

Un site bine facut trebuie sa combine maiestria tehnica si programarea riguroasa cu o

intelegere detaliata a fiecarui aspect care face afacerea dumneavoastra unica pe
piata. Lasata pe mainile noastre, prezenta dumneavoastra online va devenie o
extensie naturala si foarte eficienta a restului afacerii.
Unul dintre factorii cheie atunci cand vine vorba de web design este sa tineti cont de
faptul ca fiecare site este unic. Scopul fiecarui site este sa capteze si sa reflecte
businessul pe care il reprezinta, iar acest lucru poate fi obtinut doar daca se lucreaza
indeaproape cu clientul. Plecand de la aceasta, adaugam detalii care tin strict de
design-ul site-ului. Iata cateva principii generale de care vom tine cont:
1. Aspectul vizual
Fonturile folosite trebuie sa se afiseze corect pe orice browser, Imaginile trebuie
optimizate si folosite atat cat este nevoie pentru a evita incarcarea dificila a site-ului.
Layout-ul trebuie mentinut la o dimensiune care sa se potriveasca diverselor rezolutii
folosite de utilizatori, fara a fi nevoie ca acestia sa isi ajusteze fereastra browserului. In
ceea ce priveste pozitionarea, elementele paginii trebuie aliniate tinand cont de faptul
ca privirea cade mai intai pe coltul din stanga sus.
2. Spatierea
Este un aspect important, desi de multe ori trecut cu vederea. Spatiile inguste pot face
o pagina greu de descifrat, in timp ce spatiile prea mari pot arata neprofesionist si
saracacios. Spatiul lasat in jurul obiectelor din pagina trebuie sa fie constant, detaliu
ce ofera un aspect profesionist site-ului. Ca regula generala, toate textele si imaginile
ar trebuie sa aiba un spatiu suficient intre ele (aproximativ 20px) si nici un element nu
ar trebuie sa se suprapuna cu un altul (decat daca este parte din design). Pentru
lizibilitatea continutului textual, spatiile dintre linii trebuie sa fie calibrate cu
exactitate. Cand cuvintele sunt prea apropiate, textul nu poate fi citit, iar cand acestea
sunt prea indepartate textul nu are fluiditatea necesara. De obicei, un spatiu de 18px
la un font de 12 px este potrivit. Spatiul alb ramas pe pagina este mai important decat
ar parea la prima vedere: este un factor cheie pentru atragerea atentiei la diferite
aspecte ale paginii. Spatiile albe ofera contrast si proportie, iar o afirmatie sau o
ilustratie plasata in mijlocul unei pagini albe va avea un impact maxim.
3. Navigarea
Este cruciala pentru experienta placuta a utilizatorului, in special atunci cand este
vorba de site-uri mari cu sectiuni variate, unde vizitatorii se pot pierde usor. In primul
rand, orice tip de link-uri de pe pagina trebuie sa fie clar diferentiate de alte texte (fie
prin subliniere, fie prin folosirea altei culori). Sectiunile mai importante trebuie
pozitionate in partea superioara a paginii. Utilizatorul trebuie sa stie mereu in ce zona
a site-ului se afla si cum se poate intoarce la pagina anterioara si la cea principala cu
usurinta. Submeniurile, drop-downurile si breadcrumb-urile sunt utile in obtinerea
acestor lucruri. Logo-ul trebuie pozitionat mereu in acelasi loc, cu link catre pagina
principala.
4. Ghidarea ochiului
Site-ul trebuie sa determine utilizatorul sa faca lucrurile pe care vi le doriti, pentru a va
atinge scopul crearii site-ului. Spre exemplu, un layout va incepe cu logo-ul plasat in
stanga sus, pentru ca utilizatorii sa stie unde se afla, apoi bara de navigare dedesubt

sau in dreapta, pentru ca vizitatorii sa navigheze catre locatia dorita; in centrul paginii
poate fi plasat un banner pentru a atrage utilizatorii intr-un punct cheie. Acestea sunt
urmate de un sidebar sau un sub-text care sa ii conduca spre o alta pagina.
Alte metode de ghidare a privirii sunt: culorile (un site curat, cu un minim de culoare
este un mediu optim de a atrage atentia prin folosirea culorilor contrastante pentru
lucrurile importante); dimensiunile (evidentierea unui text/ element prin marirea
dimensiunii in raport cu celelalte); elementele de deisgn (umbre, backgrounduri,
grafica etc).
5. Usurinta in utilizare
Este esentiala pentru a-i ajuta pe utilizatori sa ramana pe site mai mult timp. Se obtine
prin: similaritatea elementelor - oamenii stiu ce sa faca daca au mai facut-o in
prealabil, deci roata nu trebuie reinventata, in special pentru zonele unde vreti ca
utilizatorii sa dea click. Utilizatorii sunt obisnuiti cu anumite elemente si se asteapta sa
le gaseasca acolo (ca de exemplu logo-ul, bara de navigare, butonul de search).
Consistenta: daca este folosita o anumita culoare pentru linkuri, ea trebuie mentinuta
pentru tot continutul site-ului.
O idee buna este realizarea de teste cu utilizatori nu tocmai priceputi, dupa terminarea
site-ului, pentru a vedea reactiile lor la diferite layout-uri.