آموزش متحرک کردن آیکان ها در Adobe XD

در این قسمت از آموزش طراحی UI/UX با Adobe Xd قصد دارم با استفاده از ویژگی جدید که به ایکس دی در سال 2021 به آن اضافه شده آیکان ها را متحرک کنیم و در واقع میکرو اینتراکشن های مختلفی را برای عناصری که با استفاده از قابلیت Border یا Stroke طراحی شده اند، ایجاد کنیم.

در واقع شما با استفاده از این ویژگی جدید می توانید آیکان های مختلف SVG که با روش Line یا Stroke طراحی شده اند را هم متحرک کنید و یا اینکه خودتان در ادوبی ایکس دی همانطور که در فیلم هم مشاهده می کنید با ابزار Pen شکل مورد نظر خود را طراحی و آن را متحرک کنید.

شما می توانید از این قابلیت برای عناصری که با روش Fill هم طراحی شده اند میکرو اینتراکشن طراحی کنید اما فقط برای قسمت Border آن قابل استفاده است.

محتوا پنهان

1 در آموزش متحرک کردن آیکان ها در Adobe XD چه چیزهایی یاد می گیریم؟

2 قسمت های دیگر آموزش Adobe Xd را در کجا ببینیم؟

3 طراحی رابط کاربری ( UI/UX ) را از صفر از کجا یاد بگیرم؟

4 نمونه کارهای طراحی رابط و تجربه کاربری ( UI/UX )

4.1 لینک آموزش ها و مقالات فارسی دیگر طراحی رابط کاربری ( UI/UX ) در وبلاگ من:

در آموزش متحرک کردن آیکان ها در Adobe XD چه چیزهایی یاد می گیریم؟

در واقع شما می توانید با استفاده از این قابلیت جدید هر چیزی که قابلیت دادن حاشیه / stroke یا boarder را داشته باشد متحرک کنید، در نتیجه در این فیلم به موارد زیر می پردازیم

طراحی یک UI نمونه برای تست این قابلیت جدید
تنظیم Border عناصر طراحی شده
تنظیم Prototype های مختلف برای انیمیت یا متحرک کردن Border ها
تست Prototype
و…

(برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید و در یوتیوب ویدیو را تماشا کنید)

آموزش متحرک کردن آیکان ها در طراحی UI/UX با Adobe XD

عضویت در کانال یوتوب من: Youtube

قسمت های دیگر آموزش Adobe Xd را در کجا ببینیم؟

شما می توانید تمام قسمت های آموزش Adobe Xd را در بخش آموزش Adobe Xd وبلاگ و یا اینکه در لیست پخش آن در یوتیوب ببینید.

همچنین در آخر همین پست تعدادی از لینک های مرتبط آموزش ادوبی ایکس دی نیز قرار داده شده است.

[newsletter-pack newsletter=’8661′]

طراحی رابط کاربری ( UI/UX ) را از صفر از کجا یاد بگیرم؟

شما می توانید با عضویت در کانال یوتیوب من آموزش های دیگر طراحی رابط و تجربه کاربری ( UI / UX ) را دنبال و یاد بگیرید.

عضویت در کانال آموزشی یوتیوب : Youtube.com/AsteriXarts

اگر سوالی در مورد طراحی رابط کاربری UI داشتید، می توانید در قسمت نظرات بپرسید تا به آن ها جواب دهم.

نمونه کارهای طراحی رابط و تجربه کاربری ( UI/UX )

3 تا از مهمترین منابع نمونه کارهای طراحی رابط کاربری یعنی دریبل، بیهنس و اینستاگرام هست که شما می توانید کارهای مختلف طراحی رابط و تجربه کاربری را ببینید و از آن ها برای استفاده در کارهای خود ایده بگیرید.

همچنین می توانید نمونه کارهای من را ببینید و من را در این شبکه ها دنبال کنید.

در صورتی که سوالی داشتید در قسمت نظرات بپرسید و حتما جواب خواهم داد.

عضویت در کانال آموزشی: Youtube.com/AsteriXarts

در صورتی که این ویدیو برای شما مفید بود, لطفا با دوستانتون در شبکه های اجتماعی به اشتراک بگذارید.