جستجو برای:
سبد خرید 0
  • صفحه اصلی
  • دوره ها
    • حساب کاربری
    • سبد خرید
  • مقالات
 

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت
  • 09357387480
  • uiuxfarsi@gmail.com
perm_identity
سبد خرید 0
  • صفحه اصلی
  • محصولات
  • مقالات
0
مرجع آموزش UI و UX فارسی
  • صفحه اصلی
  • دوره های آموزشی جامع
  • ویدیو ها
  • سورس و پروژه آماده
  • ابزار طراحی
  • کتاب
  • مقالات
ورود یا ثبت نام

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

خانهابزار طراحیدانلود گرید Bootstrap برای XD
دانلود گرید Bootstrap برای XD
قیمت :

رایگان!

امتیاز
0 از 0 رأی
بدون امتیاز 0 رای
رایگان!
ویژگی های محصول
تعداد خرید / دانلود : 605
نرم افزار: Adobe XD
حجم فایل: XD
450 کیلوبایت

 

 

حالت مطالعه

توضیحات ابزار

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

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

آموزش نحوه استفاده از این ابزار:

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

رمز تمامی فایل های موجود در وبسایت مرجع رابط و تجربه کاربری ایران، www.ui-ux.org می باشد.

0/5 (0 Reviews)
برچسب: Bootstrap xd

moreدوره های مرتبط

گرید Bootstrap با فرمت PSD

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

در این پست با دانلود گرید محبوب ترین فریمورک طراحی وب یعنی Bootstrap با فرمت PSD در سایزهای مختلف برای نرم افزار Adobe Photoshop در خدمت شما هستیم.

417
رایگان!
بوم ارزش پیشنهادی

دانلود بوم ارزش پیشنهادی(Value Proposition) – قابل پرینت

بوم ارزش پیشنهادی از ابزارهای UX می باشد که به بررسی انطباق محصول یا خدمات با نیازها و ارزش های مورد نیاز مشتری در فرایند طراحی محصول می پردازد.

471
رایگان!
دانلود نقشه همدلی empathy map

دانلود نقشه همدلی (UX Empathy Map)

نقشه همدلی یا empathy map از ابزارهای UX برای سازماندهی اطلاعات دریافتی در مصاحبه های کاربری می باشد که می توانید آن را با فرمت PDF دانلود کنید.

556
رایگان!

chat_bubble_outlineنظرات

  • Avatar
    Abolhassan
    2020/12/12
    پاسخ

    ممنون از اینکه این گرید گذاشتین
    واقعا به کار من اومد و نظم خوبی به طرحم داد

قوانین ثبت دیدگاه

  • تنها دیدگاههای فارسی ،غیرتکراری و مرتبط به محتوا تایید خواهند.
  • برای نظر دادن یا پرسش سوال، نیازی نیست دوره را خریده باشید.
  • امتیاز دادن به محتوا فقط مخصوص افرادی است که آن را خریداری یا دریافت کرده اند.
  • با نهایت احترام،تمامی سعی خود را در انتشار نظرات شما خواهیم داشت.

لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد.

قیمت :

رایگان!

افزودن به علاقه مندی
امتیاز
0 از 0 رأی
بدون امتیاز 0 رای
رایگان!
تعداد خرید / دانلود : 605
نرم افزار: Adobe XD
فرمت: XD
450 کیلوبایت
مرجع UIوUX فارسی
مرجع UIوUX فارسی
تیم تولید محتوا

ناشر جدیدترین و معتبرترین منابع حوزه طراحی و توسعه UI و UX به زبان فارسی

دسته: ابزار طراحی
کتاب رابط کاربری خوب

goodui فارسی

آموزش ui ux

  • location_on
    خراسان جنوبی، بیرجند ،خیابان امام موسی صدر، پارک علم و فناوری
  • phone_android
    09357387480
  • perm_phone_msg
    uiuxfarsii
  • email
    uiuxfarsi@gmail.com
دسترسی سریع
  • صفحه اصلی
  • دانلود فایل
  • دوره های آموزشی
  • مقالات
  • پروژه آماده
  • سورس کد
  • ابزار طراحی
  • کتاب
  • سبد خرید
  • حساب کاربری
درباره مرجع UI و UX

پس از پررنگ شدن مباحث رابط و تجربه کاربری در دنیای IT ، نیاز به یک مرجع تخصصی آموزش و تسهیلگر بیشتر احساس شد. پس برآن شدیم به عنوان اولین مرجع UI و UX فارسی فعالیتمان را شروع کنیم و سعی داریم با کمک شما بهترین و باکیفیت ترین دوره های آموزشی و ابزارها را در اختیار شما همراهان عزیز قرار دهیم.

تولید محتوا و پشتیبانی توسط تیم مرجع UI و UX فارسی
keyboard_arrow_up