Создаем адаптивный веб-дизайн

Для телефонов , смартфонов обычно используют ширину 320, 768 px.
Вопрос: при создании адаптивного дизайна какое разрешение устанавливаем в фотошопе для графического дизайна (для веб сайтов 72 пикс/на дюйм) ? Какие отступы используем?
Где об этом почитать детальнее? Прощу про верстку не кидать, только про дизайн, спасибо.

slastena2107, Все зависит от того под какие смарты вы расчитываете портировать приложение в дальнейшем.

Для iOs и Android они разные.
Базовое разрешение такое же как для Веб - 72 пикселя: ссылка
Но помните, что если для iOs ширина и высота базовых устройств более менее четко прописаны, то для Android нужно считать внимательно: ссылка

По своему опыту, совет: купите себе плагин: PNG Express ссылка и делайте только базовую реализацию в HDPI разрешении (это для Android, для iOs прописано отдельнои четко, только учитывайте разницу четвертого и пятого поколений). Когда будете из макета экспортировать нарезку, то плагин автоматически сгенерит остальные разрешения в нужных папках. Если же вам нарезку делать не нужно, то программисты возьмут это разрешение тоже с удовольствием.