حسین جعفرنژاد
حسین جعفرنژاد
خواندن ۱ دقیقه·۶ سال پیش

آموزش نرم افزار Adobe XD

طرح نهایی
طرح نهایی

ارائه درس طراحی وب - استاد ابریشمی

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

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

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

استفاده از پروتوتایپ در شروع کار باعث صرف زمان و کند شدن روند پیاده سازی برنامه میشه ولی بعد از مدتی بدلیل شفاف شدن ارتباطات اجزای مختلف برنامه، باعث افزایش سرعت روند پیاده سازی برنامه میشه.

به دو صورت میشه پروتوتایپ رو طراحی کرد: 1- طراحی روی کاغذ 2- دیجیتالی

نرم افزار های مختلفی برای طراحی پروتوتایپ وجود داره. برای طراحی از نوع Wireframe بهتون نرم افزار balsamiq و برای طراحی به صورت گرافیکی که قابلیت تعامل با کاربر رو دارن، نرم افزار Adobe XD رو پیشنهاد میکنم.

نرم افزار Adobe XD نسبت به سایر اپلیکیشن هایی که برای طراحی پروتوتایپ تولید شدن ویژگی هایی داره که این نرم افزار از سایر نرم افزارها متمایز میکنه. ویژگی هایی مثل:

  • تعامل بین کاربر و طرح با استفاده از رویداد های ماوس
  • ایجاد انیمیشن های مختلف بر روی المنت ها
  • طراحی برای پلتفرم های مختلف (موبایل، وب، ساعت هوشمند...)
  • پیاده سازی طرح برای سایز های مختلف
  • اجرای بصری و تعاملی طرح برای درک بهتر طرح

در ویدیویی که در زیر قرار داده شده تمام موارد بالا به صورت پروژه محور توضیح داده میشه.

https://www.aparat.com/v/N1TGO



آموزشیadobe xdپروتوتایپطراحیارائه
شاید از این پست‌ها خوشتان بیاید