ببینید مثل بوت استرپ بر پایه 4 نوع سایز اسکرین مانیتور
طراحی شده
xs = مناسب سایز گوشی
sm = یا همان small مناسب تبلت
md = یا همان medium مناسب لپ تاپ و صفحه های زیر 992px یا 1024 px اگر اشتباه نکنم
lg = یا همان large که مناسب صفحه های مک یا مانیتور بزرگ
اما شما در فوتوشاپ برای حالت md طراحی می کنید معمولا .
به همین خاطر میگم طراحی در Ps در حال حاضر وفت تلف کردنه چون شما قالبی که می سازید باید 4 بار طراحی کنید ( یعنی در 4 سایز )
تا بعدا بخواهید الگو بشه برای شما تا کد نویسی کنید
عملا وقتی کار slice در ps رو انجام بدهید خیلی متوجه می شوید که کار بیهوده ای است چون با یک خط css احتمالا 50 % تکه بخش های slice شده را می توان کد نویسی کرد ، که البته نیاز به مهارت و تجربه دارد
ولی برای شروع پیشنهادم اینه که با ps عادی طراحی کنید ولی سعی کنید CSS را حرفه ای نه در سطح معمولی یاد بگیرید