اگر با سرچ کردن کلماتی مثل طراحی رابط کاربری با فتوشاپ،کیت های رابط کاربری UI kit، کیت فارسی ،آموزش نرم افزار ادوب ایکس دیAdobe XD، paper prototype ، نرم افزار ساخت پروتوتایپ و… وارد این صفحه شدید یا دوست دارید از اول مطالب این دوره آموزشی را دنبال کنید، پیشنهاد می کنم اینجا کلیک کنید تا سرفصل ها را به صورت کامل مشاهده کنید و تصمیم بگیرید که آیا این دوره مناسب شما است یا نه.
در بخش اول این دوره با هرآنچه که باید درباره رابط کاربری و طراحی تجربه کاربری بدانیم آشنا شدیم:
بخش اول دوره جامع آموزش UI و UX – آنچه که باید بدانید
در بخش دوم یاد گرفتیم چگونه برای طراحی تجربه کاربری آماده شویم:
بخش دوم دوره جامع آموزش UI و UX – مقدمه
در بخش سوم هم شناخت کاربر یا کاربرپژوهی را بررسی کردیم:
بخش سوم دوره جامع آموزش UI و UX – شناخت کاربر یا کاربرپژوهی
در بخش چهارم روانشناسی تخصصی در طراحی UI و UX را به شما آموزش دادیم:
بخش چهارم دوره جامع آموزش UI و UX – روانشناسی تخصصی در طراحی UI و UX
در بخش پنجم دانش و علم طراحی را بررسی کردیم:
بخش پنجم دوره جامع آموزش UI و UX – دانش و علم طراحی
در بخش ششم نیز مبانی تایپ و کارکرد آن را آموزش دادیم:
بخش ششم دوره جامع آموزش UI و UX – مبانی تایپ و کارکرد آن
در بخش هفتم نیز طراحی رابط کاربری با فتوشاپ را آموزش دادیم:
بخش هفتم دوره جامع آموزش UI و UX – طراحی رابط کاربری با فتوشاپ
در بخش هشتم نیز ساخت پروتوتایپ های کاغذی را آموزش دادیم:
بخش هشتم دوره جامع آموزش UI و UX – ساخت پروتوتایپ های کاغذی
آموزش UI و UX – طراحی رابط کاربری و پروتوتایپ با نرم افزار Adobe XD
توی این جلسه قصد داریم چگونگی کار با نرمافزار Adobe XD را آموزش داده و تمرینهایی را برای کسب مهارت بیشتر در این نرمافزار انجام دهیم. امروزه اگر کسی کار با نرمافزار ادوب ایکس دی را بلد نباشد، هرگز نمیتواند نرمافزارهای خوبی طراحی کند. چه وبسایت، چه اپلیکیشن.
در این دوره آموزشی کاملاً پروژه محور بوده و به شما عزیزان کمک میکند بهصورت واقعی در محیط خلق یک رابط کاربری قرار بگیرید و از صفرتا صد شروع به ساخت رابط کاربری وبسایت و اپلیکیشن تلفنهای همراه شوید.
اگر بخواهیم نگاهی به سرفصلهای این دوره داشته باشیم، در فصل اول با پروژه فوتوگرافیا شروع به ساخت یک وبسایت گالری تصویر خواهیم کرد. در طول ساخت این پروژه شما با کلیات طراحی در ادوب ایکس دی آشنا خواهید شد.
در ادامه به این مبحث خواهیم پرداخت که چگونه پروژههایی را که با نرمافزار فتوشاپ مدیریت میکردیم از این به بعد به نرمافزار Adobe XD منتقل کنیم و پروژههای خودمان را در این نرمافزار مدیریت کنیم. همچنین با چند فوت کوزهگری در محیط این نرمافزار آشنا خواهیم شد.
اگر هرم کیفیت ارتباط محصول با کاربر را یادتان باشد، کار با نرمافزار ادوب ایکس دی لذتبخش است. این نرمافزار نهتنها کاملاً کاربردی است، بلکه آنقدر ساده، سریع، و راحت است که کار با آن لذتبخش خواهد بود.
در بخش اول در رابطه با کلیات کاربر نرمافزار ادوب ایکس دی و شروع طراحی صحبت خواهیم کرد همچنین پروژه fOTOgRAFIA که یک گالری تصویر تحت وب است را طراحی میکنیم.
در دومین بخش شروع به ایجاد پروتوتایپ در قالب پروژه پیدا کردن اماکن گردشگری خواهیم کرد. از طراحی ظاهر اپلکیشن بهوسیله وایر فریمها تا ایجاد تعامل و به اشتراک گزاری آن.
در سومین بخش که فیلمی ضبطشده از کارگاه حضوری طراحی پروتوتایپ است، به ایجاد یک اپلیکیشن سفارش غذا همانند اسنپ فود خواهیم پرداخت و فراز و نشیبهای خلق یک ایده نرمافزاری بهصورت گامبهگام آشنا خواهیم شد.
در چهارمین بخش به ایجاد صفحه اول یک وبسایت فروش سختافزار کامپیوتر و لوازم الکترونیکی خواهیم پرداخت و در قالب این پروژه شما را با تکنیکهای طراحی و ایجاد پروتوتایپ آشنا خواهیم کرد.
در پنجمین بخش چگونگی ایجاد انیمیشنهای حرفه ایی و کار با پلاگین های نرمافزار ادوب ایکس دی را در قالب پروژههای عملی یاد خواهیم گرفت.
اگر شما جزو ۹۹ نفر اول خریدار این دوره باشید، هدیهای شگفتانگیز در انتظار شماست، گنجینهای که شما را از هر آموزش دیگری بینیاز خواهد کرد و موفقیت شغلی شما را تضمین میکند.
به همراه این جلسه آموزشی دو ویدیو آموزشی برای خلق پروتوتایپ حرفهای نرمافزار موزیک پلیر و ساخت دکمههای خاص در نرمافزار ادوب ایکس دی نیز قرارگرفته است.
آنچه در بخش نهم دوره جامع آموزش UI و UX ، یاد خواهید گرفت:
شروع کار با نرمافزار Adobe XD
- شروع کار با Adobe XD
- معرفی محیط کار و آشنایی با نرمافزار (چگونگی نصب)
- ساخت اولین پروژه طراحی آیکون فوتوگرافیا – بخش اول
- ساخت اولین پروژه طراحی آیکون فوتوگرافیا – بخش دوم
- کار با متن و فونت – ایجاد تایپوگرافی
- کار با رنگ و شیب رنگی – ایجاد افکتهای ساده اما پر قدرت
- کار با تصاویر و افکتها
- کوچ از فتوشاپ به ادوب ایکس دی – این نرمافزار چطور جادو میکند.
- نمایش پیشنمایش کار
- ایجاد اولین دکمه در محصول
- قدرت تکثیر – آموزش کار با گرید
- رسپانسیو کردن وبسایت طراحیشده
- استفاده از UI Kits ها در Adobe XD
- خروجی گرفتن و به اشتراک گزاری UI
- قدم بعدی
ایجاد پروتوتایپ
پروژه اول: نرمافزار گردشگری
- طراحی رابط کاربری نرمافزار
- ایجاد تعامل بین ARTBOARD ها
- گرفتن خروجی مناسب برای Developer ها
پروژه دوم: کارگاه آموزشی FoodeX
- ویدیو اول خلاصه مطالب جلسات قبل و شروع طراحی
- ویدیو دوم ایجاد صفحه Login
- ویدیو سوم طراحی UI صفحه اصلی اپلیکیشن
- ویدیو چهارم ایجاد منو همبرگری ساده
- ویدیو پنجم ایجاد صفحه جست جو
- ویدیو ششم گرفتن خروجیهای مناسب
پروژه سوم: کارگاه آموزشی LionPC
- ویدیو اول طراحی UI – ایجاد اسلایدر سایت
- ویدیو دوم طراحی UI – ایجاد محتوا سایت
نکتهها و تکنیکها
- ایجاد اتوماتیک انیمیشن در ادوب ایکس دی – درقالب پروژه LIke
- آموزش کار با پلاگین های نرم افزار
ویدیوهای کمکآموزشی – زباناصلی
- مثال استفاده از animate auto
- ساخت دکمه سوئیچ
شما می توانید هرگونه سوال یا پیشنهاد خود را از طریق دیدگاه های همین پست مطرح بفرمایید.
نوشته بخش نهم دوره جامع آموزش UI و UX – طراحی رابط کاربری و پروتوتایپ با نرم افزار Adobe XD اولین بار در دانشجویار پدیدار شد.