Hai sa incercam sa adunam aici sfaturi pentru crearea de layouts ... Incerc eu sa plasez cateva ... va astept si pe voi

1. Porneste de la tema sitului. Stiu ca fiecare avem o ideea despre un nou layout sau abia asteptam sa implementam un efect nou pe urmatorul site. Cred insa ca este bine mereu sa pornim de la "CE ESTE SI CE VREA" situl in cauza. Approach-ul de layout este diferit pentru teme diferite. Gandesc intr-un fel un site cu masini, unul pentru femei sau unul de arte martiale de pilda. Intotdeauna tema sitului si eventual logo-ul si sloganul (in caz ca exista deja) imi dicteaza cum va arata situl.

Culori, aranjare in pagina, "feeling" toate merg impreuna si le voi stabili dupa ce am foarte clar in minte cui se adreseaza situl si ce se doreste de la el.

2. pentru cei care fac si codul dupa aia .. mare grija sa puteti transpune in cod ce ati facut in photoshop Stiu ca pare ciudat, dar uneori o luam "razna" si ne chinuim dupa aceea sa punem in css cate o minunatie si ne ia o viata.

3. incearca mereu sa progresezi. Mi-am facut un obicei sa incerc ceva nou, o tehnica, un efect etc. la fiecare nou layout. Este bine sa te "fortezi" sa faci mai mult, mai complex (daca este nevoie), mai frumos.

4. evitati culori "turbate" si incercati sa mergeti pe teme coloristice. Stiu ca e "cool" sa faci un site rosu-galbe-albastru de pilda,  dar chiar este obositor la ochi.

to be continued

Din experienta ... mai intai hartia si abia apoi tastaura.

Pornesc de la informatia pe care o primesc. In primul rand meniul de navigare - cate categorii, cate subcategorii - voi sti unde il amplasez, daca il pot desparti in meniu principal si contextual - cred ca meniul de navigare influenteaza decisiv layout-ul; (despre sigla, logo, cele care imi dicteaza paleta de culoare si celelalte informatii care individualizeaza proiectul a vorbit dojo).

Imi fac schita de cod (header, continut, footer, cu toate subdiviziunile - o coloana, doua coloane, trei coloane, etc) in paralel cu schita desenului, in minte si apoi pe hartie. Ideea pe care o urmaresc este "simplitate si claritate in comunicare plus utilitate". In tot acest timp tin cont (cat este necesar si cat pot) de regulile accesibilitatii (este din ce in ce mai important acest aspect).

Oricat de nerabdator as fi, nu ma lansez "din prima" ci mai intai ma gandesc daca nu cumva exista si alte versiuni care sa raspunda mai bine cerintelor si redesenez. Aleg cea mai buna varianta.

Folosesc "template"-uri despre care stiu ca functioneaza corect si pe care le-am mai folosit, atat html cat si css - NU sunt "site-uri copie" ci sunt "caramizi" pe care le asez cum imi convine mie pentru a avea rezultatul dorit. Pastrez cat mai "curat" totul - evit "fitze", "jucarele" si alte "prostioare" inutile cu care se "rupe gura" clientului sau numai fiindca "este o chestie simpatica".

Photoshop, CorelDRAW, export pentru web.

Pornesc de la zero adica de sus in jos - header, continut, etc. Pe parcursul proiectului testez cat mai des in cele patru browser-e care acopera 95 % din navigatori si in trei rezolutii ale monitorului. Folosesc validarea on line a codului. Imi notez toate elementele principale, caracteristice proiectului.