دانلود گرید Bootstrap با فرمت PSD

قبلا در مرجع آموزش UI و UX فارسی گرید فریمورک محبوب Bootstrap را برای نرم افزار Adobe XD (دانلود گرید Bootstrap برای XD) معرفی کرده بودیم. در این پست قصد داریم قالب Grid محبوبترین فریمورک طراحی وب یعنی بوت استرپ را برای نرم افزار Photoshop و با فرمت PSD به صورت کاملا رایگان در خدمت شما قرار دهیم.

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

شایان ذکر است این نسخه، با آخرین نسخه از فریمورک Bootstrap 4 سازگار می باشد.

چرا از بوت استرپ برای طراحی استفاده کنید؟

هسته بوت استرپ از Html , CSS و JS تشکیل شده است. بوت استرپ از طراحی واکنش گرا به خوبی پشتیبانی می کند و به شما این امکان را می دهد که طراحی خود را همزمان برای سایزهای مختلف انجام دهید. Bootstrap دنیایی از امکانات و قابلیت های مختلف است و تقریبا تمام امکانات و ویژگی هایی که برای طراحی یک وبسایت نیازمندید را در خود جای داده است (مانند انواع منوها ، فرم ها،کروژل،کارت ها،دکمه ها و…). شما می توانید تنها با ترکیب کردن المان های مختلف بوت استرپ قالب مورد نظر خود را بدون حتی یک خط کد اضافی طراحی کنید. علاوه بر همه این موارد Bootstrap فریمورک مورد علاقه عموم توسعه دهندگان وب است و در جامعه ایرانی هم به دلیل قابلیت های توسعه فراوان، تقریبا در عموم پروژه ها از این فریمورک استفاده می شود بنابراین بهتر است طراحی های خود را بر پایه این فریمورک انجام دهید.

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