Logo-White

آموزش آنلاین طراحی رابط کاربری

برای دیدن دوره حتما از کامپیوتر استفاده کنید.

لیست دروس:

مقدمه دوره دیزاین رابط کاربری

تعیین پروژه شخصی برای انجام حین دوره

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

امید هم بر این هست که بتونه در نهایت این پروژه رو به یک بیزنس شخصی و استارت‌آپ تبدیل کنه!

و همچنین در دیزاین ویچ برای ساختن Case Study از هر دانشجو و معرفی آنها در سایت نیاز هست که این پروژه شخصی انجام بشه و از اون مرحله اول یعنی برنامه ریزی برای پروژه شروع کنه و بعد وایرفریمینگ و بعد دیزاین رابط کاربری و نهایتا پروتایپینگ رو طبق پروسه دیزاینی که داریم انجام بده و بیاد جلو!

طراحی تجربه کاربری و رابط کاربری چیست و چه تفاوتی باهم دارند؟

در این ویدئو از تفاوت های طراحان تجربه/ رابط کاربری و طراحی محصول خواهیم گفت.

وظایف طراح محصول / تجربه کاربری / رابط کاربری چیست؟

طراحان محصول، تجربه کاربری و رابط کاربری چه وظایفی در تیم ها دارند. 

پروسه دیزاین رابط کاربری

معرفی ۸ مرحله اصلی پروسه طراحی رابط کاربری

۸ مرحله اصلی پروسه دیزاین رابط کاربر را یاد میگیرید و در پروژه ها استفاده می‌کنید

مصاحبه با ذی‌نفعان | Stakeholder Interview

برای شروع هر پروژه، با کارفرماها و ذی‌نفعان در ارتباطید. 

برنامه ریزی اولیه برای پروژه طراحی

یاد می‌گیریم در نرم‌افزار ترلو، پروژه‌ها را برنامه ریزی و زمان بندی کنیم

معرفی Moodboard و اهمیت آن در در پروسه دیزاین رابط کاربری

قبل از شروع هر پروژه، می‌بایست سبک و استایل مخصوص آن پروژه برای شما و کارفرما مشخص شود

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

چگونه یک مودبرد بسازیم و آن را به کارفرماها ارائه دهیم؟

تمرین: یک Moodboard بسازید

در اینجا می‌بایست یک مودبرد برای پروژه شخصی خودتان که اول دوره تعریف کردید، بسازید

نحوه الهام‌گیری(Inspiration) و پرورش خلاقیت بعنوان یک دیزاینر

بسیار پراهمیت: راه‌کارهایی برای افزایش سواد بصری و خلاقیت. 

وایرفریمینگ

وایرفریمینگ چیست و کاربرد آن در پروسه طراحی

وایرفریمینگ از مراحل اصلی دیزاین تجربه کاربر است که به طراحی ساختار صفحه وب/موبایل می‌پردازد

معرفی انواع وایرفریمینگ

معرفی انواع وایرفریم‌های Low-Fi, Mid-Fi, Hi-Fi و جزئیات آن‌ها

آموزش ساخت اولین وایرفریم با نرم‌افزار Balsamiq

در این درس با نرم‌افزار بالزامیک آشنا می‌شویم و کار با آن‌ را بصورت کامل یاد می‌گیریم.

تمرین: ساخت اولین وایرفریم در نرم افزار Balsamiq

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

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

 

نحوه انجام تمرین

مرحله ۱: طبق آموزش درس قبل ابتدا یک نقشه سایت/اپلیکیشن برای محصول مورد نظر خود درست کنید

مرحله ۲: برای تمامی صفحات محصولتان شروع به کشیدن وایرفریم کنید

مرحله ۳: از Mockup های خود Export بگیرید و در میلانوت آپلود کنید

مرحله ۴: لینک بورد میلانوت خود را + توضیح و عنوان پروژه  در گروه تلگرامی ارسال کنید

آموزش نرم افزار Adobe Xd و تکنیک‌های دیزاین

معرفی نرم افزار فوق‌العاده Adobe Xd و مزیت های آن

معرفی اولیه و نصب نرم‌افزار Xd و شروع کار با آن بعنوان ابزار اصلی ما در این دوره

اولین برخورد با نرم افزار و معرفی Add-ons و UI Kit و ایجاد اولین پروژه

معرفی و شروع کار با نرم افزار و ایجاد اولین پروژه

رویارویی اولیه با آرت‌بوردها و معرفی ویژگی ها و انواع مختلف آنها

معرفی آرت‌بورد ها و ساختن آرت‌برد جدید + ویژگی‌های آن

معرفی پلاگین: Rename It و آموزش استفاده از آن در پروژه‌ها

یک پلاگین کاربردی برای تغییر سریع نام المنت‌ها

توضیح کامل محیط نرم‌افزار Adobe Xd و شورت‌کات‌های پرکاربرد

در این درس شورت کد های نرم افزار و محیط نرم افزار را بررسی می‌کنیم

چگونه وایرفریم ها را در Adobe Xd پیاده سازی کنیم؟

آموزش پیاده سازی وایرفریم ها در نرم افزار Xd

مقدمه گرید‌ها و برک‌پوینت های اصلی پروژه

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

نویگیشن ها: مبحثی ساده اما کاربردی

نگاهی بر نویگیشن ها در نرم‌افزار Adobe Xd

کار با عکس ها در Adobe Xd و نحوه Mask کردن آنها

آموزش برش، و ماسک کردن عکس ها و اعمال تغییرات مختلف روی آن‌ها

ساختار رنگ‌ها در پروژه و نحوه استفاده از آنها + ساخت اولین پالت رنگی

