توضیحات ابزار
در این پست در مرجع UI و UX فارسی گرید 12 ستونی پیشفرض Bootstrap 4 را برای دانلود و استفاده در XD برایتان آماده کرده ایم. از مهمترین مبانی طراحی یک UI حرفه ای استفاده از Grid می باشد. گرید به محتوا نظم خواهد داد و طراحی رسپانسیو را آسان خواهد کرد. از طرفی پر طرفدارترین فریمورک طراحی وب که قبلا آن را در مقایسه با سایر فریمورک ها در مقاله معرفی و مقایسه 10 فریمورک محبوب طراحی وب بررسی کرده ایم، Bootstrap است.
فایده استفاده از این طرح این است که با استفاده از آن طراحی انجام شده توسط شما حین توسعه کاملا ثابت و بدون تغییر خواهند بود و اندازه باکس ها و… تغییری نخواهد کرد. استفاده از این Grid به استاندارد شدن طرح شما کمک خواهد کرد.
آموزش نحوه استفاده از این ابزار:
هر کدام از ستون های موجود در طرح، نشان دهنده یک دوازدهم عرض Container هستند. باتوجه به نوع محتوای خود اندازه باکس ها را مطابق ستون ها تنظیم کنید. مثلا اگر قرار است سه باکس محتوا داشته باشید، هر کدام از باکس ها باید 4 ستون را اشغال کند.
رمز تمامی فایل های موجود در وبسایت مرجع رابط و تجربه کاربری ایران، www.ui-ux.org می باشد.
moreدوره های مرتبط
مجموعه آیکون فروشگاهی برای طراحی UI
این مجموعه آیکون فروشگاهی شامل 64 آیکون بسیار زیبای سبک خطی (Lineal) می باشد که با 4 فرمت مختلف قابل دانلود، و برای طراحی UI فروشگاهی بسیار مناسب است.
دانلود وایرفریم iOS
در این پست از مرجع آموزش UI و UX فارسی با دانلود وایرفریم سیستم عامل iOS در خدمت شما هستیم.این وایرفریم با فرمت های XD، Sketch و PSD در دسترس می باشد و بنابراین در تمامی نرم افزارهای طراحی UI برای شما کارایی خواهد داشت.
دانلود Font Awesome Pro 5.7.2
همانطور که می دانید Font Awesome پرطرفدارترین فونت آیکون موجود در دنیای طراحی وب می باشد که دارای دو نسخه رایگان و پولی (Premium) می باشد. که نسخه پولی آن دارای تعداد آیکونهای بسیار بیشتری و در سبک های مختلف می باشد و قیمت نمونه پرو 99 دلار در سال می باشد. آخرین نسخه Font awesome Pro را می توانید از این صفحه به صورت کاملا رایگان دانلود کنید.
chat_bubble_outlineنظرات
قوانین ثبت دیدگاه
- تنها دیدگاههای فارسی ،غیرتکراری و مرتبط به محتوا تایید خواهند.
- برای نظر دادن یا پرسش سوال، نیازی نیست دوره را خریده باشید.
- امتیاز دادن به محتوا فقط مخصوص افرادی است که آن را خریداری یا دریافت کرده اند.
- با نهایت احترام،تمامی سعی خود را در انتشار نظرات شما خواهیم داشت.
رایگان!
مرجع UIوUX فارسی
تیم تولید محتواناشر جدیدترین و معتبرترین منابع حوزه طراحی و توسعه UI و UX به زبان فارسی
کتاب رابط کاربری خوب
Abolhassan
ممنون از اینکه این گرید گذاشتین
واقعا به کار من اومد و نظم خوبی به طرحم داد