آموزش Adobe Xd از صفر در 20 دقیقه با مثال کاربردی

در این قسمت Adobe Xd قصد دارم طراحی UI/UX را با یک مثال کاربردی از طراحی اپلیکیشن سفارش غذا در 20 دقیقه به شما آموزش دهم.

در این آموزش از صفر و با دانلود و ثبت نام در فیگما شروع می کنیم و در ادامه صفحه ورود یا Login و صفحه اصلی اپلیکیشن سفارش غذا را طراحی میکنم و در همین حین نحوه استفاده از Adobe Xd را به شما آموزش می دهم.
از جمله مواردی که در این فیلم به آن می پردازم:

ساخت فریم یا آرتبورد در Adobe Xd
طراحی UI صفحه ورود یا Login که شامل طراحی دکمه ، سایه ، فیلد های ورودی ، تغییر رنگ و …
طراحی صفحه اصلی و استفاده از چیدمان عناصر در صفحه
و…

محتوا پنهان

1 در آموزش Adobe Xd از صفر در 20 دقیقه با مثال کاربردی چه چیزهایی یاد می گیریم؟

2 آموزش Adobe Xd از صفر در 20 دقیقه با مثال کاربردی

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

4 چطور در دوره های آموزشی طراحی شما ثبت نام کنیم؟

5 گروه تلگرام برای بحث و تبادل نظر در حوزه دیزاین رابط و تجربه کاربری

6 کانال تلگرام برای معرفی کتاب ها و نکات کاربردی و آموزش های مختلف

7 آموزش های اختصاصی طراحی در اینستاگرام

8 خبرنامه هفتگی دیزاین شامل مقالات، آموزش ها و منابع کمکی طراحی

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

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

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

در آموزش Adobe Xd از صفر در 20 دقیقه با مثال کاربردی چه چیزهایی یاد می گیریم؟

محتوای کلیدی آموزش ادوبی ایکس دی در 20 دقیقه:

00:34 | توضیحات در مورد مثال کاربردی اپلیکیشن سفارش غذا
02:20 | ساخت آرتبورد در ادوبی ایکس دی
02:33 | نحوه کپی سریع آرتبورد در Adobe Xd
03:10 | شروع طراحی صفحه لاگین در ادوبی ایکس دی
03:34 | گرد کردن گوشه های شکل ها در Adobe Xd
04:50 | ساخت دکمه با ابزار متن در ادوبی ایکس دی
06:50 | اضافه کردن رنگ به رنگ های پرکاربرد در Adobe Xd
11:14 | شروع طراحی سفارش غذا در ادوبی ایکس دی
16:40 | سایه دادن به شکل ها در Adobe Xd
17:10 | برش و ماسک تصاویر در ادوبی ایکس دی
19:07 | تغییر و معکوس کردن سریع آیکان ها در Adobe Xd

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

آموزش Adobe Xd از صفر در 20 دقیقه با مثال کاربردی

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

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

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

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

چطور در دوره های آموزشی طراحی شما ثبت نام کنیم؟

از جمله این دوره ها که در حال ضبط و آماده سازی است می توان به

آموزش طراحی رابط کاربری – UI Design
آموزش طراحی تجربه کاربری – UX Design
آموزش صفحه آرایی کتاب، مجله و روزنامه با ایندیزاین
آموزش طراحی گرافیک با فتوشاپ

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

کسانی که قبل از انتشار دوره ها ایمیل خودشان را ثبت می کنند، از امتیاز هایی برخوردار می شوند.

ثبت نام در دوره های آموزشی طراحی UI/UX از AsteriXarts

گروه تلگرام برای بحث و تبادل نظر در حوزه دیزاین رابط و تجربه کاربری

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

عضویت در گروه تلگرام UIXFamily

کانال تلگرام برای معرفی کتاب ها و نکات کاربردی و آموزش های مختلف

شما می توانید با عضویت در کانال تلگرامی AsteriXarts به محتوای تخصصی در حوزه دیزاین و به خصوص UI/UX دسترسی داشته باشید. برای عضویت بر روی لینک زیر کلیک کنید:

عضویت در کانال تلگرام AsteriXarts

آموزش های اختصاصی طراحی در اینستاگرام

همچنین شما می توانید با دنبال کردن کانال AsteriXarts در اینستاگرام، به محتوا تخصصی در حوزه دیزاین، بیزینس، فریلنسینگ و … دسترسی داشته باشید. برای دنبال کردن کانال بر روی لینک زیر کلیک کنید:

دنبال کردن AsteriXarts در اینستاگرام

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

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

عضویت در خبرنامه هفتگی دیزاین Dexigner News

[newsletter-pack newsletter=’8661′]

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

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

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

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

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

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

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

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

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

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

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

نظر شما در مورد آموزش Adobe Xd از صفر در 20 دقیقه با مثال کاربردی چیست؟ در بخش نظرات برای ما بنویسید که به چه موضوعی بیشتر در طراحی و دیزاین علاقه دارید تا بیشتر در مورد آن محتوای آموزشی تولید شود.