معرفی پالت‌های رنگی، و معرفی  استراکچر رنگ ها در پروژه ها

معرفی coolors.co و نحوه استفاده از آن در پروژه‌ها

کولرز، ابزاری کاربردی برای انتخاب رنگ های استاندارد

مقدمه تایپوگرافی در دیزاین و ساخت یک تایپوگرافی سیستم

اهمیت تایپوگرافی در فضای دیجیتال و ساختن سیستم تایپوگرافی در نرم افزار Xd

کار با Repeat Grid و دیزاین صفحه لیست محصولات

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

آموزش نرم افزار Adobe Xd و تکنیک‌های دیزاین

دیزاین صفحه ورود + ایمپورت مدیا

انجام چند صفحه دیزاین و انتقال نکات کاربردی در سه درس

دیزاین صفحه ورود + طراحی نویگیشن بار

انجام چند صفحه دیزاین و انتقال نکات کاربردی در سه درس

دیزاین صفحه ورود + طراحی فرم و دکمه

انجام چند صفحه دیزاین و انتقال نکات کاربردی در سه درس

دیزاین سیستم

دیزاین سیستم چیست؟ و چه کاربردی دارد؟

معرفی دیزاین سیستم و کاربرد آن در پروژه ها، چرایی و چگونگی…

معرفی متدولوژی Atomic Design برای ساختن دیزاین سیستم ها

معرفی اتومیک دیزاین، مبحث پایه ای دیزاین سیستم ها

بررسی دیزاین سیستم‌های پروژه‌هایی مثل Polaris, Material, Bootstrap

دیزاین سیستم های محبوب دنیا را باهم بررسی می‌کنیم

دیزاین سیستم و آشنایی با Component ها در Adobe Xd

آشنایی با دیزاین سیستم و ساختن آن در نرم‌افزار

پروتوتایپینگ

معرفی اولیه پروتوتایپینگ + مشاهده نمونه پروتوتایپ + ابزارهای پروتوتایپینگ

معرفی پروتوتایپینگ و روش انجام آن

پروتوتایپ اپلیکیشن File Sharing - قسمت اول

ساختن نمونه سازی اولیه محصول در نرم‌افزار Adobe Xd

ساختن پروتوتایپ اپلیکیشن File Sharing - قسمت دوم

ساختن نمونه سازی اولیه محصول در نرم‌افزار Adobe Xd

AUTO-ANIMATE: ساختن اینترکشن های جذاب - قسمت اول

آموزش یکی از بهترین ویژگی های نرم‌افزار Xd برای ساختن اینترکشن های جذاب

AUTO-ANIMATE: ساختن اینترکشن های جذاب - قسمت دوم

آموزش یکی از بهترین ویژگی های نرم‌افزار Xd برای ساختن اینترکشن های جذاب

اشتراک گذاری و ارتباط با برنامه‌نویس

زپلین - شروع کار با نرم‌افزار و گرفتن خروجی برای برنامه‌نویس

آموزش زپلین، ابزاری کاربردی برای ارتباط با برنامه‌نویسان

مباحث شغلی

نقشه راه فریلنسینگ - قسمت اول

در این ویدئو اولین قدم ها جهت فریلنسینگ شدن رو آموزش می‌دیم.

نقشه راه فریلنسینگ - قسمت دوم

در این ویدئو قدم بعدی جهت فریلنسینگ شدن و پیشرفت شغلی رو آموزش می‌دیم.

نقشه راه فریلنسینگ - قسمت سوم

در این ویدئو به آینده فریلنسینگ و ساخت بیزنس دیزاین می‌پردازیم

مقدمه ساخت پورتفولیو

در این ویدئو با پورتفولیو و اهمیت اون برای دیزاینرها آشنا می‌شیم

چگونه پورتفولیو بسازیم؟

در این ویدئو یاد میگیریم چگونه پورتفولیو بسازیم

پشن و علاقه

در مورد پشن و پیدا کردن علاقه

بررسی دیزاین - این قسمت در دوره رایگان وجود ندارد.

ویدئوهای بررسی پروژه دانشجویان در Loom

پروژه‌های انجام شده توسط دانشجویان بررسی شده و اینجا قرار می‌گیرد

ویدئو های بررسی چالش دیزاین ۹۰ روزه در Loom

چالش ۹۰ روزه بچه‌های دیزاین بررسی شده و در اینجا قرار می‌گیرد

این دوره بنا به دلایل بسیار زیادی رایگان شده و در اختیار شما قرار گرفته،‌رایگان بودن اون به معنی بی ارزش بودنش نیست و خواهش و تمنای من اینه که تا جایی که میتونید استفاده کنید یاد بگیرید و تمرین کنید.

یادگیری این رشته بدون تمرین ممکن پذیر نیست و مواردی که گفته شده ۵ درصد از اون چیزی که باید بدونید برای شروع هست و یه اقیانوس پیش رو دارید.


من تمام تلاشم در این دوره این بود که تفکر جستجوگر و ذهن هشیار رو پرورش بدم و این اتفاق در گروه‌های تلگرامی کلاس ها میوفتاد و عمده یادگیری و تبادل دانش در اونجا انجام میشد.

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

و همچنین به دلیل هزینه‌های زیاد نتونستیم بصورت لایسنسی و در پلتفرم رسمی دیزاین ویچ دورو رو بهتون بدیم و مجبور شدیم یجا آپلود کنیم و بعد از طریق این صفحه بهتون ویدئو هارو بدیم. امیدوارم نهایت استفاده رو بتونید ببرید.

اگه خواستید بامن در ارتباط باشید هم ایمیل من هست و هم تلگرام . ​