How Do I Design My Website/Phone App for the Coders?

I heard that programmers want the designs to be in psd file types, but don't they also need each layer to be made into individual buttons? I still am unclear on the method in which the programmers wish to have their design references to be built upon? Cheers.

- Troy

 

Yes, You need to remember few things in your mind before starting a design project.

1: Separate Layers
2: High Resolution Images/Icons
3: Standard Fonts (So they don't have to bother later for different browsers for not showing fonts exactly as in PSD)
4: Grouped Objects (Like Header group contain all things that goes in header, Navbar Group for navigation.....)

Other members now suggest more improvements to this member

 

In my PSD to HTML work I've found that the most important thing about your layout is this:¨

• If you've arranged icons and various shapes into a button or icon, Please for the love of god put it in a layer so it can be easily sliced into a whole image.
• Make ALL your text editable( except logos if they are not plain text).
• ALWAYS include the FONTS that you've used so your HTML guy doesn't have to scour the internet for the correct font.
• if possible, include versions for smaller screens or at the very least some instructions, coming up with an alternate design on the fly for mobile devices will take more time out of the programmers time than it would if you had made it before hand.