اگر شما در حال حاضر یک دولووپر، یک مدیر محصول، یک طراح رابط کاربر UX و … هستید و می خواهید بدانید چرا باید این مهارت را یاد بگیرید موارد زیر را بخوانید:
شما می توانید طرح های خود را بوسیله طراحی UI و ایجاد یک موکاپ فوق العاده از آن متفاوت کنید طوری که همکاران شما درباره کیفیت کار شما صحبت کنند. شما می توانید اینترفیس هایی را از حالت کانسپت یا مفهومی به طرح های پیکسل پرفکت تبدیل و طراحی کنید. پورتفولیو شما سال ها از همکارانتان جلوتر است و بسیار حرفه ای تر دیده می شوید.
شما می تـوانید کار های طـراحـی تیـم خود را انجام دهید و به جای استخدام یک طراح، همه ی کارهای پروژه خود را از دیزاین اینترفیس تا کدنویسی آن را خودتان براحتی انجام دهید، زیرا چون خودتان اینترفیس را در ابتدا طراحی کرده اید در بخش کدنویسی نیز می دانید که چطور باید بدرستی کد بخش های مختلف طرح را بنویسید.
شما می توانید با سخت موکاپ های فوق العاده ویژگی های جدید و مراحل انجام آن را طراحی کنید. شما می توانید در کنار طراحانتان کار کنید و به آن ها بازخورد یا فیدبک حرفه ای و درست بدهید.
شما چه بخواهید و چه نخواهید، باید ایده ها خود را بصورت حرفه ای پرزنت یا ارائه کنید که این می توانید سایت مارکتینگ باشد و یا اپلیکیشن تان. یک درک و پایه ای از طراحی به شما کمک می کند که حرفه ای تر ارتباط برقرار و سپس رهبری کنید.
هر روز بیشتر و بیشتر کارهای طراحی از حالت چاپ به دیجیتال تغییر می کند و در واقع صنعت دیجیتال دارد جای صنعت چاپ را می گیرد. شما باید اطلاعات خود را بروز کنید و مثل من به تدریج از صنعت چاپ به صنعت دیجیتال حرکت کنید و پورتفولیو خود را بروز کنید تا بتوانید در فیلد یا رشته ای که علاقه دارید با انگیزه ی بیشتری کار کنید.
هرکسی با هر دانش و کار مرتبط و غیر مرتبطی در صورتی که علاقهمند و با انگیزه باشد می تواند مهارت دیزاین رابط کاربر را از صفر و قدم به قدم در این دوره یاد بگیرید و مشغول به کار شود. برای نمونه 99 درصد کسانی که در دوره های خصوصی و پکیج های ویدیویی دیزاین رابط کاربر شرکت کرده اند رشته هایی کاملا غیر مرتبط مثل روانشناسی، مارکتینگ، پرستاری و … داشته اند و با پشتکار و تلاش توانستند این تخصص را به خوبی یاد بگیرند و مهارت آن را کسب کنند.
Design Process
مراحل طراحی
Colors
رنگها
Typography
تایپوگرافی
Interface Components
طراحی اجزای UI
Create a Design Portfolio
ساخت پورتفولیو
Get a Job
ورود به بازار کار
سرفصلها و جزئیات هر بخش
برای دیدن جزئیات هر بخش بر روی آن کلیک کنید.
حالت Plus
بخش 1: مقدمه و پیش نیاز ها
1- نکات اولیه و پیشنیاز یادگیری UI Design 2- چطور فایل های تمرین را روی فیگما باز کنیم؟ 3- چطور مثل یک طراح فکر کنیم و تصمیم بگیریم؟ 4- نحوه الگویابی و ایده گرفتن در دیزاین 5- چکار کنیم سریعتر مهارت دیزاین رو بدست بیاریم؟
بخش 2: آموزش جامع Adobe Xd
1- نحوه نصب ادوبی ایکس دی از کریتیو کلود 2- محیط ظاهری و آرتبورد ها 3- انواع شکل و تنظیمات آنها 4- ابزار متن و فارسی نویسی 5- کار با تصاویر و ماسک کردن 6- ساخت شکل و آیکان با Pathfinder 7- چیدمان در Adobe Xd 8- آموزش جامع ساخت پروتوتایپ در Adobe Xd 9- پروژه طراحی یک اپلیکیشن از صفر در ادوبی ایکس دی
بخش 3: آموزش جامع Figma
1- محیط ظاهری و کار با ابزارهای فیگما 2- ویژگی های جدید در آپدیت فیگما 3- کار با پنل دیزاین و ادامه کار با ابزارها 4- Constraints در فیگما 5- کار با استایلها در فیگما | Styles 6- آموزش جامع ساخت پروتوتایپ در فیگما | Prototype 7- آموزش جامع کار با اتو لی اوت | Auto Layout 8- ورینتها در فیگما | Varients 9- کامپوننتهای اینتراکتیو در فیگما | Interactive Components 10- آموزش متغیر یا Variable ها در فیگما 11- پروژه طراحی یک سایت در حالت دسکتاپ و موبایل در فیگما
بخش 4: اصول اساسی طراحی UI
1- چیدمان عناصر در طراحی 2- تنظیم فاصله ها 3- کاربرد و تنظیم نور و سایه ها در دیزاین 4- شبکه، ستون یا Grid ها در طراحی UI 5- Consistency یا انسجام و پیوستگی در دیزاین
بخش 5: رنگها
1- معرفی سیستم رنگ مخصوص دیزاین UI 2- روشنایی رنگ ها در دیزاین UI 3- کاربرد رنگ خاکستری در طراحی UI 4- استفاده از رنگها و تنظیم آنها در طراحی رابط کاربری 5- حل مشکل برخورد رنگ های مشابه در کنار هم 6- نحوه انتخاب رنگ اصلی یا اولیه در طراحی UI 7- رنگ های ثانویه در طراحی رابط کاربری 8- دیزاین اینترفیس تیره یا Dark Mode 9- استفاده از گرادیانت ها در طراحی UI
بخش 6: تایپوگرافی
1- تعاریف و اصطلاحات تایپوگرافی 2- چطور برای پروژه خود فونت انتخاب کنیم؟ 3- استایل کردن و تنظیم متن ها در طراحی UI 4- تنظیم متن های طولانی در طراحی رابط کاربری 5- نحوه استفاده از چند فونت و جفت سازی آن ها 6- تنظیم حالتهای مختلف نمایش متن روی عکس
بخش 7: فرم ها و کامپوننتها
1- طراحی فرمها و عناصر مختلف در طراحی UI 2- طراحی آیکان 3- کار با عکس ها در طراحی UI 4- لیست ها و جدول ها
بخش 8: ورود به بازار کار در دنیای واقعی
1- طراحی ریسپانسیو 2- طراحی سرویس های چند وضعیتی و پیچیده 3- نحوه پیدا کردن مشتریان و کارفرمایان با ارزش 4- نحوه ارائه کار و گرفتن بازخورد از کافرما و اعضای تیم
Plus+ | آموزش جامع ساخت پورتفولیو UI/UX
1- آموزش جامع ساخت پورتفولیو UI/UX 2- ساخت کیس استادی و پورتفولیو InstagramX – بخش اول 3- ساخت کیس استادی و پورتفولیو InstagramX – بخش دوم 4- ساخت کیس استادی و پورتفولیو InstagramX – بخش سوم 5- ساخت کیس استادی و پورتفولیو InstagramX – بخش چهارم 6- ساخت کیس استادی و پورتفولیو InstagramX – بخش پنجم 7- ساخت کیس استادی و پورتفولیو InstagramX – بخش ششم 8- ساخت کیس استادی و پورتفولیو InstagramX – بخش هفتم 9- ساخت کیس استادی و پورتفولیو InstagramX – بخش هشتم 10- ساخت کیس استادی و پورتفولیو InstagramX – بخش نهم
Plus+ | پروژه ریدیزاین اپلیکیشن اینستاگرام X
1- طراحی وایرفریم صفحه اصلی اینستاگرام 2- تکمیل طراحی صفحه اصلی و ساخت پروتوتایپ آن 3- طراحی وایرفریم صفحه پروفایل اینستاگرام 4- تکمیل طراحی صفحه پروفایل و ساخت پروتوتایپ آن 5- طراحی صفحه استوری و نوتیفیکشن و ساخت پروتوتایپ آنها
1- دیزاین لندینگ پیج سایت آموزشی | حالت دسکتاپ – بخش اول 2- دیزاین لندینگ پیج سایت آموزشی | حالت دسکتاپ – بخش دوم 3- دیزاین لندینگ پیج سایت آموزشی | حالت ریسپانسیو موبایل- بخش سوم 4- دیزاین لندینگ پیج سایت آموزشی | حالت ریسپانسیو موبایل- بخش چهارم
Plus+ | پروژه رفع مشکلات UI/UX گروههای تلگرام در فیگما
1- شناسایی مشکلات دیزاین گروه های تلگرام و توضیح راه حل آنها – قسمت اول 2- دیزاین ویژگی جدید Forums برای گروه های تلگرام – قسمت دوم 3- ریدیزاین و رفع مشکلات دیزاین بخش Topic های گروه تلگرام – قسمت سوم 4- ریدیزاین و رفع مشکلات پیام و پست های Topic تلگرام – قسمت چهارم
Plus+ | پروژه دیزاین Task اپلیکیشن برای شرکت خارجی
در این بخش که در واقع من به عنوان یک تسک مصاحبه با یک شرکت انجام دادم، شما می تونید مراحل تحقیقات، ایده پردازی و دیزاین فرآیند ساده سازی دریافت نسخه/دارو از داروخانه را از صفر یاد بگیرید.
1- معرفی پروژه و تعریف فرآیند تحقیقات آن برای دیزاین اپلیکیشن 2- تعریف Onboarding و دیزاین صفحات آن 3- دیزاین صفحات ورود و ثبت نام اپلیکیشن 4- دیزاین صفحه اصلی اپلیکیشن تحویل دارو 5- دیزاین صفحات انتخاب داروخانه 6- نکات و دیزاین صفحه نمایش اعلان آماده شدن دارو به کاربر 7- نکات و توضیحات مربوط به ساخت کیس استادی و پورتفولیو این پروژه
جدیدترین آپدیتهای دوره (Plus+)
مجموعهای منحصر به فرد از هزاران تصویر دستهبندی شده برای طراحان محصول و UI/UX
پروژه دانشجویی دیزاین UI/UX اپلیکیشن Dating – قرار گذاشتن XFriend
CheatX: چکلیستهای کاربردی، خلاصه بخش ها و راهنمای فشرده دوره ها از Learnuix.com
آموزش دیزاین UI/UX اپلیکیشن اینستاگرام X – Learnuix.com
فرآیند کامل انجام یک Task دیزاین مصاحبه شرکت خارجی
آموزش ساخت کیس استادی پورتفولیو UI/UX اپ InstagramX
ریدیزاین و رفع مشکلات UI گروه های اپلیکیشن تلگرام
طراحی UI/UX لندینگ پیج سایت آموزشی Learnuix.com
1/1
ویژگیهای شاخص دورههای دیزاین رابط و تجربه کاربر
Support
پشتیبانی اختصاصی
پشتیبانی کاملی در تلگرام برای جواب به سوالات و اشکالات و بررسی تمرینهای شما (در بازهای مشخص برای هر تمرین) و در کمترین زمان ممکن انجام می شود.
No Prerequisites
بدون پیشنیاز
برای شرکت در این دوره نیازی به دانش قبلی در زمینه طراحی ندارید و از صفر همهی اصول و ابزارها به شما مرحله به مرحله و با جزئیات کامل آموزش داده می شود.
Practical Projects
پروژه و مثالهای کاربردی
مثال ها و پروژههایی که برای تدریس و تمرین شما انتخاب شدهاند، از سرویس هایی واقعی هستند تا بصورت کاربردی طراحی رابط و تجربه کاربری را یاد بگیرید.
HD Quality Contents
کیفیت بالای تصویر و صدا
اگر از دوره های ضبط شده و بی کیفیت از کلاس های آنلاین خسته شده اید، LearnUIX دورهای با بهترین کیفیت صدا و تصویر را به شما ارائه می هد.
Related Lessons
انسجام مطالب
نحوه ارائه درسها و ترتیب آنها کاملا به هم مرتبط هستند و در درسهای جدید مطالب قبل نیز بارها تکرار می شوند تا دروس را عمیق تر یاد بگیرید.
Downloadable Course
قابلیت دانلود دوره
شما می توانید این دوره و فایلهای تمرین آن را بر روی یک دستگاه ویندوز و یا مکینتاش دانلود کنید و بدون نیاز به اینترنت آن را مشاهده کنید.
یکبار برای همیشه طراحی رابط کاربری را بصورت منسجم، صحیح و حرفه ای یاد بگیرید!
درباره مدرس دوره
سلام، من حسین محمودی هستم و در حال حاضر به عنوان یک طراح فریلنس محصول (UI/UX) و بصورت مستقل مشغول به کار هستم.
من بیش از 15 سال است که بصورت حرفهای در حوزه طراحی و دیزاین از جمله طراحی گرافیک، صفحه آرایی و طراحی UI/UX بصورت مستقل و فریلنس مشغول به کار هستم و در کنار آن تدریس خصوصی و گروهی نیز انجام می دهم.
برای طیف مختلفی از مشتریان شخصی، شرکتی و سازمانی در داخل و هم در خارج از ایران پروژه های مختلفی را انجام دادم و در حال حاضر با کانال یوتیوب AsteriXarts تجارب خودم را در حوزه طراحی و دیزاین با همه به اشتراک می گذارم.
علاوه بر علاقه شدیدم به طراحی گرافیک، به برنامه نویسی نیز علاقه زیادی دارم و تحصیلات خود را در رشته نرمافزار به اتمام رساندم و سابقهای در برنامه نویسی نیز دارم.
Hossein Mahmoodi
نمونه کارها
EvAra.life – Smart Real Estate Agency
Evara.life – Property Details
Evara.life PWA – Smart Real Estate Agency
Fityar.org – Blog Page
Nailish – Nail polish services
WeatherX – Weather Forecast App
XBeauty – Beauty Salon Services
EvAra.life Staff Dashboard
آیا سابقه تدریس دارم؟
بیش از 14 سال است که در کنار شغل حرفهایم مشغول به تدریس هستم و دوره های آموزشی مختلفی به صورت خصوصی و گروهی برگزار کردم. همچنین دوره های آموزش ویدیویی در موضوعات مختلف از جمله طراحی گرافیک با فتوشاپ و دوره جامع آموزش CSS را ضبط و در سرویسهای مختلف منتشر کرده ام و در زیر شما تصویری از تعداد دانشجویان من را در سرویس فرانش را مشاهده می کنید.
در 4 سال گذشته نیز بیش از 300 ویدیو آموزشی در حوزههای مختلف، از جمله طراحی UI/UX، آموزش ابزارهای طراحی رابط کاربری UI از قبیل فیگما و Adobe Xd، آموزش نکات و ترفند های کسب و کار و … را به صورت کاملا رایگان و با کیفیت بالا بر روی کانال یوتیوبم منتشر کردم که شما می توانید به راحتی به آنها نیز دسترسی داشته باشید.
