گرید بندی بوت استرپ

پرسیده شده
فعالیت 1220 روز پیش
دیده شده 1025 بار
0

سلام ، وقتتون بخیر استاد

 

من دارم روی پروژه املاک که نسخه تحت وب موبایل و دسکتاپ داره کار میکنم، میخوام جوری کار کنم که کد نویس فرانت اند شرکت ایرادی رو به نسخه ui نگیره ، ابهاماتی که برام وجود داره :


۱ - برای نسخه تحت وب (موبایل ) هم گرید بندی خاصی (‌مثل نسخه دسکتاپ که فرمودین ۱۲ ستونه هست ) وجود داره ؟ یا فقط رعایت ضریب ۸ توی فواصل کفایلت میکنه ( از لحاظ استانداردی ) ؟

 

۲ - برای نسخه دسکتاپ گرید بندی ۱۲ ستونه فقط باید لحاظ بشه یا استاندارد خاصی برای فواصل بین ستون هست ؟ چون برای پروژه ۷ لرن ۶۵ گذاشتین ، برای فروشگاه فک میکنم ۷۵ پیکسل .

 

۳ - و اینکه برای نسخه موبایل به صورت پیش فرض از همون ارتبورد iphone باید استفاده بشه ؟ چون نسبت ابعادیشون با هم فرق داره ، و اینکه این مهمه از ابعاد ایفون استفاده بشه یه تک ابعاد اندروید که به صورت پیش فرض داخل xd هست ؟

 

 

ممنون از وقتی که گذاشتین 

فایل پیوست

مهدی رزمی
مهدی رزمی

2 دی 99

0
حذف شده

سلام مهدی جان

 

۱ - متاسفانه بوت استرپ ضریب ۸ نیست اصلا و تمامی اعداد ضریب ۵ هستند

از فاصله Gutter ها و تمامی اندازه ها بر اساس ضریب ۵ ساخته شدند.

شما زمانی که میخواید ریسپانسیو کنید برای هر کدوم از صفحات نسخه جدایی باید در نظر بگیرید که هر صفحه شامل Breakpoint های مختلفی مثل موبایل و تبلت و دسکتاپ و غیره خواهند شد.

فرانت اند دولوپر زمانی که روی هر کدام از این Breakpoint ها کار می کنه اندازه ستون هاش ۱۲ هستش

ولی شما وقتی کار می کنید نیاز نیست مثلا برای موبایل ۱۲ ستون در نظر بگیری

این لینک رو ببین

https://www.sketchappsources.com/resources/source-image/bootstrap-4-default-grid-system-yavuzyolbir.png

میتونی سرچ کنی و در موردش بخونی

معمولا روی موبایل بین ۲ تا ۴ ستون در نظر میگیرن که ۴ ستون مناسب تر هستش

 

۲ - شما اگر بخواید با بوت استرپ کار کنید باید اندازه های همون رو در نظر بگیرید

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

ولی اگر بخواید روی بوت استرپ کار کنید باید حتما document اش رو بخونید

این لینک رو ببین

https://formoid.com/articles/data/upload/2017/05/grid-options.jpg

 

۳ - ریسپانسیو روی موبایل معمولا تا ۳۲۰ اتفاق میوفته

میتونی سایز عادی اندروید رو در نظر بگیری براش که ۳۶۰ در ۶۴۰ هستش

فایل پیوست

پوریا محمدرضایی

توسط

پوریا محمدرضایی

2 دی 99

0
حذف شده

ممنونم از توضیحاتتون . و یه خواهشی داشتم ، خیلی از بچه ها مثل من علاقمند استفاده از تجربیات اساتیدی مثل شما هستن ، اگه در حین اموزش استاندارد ها هم ذکر بفرمایین کمک بزرگی بهمون میکنه ، چون اموزش شما الگو و بنای کاری ما میشه . بازم ممنونم 

فایل پیوست

مهدی رزمی

توسط

مهدی رزمی

2 دی 99

0
حذف شده

خواهش می کنم

استانداردهایی که نیاز باشه رو حتما میگم (مثل Material design و غیره)’

فایل پیوست

پوریا محمدرضایی

توسط

پوریا محمدرضایی

2 دی 99