CAP I - Proiectare si idei

desi pare aiurea, pixul si hartia reprezinta instrumente importante pentru orice webdesigner. dupa cum am mentionat si in primul
ghid, proiectarea paginilor web incepe pe hartie.

motivele sunt mai multe. desigur, prima tentatie este sa deschidem notepad si photoshop, si sa incepem sa aruncam in pagina tot
ceea ce nimerim: poze, texte, tabele, link-uri si asa mai departe. inevitabil vom obtine o varza, leguma foarte des intalnita pe
paginile internet facute de amatori. scopul nostru este sa impresionam cat mai multi dintre vizitatorii paginii noastre. iar daca
avem o pagina cu o structura neclara, cu cinci sute de sectiuni, de casute, de rubricute si de imagini pe prima pagina, atunci
multi vizitatori vor fi debusolati.

un alt motiv este ca pe hartie este usor sa faci modificari si ajustari; in photoshop, insa, orice ajustare sau modificare cere timp si
munca. asa ca ia o foaie de hartie, deseneaza un dreptunghi (ecranul) si incepe sa delimitezi pe el zonele si sectiunile pe care le
va avea pagina ta. desigur, nu vei crea o opera de arta, ci doar o schita a paginii, care sa te ajute sa o organizezi mai bine. de
altfel, exact asa am procedat si eu inainte sa creez pagina alternative travel services, folosita ca exemplu in acest ghid. arunca
un ochi (varianta marita se deschide intr-o fereastra separata pe care o poti inchide):



nu uita sa creezi schite pentru fiecare pagina cu un design diferit. in exemplul din ghid, eu am avut nevoie de doua schite - una
pentru pagina principala si una pentru design-ul folosit in cele trei pagini cu informatii. pagina nu va ramane batuta in cuie in
varianta de pe hartie; o pagina web in procesul designului este ca un organism viu care evolueaza permanent. tot inainte de a te
apuca de lucru, pune-ti in ordine si ideile legate de continut. dupa cum stim, continutul este mult mai important decat forma. eu
am notat pe hartie capitolele pe care le va avea acest ghid, impreuna cu mai multe idei despre ce vreau sa includ in ghid. acum,
cand am inceput sa lucrez propriu-zis, imi este mult mai usor sa organizez continutul si sa ma ocup de partea grafica.

un alt aspect care trebuie discutat cand vine vorba de design este cel al surselor de inspiratie. trebuie sa fim realisti: nimeni nu
reinventeaza roata. tot ceea ce apare nou in materie de design (sau in orice alt domeniu, de la pictura la descoperiri stiintifice)
are la baza surse de inspiratie. desigur, acesta este un subiect controversat si trebuie tratat cu atentie. pentru ca multi
webdesigneri mai amatori sau mai profesionisti cad in capcana copierii de site-uri (si, eventual, ajung pe pirated-sites.com).
copierea design-ului unui alt site este cel mai jenant lucru pe care il poti face. in plus, de multe ori un design copiat nu se
potriveste cu continutul site-ului tau, iar rezultatul este nesatisfacator.

ceea ce poti face, insa, este sa casti ochii la site-uri care iti plac, pentru a prelua cate o idee de grafica, aranjare in pagina,
schema de culori, prelucrare grafica, etc. pornind de la acestea, pagina evolueaza. desigur, sursele de inspiratie sunt numeroase:
pe langa pagini web, poti prelua idei de forma, culoare si design din afise, reclame tv sau print, etc.

pentru exemplul din acest ghid, eu am pornit cu urmatoarele idei preluate de pe trei site-uri diferite: 1. am vrut sa folosesc
simboluri pentru link-uri, pentru ca mi s-a parut o idee buna; 2. am vrut sa folosesc o paleta de gri-uri pentru fond (initial am
vrut sa adaug si niste rosu pentru contrast, dupa cum am vazut pe site-ul care m-a inspirat, dar ulterior am renuntat la rosu
pentru ca nu mi s-a parut necesar) si 3. am vrut sa folosesc un efect anume pe imaginea cu zgarie-norii, efect ce va fi explicat
intr-unul din capitolele urmatoare (apropo de acest efect: cand l-am vazut prima data, am copiat imaginea pe care era folosit, am
deschis-o in photoshop, am marit-o si am prins schema - asta inseamna cercetare in domeniul webdesignului).

dupa cum se vede, sunt idei destul de generale, care au avut o contributie destul de redusa la forma definitiva a site-ului.
aranjarea in pagina am definitivat-o pe hartie, iar restul elementelor (efectele pentru texte, imaginea folosita, etc) imi apartin.
bun. pornind de la aceste elemente, am trecut la etapa urmatoare: machetarea site-ului in photoshop. asa ca deschide photoshop
acum si apasa pe butonul de mai jos pentru a continua.


Page 1 of 1 verde.ro - cu noi internetul este simplu
30.04.2004 http://www.verde.ro/ghid2/2.html