دانلود گرید Bootstrap برای XD

در این پست در مرجع UI و UX فارسی گرید 12 ستونی پیشفرض Bootstrap 4 را برای دانلود و استفاده در XD برایتان آماده کرده ایم. از مهمترین مبانی طراحی یک UI حرفه ای استفاده از Grid می باشد. گرید به محتوا نظم خواهد داد و طراحی رسپانسیو را آسان خواهد کرد. از طرفی پر طرفدارترین فریمورک طراحی وب که قبلا آن را در مقایسه با سایر فریمورک ها در مقاله معرفی و مقایسه 10 فریمورک محبوب طراحی وب بررسی کرده ایم، Bootstrap است.

فایده استفاده از این طرح این است که با استفاده از آن طراحی انجام شده توسط شما حین توسعه کاملا ثابت و بدون تغییر خواهند بود و اندازه باکس ها و… تغییری نخواهد کرد. استفاده از این Grid به استاندارد شدن طرح شما کمک خواهد کرد.

هر کدام از ستون های موجود در طرح، نشان دهنده یک دوازدهم عرض Container هستند. باتوجه به نوع محتوای خود اندازه باکس ها را مطابق ستون ها تنظیم کنید. مثلا اگر قرار است سه باکس محتوا داشته باشید، هر کدام از باکس ها باید 4 ستون را اشغال کند.