Как рисовать сайты по сетке?

Question

[Ferzet]

Здравствуйте, помогите разобраться в одном вопросе. Как начать рисовать макет в фотошопе по сетке? Меня интересует есть ли какие то стандарты для этого? Или же разницы нет сколько px , это не так критично? Как быть в случае с адаптивной версткой? Посмотрел кучу материала и у всех все по разному. Есть сетка 960px, а есть 1200px... У кого то какие то отступы непонятные, у кого то непонятно ,где начинается рабочая область... хелп, разъясните...

Answer 1

[Артур Андрейко]

Минимум 960px это разрешение планшетов, нетбуков 1024x768, ретину не берем
Дальше зависит от устройства и типа дизайна, если адаптив, то надо прорисовывать макет сжимая до 320px
можно нарисовать один промежуточный вариант в 640px, например для горизонтальной ориентации смартфона.

Сетка при этому нужна что бы сохранять пропорции объектов и отступов при масштабировании.
Вот очень полезный пост habrahabr.ru/post/50497

А вообще, что бы хорошо рисовать по сетке надо выучить верстку HTML+CSS3, тогда все на свои места станет )