با سلام به دوستان و علاقمندان به آموزش طراحی Ui و آموزش Adobe Xd. با ارائه ی یک دوره ی آموزشی جدید از نرم افزار Adobe Xd در خدمتتون خواهیم بود.
نرم افزار XD یک بستر برای طراحی Ui میباشد که علاقه مندان به طراحی رابط کاربری اپلیکشن های موبایل یا صفحات وب میتونند ازش استفاده کنند.
نرم افزار ایکس دی که چند سالی هست توسط شرکت Adobe وارد بازار شده توانسته کاربران بسیاری را جز مخاطبان خود قرار دهند.
شما خیلی راحت و با امکانات جالبی که نرم افزار در اختیارتون قرار میده میتونید با کیفیت بهتری پروژه ی خود را به مشتری تحویل دهید.
امیدوارم که شروع خوبی را با نرم افزار داشته باشید و بتونید از این پس حرفه ای تر به کار خود ادامه دهید. یکی از قابلیت های این نرم افزار را میتوان بخش مربوط به ارتباط صفحات دانست که در سری آموزش های ایکس دی به آن پرداخته میشود.
آموزش فارسی Adobe Xd (هشت قسمت)
قسمت اول معرفی نرم افزار:
در بخش اول دوره ی نرم افزار ایکس دی قرار هست به معرفی نرم افزار بپردازیم و محیط کاربری Xd را بررسی کنیم که محیط بسیار جالب و ساده را دارد که شما به عنوان یک کاربر تازه وارد خیلی راحت میتونید باهاش ارتباط برقرار کنید.
برای مشاهده و دانلود قسمت اول اینجا کلیک کنید.
قسمت دوم معرفی ابزار:
از اولین بخش های مهم این نرم افزار میتوان به ابزار های ترسیم اشاره کرد که وظیفه ی ترسیم صفحات ما را دارندکه دراین آموزش Adobe Xd به آن پرداخته میشود.
در بخش دوم آموزش Xd به ابزار های نرم افزار میپردازیم. با وجود تعداد کم ابزار هایی که نرم افزار دارد نیاز شما برای طراحی صفحات را برطرف میکند.
از ابزار های ترسیم شکل تا ابزار Pen که وظیفه ی ترسیم خطی را بر عهده دار . و سایر ابزار های آماده که باز میتوان در طراحی از آن ها استفاه کرد.
برای مشاهده و دانلود قسمت دوم اینجا کلیک کنید.
قسمت سوم کنترل لایه ها:
در بخش سوم آموزش فارسی ادوب Xd قرار هست به پنل مدیریت و ویرایش لابه ها بپردازیم. تقریبا سعی میکنیم تمامی ابزار های ترسیم را بررسی کنیم. که قابل گفتن هست که تقریبا ابزار ها همه شبیه هم هستن و شما میتونید با کمی کار کردن باهاشون بهشون تسلط پیدا کنید.امیدوارم این آموزش فارسی ادوب Xd را کامل و با دقت ببنید و با کمی تمرین خودتون بتونید شروع به طراحی کنید.
برای مشاهده و دانلود قسمت سوم اینجا کلیک کنید.
قسمت چهارم طراحی UI اینستاگرام بخش ۱:
پس آشنایی با ابزار و روش کار با آن لازم است. در قسمت های قبل آموزش فارسی Adobe Xd به معرفی نرم افزار پرداختیم. اما همانطور که قول داده بودیم در قسمت چهارم آموزش ادوب Xd به سراغ کار بر روی یک پروژه می رویم. در این قسمت طراحی UI اپلیکیشن اینستاگرام را خواهیم دید که روند طراحی آن به چه صورت است.
باکمی دقت و تمرین بیشتر می توانید UI اپ های دیگر را خودتان طراحی کنید.
برای مشاهده و دانلود قسمت چهارم اینجا کلیک کنید.
قسمت پنجم ادامه طراحی UI اینستاگرام بخش ۲:
در قسمت قبل آموزش Xd طراحی UI اینستاگرام را شروع کردیم. در قسمت پنجم هم به ادامه ی کار برروی همین پروژه و طراحی UI اپلیکیشن اینستاگرام می پردازیم. و سایر قسمت های باقیمانده را اضافه می کنیم. در این بخش، طراحی صفحه اصلی اینستاگرام تکمیل خواهد شد.
امیدوارم که از این قسمت آموزش هم رضایت داشته باشید. حتما موارد گفته شده را تمرین کنید.
برای مشاهده و دانلود قسمت پنجم اینجا کلیک کنید.
قسمت ششم ادامه طراحی UI اینستاگرام بخش ۳:
در قسمت ششم از آموزش فارسی Adobe Xd نیز، به ادامه ی طراحی صفحه اصلی اینستاگرام می پردازیم. و صفحه ی اصلی تکمیل خواهد شد. در این قسمت خواهیم دید که چگونه قسمت های head و منوی پایین صفحه اینستاگرام را ثابت کنیم.
علاوه بر این در قسمت ششم آموزش نیز، طراحی بخش جستجو ی صفحه اینستاگرام را نیز انجام خواهیم داد.
برای مشاهده و دانلود قسمت ششم اینجا کلیک کنید.
قسمت هفتم ادامه طراحی UI اینستاگرام بخش ۴:
در قسمت هفتم نیز، به ادامه ی طراحی صفحه اصلی اینستاگرام می پردازیم. و بخش پروفایل را تکمیل خواهد شد. در این قسمت خواهیم دید که چگونه قسمت های مختلف بخش گاربری و پرو فایل را طراحی می کنیم.
علاوه بر این در قسمت هفتم آموزش نیز، قسمت آواتار ریال بخش پست ها را نیز انجام خواهیم داد.
برای مشاهده و دانلود قسمت هفتم اینجا کلیک کنید.
قسمت هشتم (آخر) اتصال صفحات:
در بخش آخر از این دوره آموزش، می خواهیم به بررسی سه موضوع مهم بپردازیم. امروز به شما خواهیم گفتم که نصب و اجرای پلاگین ها، پروتوتایپ و اکسپورت در Xd به چه صورت خواهد بود.
بحث اول پلاگین می باشد که خیلی پیچیده و سخت نیست. سپس به قسمت پروتوتایپ می رسیم و اتصال صفحات را انجام می دهیم.
و در قسمت بعدی هم به موضوع اکسپورت گرفتن در Xd برای ios، افترافکت و … می پردازیم.
برای مشاهده و دانلود قسمت هشتم اینجا کلیک کنید.
راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام مدرسه گرافیک پلاس عضو شوید.
سلام. خدا قوت
ممنون از این آموزش. به مانند همیشه پر از محتوا و بسیار عالی
سپاس
با سلام
این نرم فزار خروجی html نمیده؟
درود خیر
از اینکه اینقد سریع مطلب رو ارایه میدید خیلی خووووووبه
سلام چطور میشه کل 8 دوره اموزشadobe xd رو یکجا دانلود کرد؟
سلام. کل هشت قسمت در همین مطلب گذاشته شده است.موفق باشید
سلام بعد از تکمیل این پروژه ها برای تبدیل کارهامون به یک برنامه اندروید باید چه مراحلی طی کنیم
درود در اینستاگرام پاسخ داده شد
سلام. ممنون از محتوای خوبی که تولید کردین
پلاگین ها برای من لود نمیشن که بتونم نصب کنم ممکنه بفرمایید شما برای رفع این مشکل از چی استفاده می کنید
ممنون
درود به شما مورد اصلی فیلتر بودن هست باید روی تنظمات ای پی کار کنید