Citat Postat în original de Dan Vezi Post
Cand desenati, este foarte important sa separati diferitele elemente ale site-ului.
De exemplu, tot ce este in header, puneti intr-ul layer numit "header". La fel pentru sidebar, footer, content.
O mica rectificare, in majoritatea cazurilor fiecare element se compune din mai multe layere de aceea este foarte util sa faceti grupuri de layere in metoda scrisa mai sus. Astfel cand vreti sa cautati un layer din footer, cautati in grupul de layere footer. Un alt aspect este ca daca vreti sa miscati tot grupul de layere de la footer o puteti face pentru ca sunt in acelas grup.

Eu in general cand deschid document nou o fac la 960 de pixel latime, acesta va fi latimea finala a siteului ca sa nu se creeze scrol pe monitoarele care au maxim 1024 pixel, stiu sunt de moda veche, deja monitoarele sunt de tip hd cu o latime destul de mare.
Daca utilizam Grid System, acest pas nu mai trebuie sa-l facem ci deschidem psd ul cu Grid System incorporat. Dupa ce creez documentul 960 pixel pozitionez gridlineurile lateral, dublez bg ul si dau un canvas size la latime pana la 1600 pixel pentru a putea lucra lejer si pe bg.

Dupa aceea se pot crea categoriile pentru fiecare parte a designului, header, menu, main, sidebar, footer in functie de designul pe care dorim sa facem. Este bine sa facem o schita de mana inainte cu toate boxurile si elementele pe care dorim sa contina designul nostru dupa care fiecare element se deseneaza in boxul aferent. Acesti pasi sunt foarte importanti ca programatorii mai tarziu sa nu aiba batai de cap.
Pana aici este partea tehnica a crearii a unui design, indiferent daca o faci pentru wordpress sau custom design, restul depinde de capacitatile artistice a fiecaruia in parte. Multe lucruri pot fi invatate dar sunt lucruri cu care te nasti cum este si creativitatea, ceea ce nu poti invata doar dezvolta.