رایگان!
ویژگی های محصول
توضیحات ابزار
قبلا در مرجع آموزش UI و UX فارسی گرید فریمورک محبوب Bootstrap را برای نرم افزار Adobe XD (دانلود گرید Bootstrap برای XD) معرفی کرده بودیم. در این پست قصد داریم قالب Grid محبوبترین فریمورک طراحی وب یعنی بوت استرپ را برای نرم افزار Photoshop و با فرمت PSD به صورت کاملا رایگان در خدمت شما قرار دهیم.
فایده استفاده از این طرح این است که با استفاده از آن طراحی انجام شده توسط شما حین توسعه کاملا ثابت و بدون تغییر خواهند بود و اندازه باکس ها و… تغییری نخواهد کرد. استفاده از این Grid به استاندارد شدن طرح شما کمک خواهد کرد. این گرید Bootstrap با فرمت PSD و برای سایزهای مختلف تهیه شده است و برای استفاده در تمامی نسخه های فتوشاپ بهینه می باشد.
شایان ذکر است این نسخه، با آخرین نسخه از فریمورک Bootstrap 4 سازگار می باشد.
چرا از بوت استرپ برای طراحی استفاده کنید؟
هسته بوت استرپ از Html , CSS و JS تشکیل شده است. بوت استرپ از طراحی واکنش گرا به خوبی پشتیبانی می کند و به شما این امکان را می دهد که طراحی خود را همزمان برای سایزهای مختلف انجام دهید. Bootstrap دنیایی از امکانات و قابلیت های مختلف است و تقریبا تمام امکانات و ویژگی هایی که برای طراحی یک وبسایت نیازمندید را در خود جای داده است (مانند انواع منوها ، فرم ها،کروژل،کارت ها،دکمه ها و…). شما می توانید تنها با ترکیب کردن المان های مختلف بوت استرپ قالب مورد نظر خود را بدون حتی یک خط کد اضافی طراحی کنید. علاوه بر همه این موارد Bootstrap فریمورک مورد علاقه عموم توسعه دهندگان وب است و در جامعه ایرانی هم به دلیل قابلیت های توسعه فراوان، تقریبا در عموم پروژه ها از این فریمورک استفاده می شود بنابراین بهتر است طراحی های خود را بر پایه این فریمورک انجام دهید.
آموزش نحوه استفاده از این ابزار:
هر کدام از ستون های موجود در طرح، نشان دهنده یک دوازدهم عرض Container هستند. باتوجه به نوع محتوای خود اندازه باکس ها را مطابق ستون ها تنظیم کنید. مثلا اگر قرار است سه باکس محتوا داشته باشید، هر کدام از باکس ها باید 4 ستون را اشغال کند.
moreدوره های مرتبط
دانلود فونت لاله زار
فونت لاله زار یکی از فونت های رایگان فارسی می باشد که برای استفاده در قسمت هایی مانند تیترها و عناوین در رابط کاربری، مناسب است و جلوه زیبایی دارد.
دانلود پرسونای کاربر (قابل پرینت)
از مهمترین و پرکاربردترین مراحل طراحی تجربه کاربری ساخت پرسوناست. فایل پرسونای آماده ما را دانلود کنید و در مراحل طراحی UX از آن استفاده کنید.
دانلود مجموعه گرادینت های جذاب برای طراحی UI
امروز با مجموعه 7 گرادینت مناسب برای طراحی UI در خدمتتان هستیم.این گرادینت ها برای اولین بار تویط تیم مرجع UI و UX فارسی تبدیل به Preset شده اند. رنگ بندی این گرادینت ها در کنار یکدیگر بسیار جذاب می باشد و می توانید از آنها در طراحی دکمه ها ، باکس های اعلان، هدر بخش های مختلف و… استفاده کنید.
chat_bubble_outlineنظرات
مرجع UIوUX فارسی
تیم تولید محتواناشر جدیدترین و معتبرترین منابع حوزه طراحی و توسعه UI و UX به زبان فارسی
قوانین ثبت دیدگاه