Mobile app version of vmapp.org
Login or Join
Alves566

: What should be included in a PSD to convert it into HTML?CSS code I'm working for the first time on "PSD to HTML" job for a client(i usually do logos and banner work). As this is my first

@Alves566

Posted in: #AdobePhotoshop #Css #Html

I'm working for the first time on "PSD to HTML" job for a client(i usually do logos and banner work). As this is my first time, i'm quite confused about "What should exactly be in the PSD file". Should it have a complete look of the website? or just the structure of the site? Should i add photos,logo,icons and all that stuff with separate layers in the PSD?

Kindly help me about this confusion.
Thanks in advance :-)

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Alves566

3 Comments

Sorted by latest first Latest Oldest Best

 

@Jennifer810

In addition to all of the assets (icons, images, etc), I prefer when other designers give me a list of fonts, font sizes, and font weights and the the amount of white space between main elements. Giving white space in pixels is important to help make sure the finished product matches the mockup as closely as possible.

10% popularity Vote Up Vote Down


 

@Kevin459

I'm assuming you're only doing the design and not the actual implementation? In that case, PSD to HTML generally means that you need to provide the developer with all the assets and details they will need to actually convert your design into HTML.

Absolutely yes, it should have the complete, final, polished design of the site, but depending on your client and their dev, you might want to also include the site structure to make it clear where each link points to.

Putting all the photos, logos, icons, etc. on separate layers (preferably grouped appropriately for clarity) would come in very handy for any future design work, whether done by you or another designer, but you should probably check with your client as the developer might also want you to export all the assets out of the PSD. Including a list of all the fonts and colours used for elements such as the background or font colours and so on will also be very helpful for the dev and make sure that your design is implemented as closely as possible to what you envisioned.

10% popularity Vote Up Vote Down


 

@Smith574

I'd imagine unless they specifically ask for a wireframe, they want you to design the finished look of the site. Yes you should include all proposed final assets, as you visually see the final result.

You should give them some work in progress updates though. As polishing images can take a lot of work, you don't want to head too far in the wrong direction for the client.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme