آموزش Adobe Xd Animation - راهنمای کامل از نمادها به رابط کاربری

Adobe Xd Animation - Complete Guide From Icons To UI

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

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

.

نمایش طراحی متحرک به مشتریان خود به آنها کمک می کند تا آن را بهتر درک کنند و روند را به طور چشمگیری سرعت بخشد.

.

متحرک سازی در Adobe Xd ساده است زیرا برنامه رایگان است، یادگیری آن آسان است و همه در یک ابزار هستند.

.

سلام نام من الکس است و در این دوره یاد خواهید گرفت:


* تفاوت بین انیمیشن های UI
* نحوه متحرک سازی نمادها، دکمه ها، فرم ها، متن، لغزنده ها، نمودارها، جلوه ها و موارد دیگر
* سپس این دانش را برای برنامه ریزی، ترسیم و ایجاد وایرفریم به کار ببرید
* برای ایجاد طرح، تصاویر، نمادها و سایه ها را اضافه کنید
* از تکنیک هایی که برای ایجاد نمونه های اولیه یاد گرفته اید استفاده کنید
* برای دریافت بازخورد کار را با مشتری خود به اشتراک بگذارید
* و در نهایت چگونه دارایی های خود را برای توسعه دهندگان صادر کنید

.

این دوره برای همه است، خواه تازه شروع کرده باشید یا حرفه ای باشید و به دنبال نکات اضافی در Adobe Xd هستید

.

امیدوارم آماده یادگیری Adobe Xd و ویژگی‌های انیمیشن فوق‌العاده‌ای باشید که ارائه می‌دهد، و من شما را در کلاس می‌بینم.

.

روز خلاقانه ای داشته باشید!

الکساندر

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

.

یا، می‌توانید هر انیمیشنی را که در دوره مشاهده می‌کنید با استفاده از همان عناصری که من ساختم ایجاد کنید، یا حتی بهتر است، انیمیشن خود را بگنجانید، آن را ذخیره کنید و در کلاس آپلود کنید  من دوست دارم ببینم چه چیزی طراحی کرده‌اید!

.

روز خلاقانه ای داشته باشید!

الکساندر 


سرفصل ها و درس ها

درس ها Lessons

  • نماد 6 Icon 6

  • فایل Xd را تشکیل می دهد Forms Xd File

  • نماد 7 Icon 7

  • دکمه 8 Button 8

  • صادرات دارایی Exporting Assets

  • نمودار 2 Chart 2

  • متن 6 Text 6

  • لغزنده ارزش Value Slider

  • طراحی Sketching

  • نمونه سازی 8 Prototyping 8

  • نمونه سازی 2 Prototyping 2

  • ایجاد طراحی 4 Creating Design 4

  • فرم 2 Form 2

  • کانال یوتیوب برای مطالب بیشتر YouTube Channel For More Content

  • دکمه 5 Button 5

  • ایجاد وایرفریم 4 Creating Wireframes 4

  • دکمه 2 Button 2

  • معرفی کلاس Class Introduction

  • فرم 5 Form 5

  • دکمه 4 Button 4

  • فرم 4 Form 4

  • ایجاد طراحی 1 Creating Design 1

  • انیمیشن های UI مختلف Different UI Animations

  • نماد 3 Icon 3

  • پیوندها و منابع Links And Resources

  • نمودار 4 Chart 4

  • ویژگی های نمونه سازی Adobe Xd Adobe Xd's Prototyping Features

  • ایجاد وایرفریم 6 Creating Wireframes 6

  • دکمه 3 Button 3

  • نماد 10 Icon 10

  • وضعیت اجزای به روز رسانی Adobe Xd Adobe Xd Update Component States

  • ایجاد وایرفریم 7 Creating Wireframes 7

  • متن 2 Text 2

  • نمونه سازی 4 Prototyping 4

  • نماد 2 Icon 2

  • دکمه 1 Button 1

  • اسلایدر تصویر 2 Image Slider 2

  • اسلایدر تصویر 1 Image Slider 1

  • نماد 1 Icon 1

  • فایل افکت Xd Effects Xd File

  • نمونه سازی 7 Prototyping 7

  • متن فایل Xd Text Xd File

  • فرم 8 Form 8

  • نماد 4 Icon 4

  • نمودار 3 Chart 3

  • اسلایدر تصویر 6 Image Slider 6

  • متن 5 Text 5

  • نمونه سازی 6 Prototyping 6

  • فرم 1 Form 1

  • جستجو کردن Search

  • Adobe Xd Update Component Animation Adobe Xd Update Component Animation

  • ایجاد وایرفریم 1 Creating Wireframes 1

  • ایجاد وایرفریم 3 Creating Wireframes 3

  • لغزنده ارزش Value Slider

  • اسلایدر تصویر 3 Image Slider 3

  • نمودار 1 Chart 1

  • دکمه 10 Button 10

  • فرم 9 Form 9

  • نمونه سازی 5 Prototyping 5

  • فرم 10 Form 10

  • متن 4 Text 4

  • اجزای به روز رسانی Adobe Xd Adobe Xd Update Components

  • فایل Icons Xd Icons Xd File

  • ایجاد طراحی 3 Creating Design 3

  • پنجره بازشو Popup

  • نتیجه Conclusion

  • چرا ما متحرک می شویم Why do we animate

  • دکمه 9 Button 9

  • منوی جانبی Side Menu

  • ایجاد وایرفریم 2 Creating Wireframes 2

  • خلاصه طراحی Design Brief

  • معرفی کلاس Class Intro

  • نمونه سازی 3 Prototyping 3

  • فرم 7 Form 7

  • اسلایدر تصویر 5 Image Slider 5

  • دکمه 7 Button 7

  • نمونه سازی 1 Prototyping 1

  • متن 8 Text 8

  • ایجاد طراحی 2 Creating Design 2

  • فایل Xd دیگران Others Xd File

  • اختلاف منظر Parallax

  • به گروه فیسبوک رایگان من بپیوندید Join My Free Facebook Group

  • نمودار 5 Chart 5

  • اسلایدرهای تصویر فایل Xd Image Sliders Xd File

  • نماد 5 Icon 5

  • لودر Loader

  • نمودارها فایل Xd Charts Xd File

  • متن 3 Text 3

  • نماد 8 Icon 8

  • اسکرول مقاله Article Scroll

  • ایجاد وایرفریم 5 Creating Wireframes 5

  • دکمه ها فایل Xd Buttons Xd File

  • نوار برگه Tab Bar

  • اشتراک گذاری با مشتری Sharing With Client

  • متن 7 Text 7

  • نماد 9 Icon 9

  • تلنگر کارت Card Flip

  • فرم 6 Form 6

  • برنامه ریزی پروژه Project Planning

  • راهنمای ایجاد سبک Creating Style Guide

  • فرم 3 Form 3

  • اسلایدر تصویر 4 Image Slider 4

  • بزرگنمایی تصویر Enlarge Image

  • دکمه 6 Button 6

  • ایجاد وایرفریم 8 Creating Wireframes 8

  • متن 1 Text 1

نمایش نظرات

آموزش Adobe Xd Animation - راهنمای کامل از نمادها به رابط کاربری
جزییات دوره
11h 37m
106
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
826
4 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Aleksandar Cucukovic Aleksandar Cucukovic

طراح UI/UX