Убирай малые срезы, а длинный срез банальными псевдоэлементами - треугольник что ли ни разу не рисовали через css???
В итоге делаешь два блока - синий и черный, у каждого свой срез по длинной стороне, для 640px делай ширину 100% (т.е. будет сверху черный, ниже синий), для остальных разрешений - как на эскизе.
Естественно, на 640px эти безумные срезы будут ляпом, т.е. там делай все прямоугольное.
Еще раз про малые срезы - разный угол наклона по отношению к длинной линии точно не режет глаз? У меня лично кот, всегда сидящий рядом с монитором, с ума сошел... Дай мне телефон дизайнера, я ему сам а-та-та дам
