Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

Possible Duplicate:
Pros/Cons of PSD mockups vs. HTML mockups

I am a web developer. What happens is that the Client sends a PSD (Photoshop designs) to the company. Then the designer needs to create a HTML page from the PSDs

What happens every time is that the designer does not create the HTML with same fonts ie the boldness goes away and the font does not look similar as per the PSD means the quality is too degraded.

And the designer can convince my seniors that this is not possible i.e. The same font size, boldness cannot be achieved in the html while conversion

Can you please specify is it really true? or the designer is just fooling the developers.

share|improve this question
    
Please don't cross post; moderators will move posts across sites if it's more fitting elsewhere. Your other post was moved to graphicdesign.stackexchange.com/questions/6870/… where it should get a good answer. –  Ben Brocka Apr 5 '12 at 17:50
add comment

marked as duplicate by ChrisF, JonW Apr 5 '12 at 13:01

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

1 Answer

The question belongs to area of graphic design rather, but I will answer.

Fonts

There are some differences when rendering fonts both in various operating systems and in various browsers. In most cases a problem is incorrect use smoothing-mode of fonts in the psd.

Here's some rules the designer is obliged to know

The Elements of Typographic Style Applied to the Web

Fontsmoothing explained

OS X Quartz vs. Windows ClearType

Russian lng. / Preparing PSD to Customer-preview: Smooth, Sharp or None anti-aliasing.
Part1and Part2

In a static content use of non-web fonts as images (menu category or adv banner) is quite admissible, but, unfortunately it doesn't work for dynamically formed content, for example news title.

Seamless textures & Patterns

Many designers aren't familiar with the basic principles of HTML therefore choose incorrect methods at psd creation. Create a pattern -> Fill background is a correct way, but not the opposite direction. In similar cases not always it is possible to allocate the pattern that leads to visual errors at fluid layout for example.

Pixel perfect

Gr8 manual from Us2 also a PDF Available

Design etiquette

Photoshopetiquette

PS Project dutys distribution will help to define responsible people for concrete stages of the project, but it rather belongs to category of project management.

In any case the knowledge of the HTML/CSS technologies and observance of above-mentioned rules by model preparation considerably simplify work.

share|improve this answer
add comment

Not the answer you're looking for? Browse other questions tagged or ask your own question.