Web Design – Ghid si reguli de baza

Ce este Web Design-ul?

Web Design-ul este un proces de conceptualizare, planificare si construire a unor fisiere electronice care determina layout-ul, culorile, forma textului, structura, grafica, imaginile, si utilizarea unor caracteristici interactive care livreaza pagini vizitatorilor tai.

Cateva lucruri care ar trebui sa le stabilesti inainte de inceperea construirii site-ului:

• Obiectivul: Atragerea clientilor, reclama unor produse, interactionarea cu clienti existenti. Creaza site-uri tinand cont de aceste obiective.
• Nu crea “dezordine” vizuala pe pagina! Pentru ca vizitatorii sa inteleaga ce este cel mai important: mesajul.
• Ai grija ca textul sa fie scurt si bine punctat, pentru a fi mai usor de digerat de vizitatori
• Creaza un continut vizual care sa transmita sentimentul urmarit
• Simplitate: Continut cu look simplu si curat
• Fii sigur ca intotdeauna userii sa gaseasca ceea ce cauta, sa aiba toate informatiile la un click sau un scroll distanta (+ viteza de incarcare a paginii)

Metode de luat in considerare:

• Gandeste-te la cuvinte pe care userii le-ar folosi pentru a-ti gasi paginile web si fii sigur ca site-ul tau contine acele cuvinte
• Incearca sa folosesti mai mult text decat imagini pentru a semnala mai bine continutul, numele sau link-urile.
• Considera ca nu toti userii au rabdare sa dea scroll-down pe pagina, deci plaseaza mai sus pe pagina, informatiile cele mai importante pentru ca vizitatorul sa le observe imediat.

Ghid Web Design – de respectat:

Tipografia curata

1. Foloseste font de dimensiuni cuprinse între 15 și 25 de pixeli body text

2. Utilizeaza font-uri foarte mari pentru titluri

3. Utilizeaza un line spacing între 120 și 150% din dimensiunea fontului

4. 45 pana la 90 de caractere per linie

5. Utilizeaza fonturi frumoase si simple, in functie de tema site-ului

6. Alege un font care sa reflecte aspectul dorit pentru site-ul tau

7. Foloseste doar un singur font!

Folosirea corecta a culorilor

1. Utilizeaza numai o singura culoare de de baza

2. Foloseste un tool, daca vrei sa folosesti mai multe culori

3. Foloseste culoarea cu care sa atragi atentia
4. Alege culorile cu in functie de ce exprima acestea

Folosirea imaginilor (efecte)

1. Pune textul direct pe imagine
2. Overlay la imagine
3. Pune textul intr-un box
4. Blureaza imaginea

Toate acestea vor ajuta la intelegerea mai buna a textului si a mesajului. Facand mai usoara citirea si vizualizarea textului.

Pictograme (icons)

1. Foloseste icoane pentru a reprezenta caracteristicile
2. Foloseste icoane pentru diferite actiuni si link-uri
3. Icoanele ar trebui sa fie reprezentative
4. Eticheteaza icoanele
5. Icoanele nu ar trebui sa ocupe o pozitie centrata
6. Utilizeaza font-uri de tip icons

Spatiere si layout

1. Adauga un spatiu gol intre elementele din pagina
2. Adauga spatii goale intre sectiunile site-ului
3. Defineste unde ai vrea ca atentia vizitatorilor sa fie atrasa
4. Stabilirea unui flow care sa corespunda cu continutul mesajului tau
5. Foloseste spatiu gol pentru a crea acel flow

Acestea ar fi regulile pe care ar trebui sa le respecti pentru a crea site-uri profesionale, pentru a livra produsul corect si cu succes si in primul rand pentru a atrage vizitatorii pe pagina ta.