سلام

شما هم خسته نباشید

اگر شما یه پروژه ای رو تازه شروع می‌کنید پس خیلی در جریان این نیستید که کاربرای شما از چه سایزهایی استفاده می‌کنند که بر اساس اونا تصمیم بگیرید چه سایزهای مهمترن

واسه همین میتونید خیلی عادی از فریم ورک‌های مختلفی که توی وب وجود دارن (مثل Boostratp) استفاده کنید.

فقط تفاوتش اینه که ضریب ۵ هستش

این موارد میتونن سلیقه ای انتخاب بشند و لزوما چیزی رو نمیشه گفت بهترین بهش

اگر پروژه ای هست که نیازه سریعتر لانچ بشه، پس بهتره از فریم ورک‌های اماده استفاده بشه که ریسپانسیوش آماده شده باشه و شما بر اساس قوانین همون فریم ورک دیزاینتون رو بزنید

ولی اگر یه پروژه ای دارید که نیازه گرید سیستم رو شما طراحی کنید و دولوپر هم بر اساس چیزی که شما طراحی کردین ریسپانسیو انجام بشه میتونید خودتون بر اساس نیازتون شخصی سازیش کنید.

این موارد برای ریسپانسیو دسکتاپ و موبایل هستش

اپلیکیشن‌ها نیاز به گرید ندارند و فقط فاصله هایی که میدین نیاز هست به طور مثال ضریب ۸ باشن

معمولا توی وب ستون‌ها ۱۲ تایی هستند و توی موبایل ۴ ستونه

چند تا مقاله خوب براتون میزارم مطالعه کنید تا بیشتر با این موضوع آشنا بشید

9 best grid system for web/mobile UI | by Ivan Tsanko | Prototypr

UI/UX Design: Setting Up Grids. How to setup responsive layout grids… | by Nick Lawrence | UX Planet

The Comprehensive 8pt Grid Guide. Start your UI project right with this… | by Vitsky | The Startup | Medium