اگر با سرچ کردن کلماتی مثل طراحی رابط کاربری با فتوشاپ،کیت های رابط کاربری UI kit، کیت فارسی و… وارد این صفحه شدید یا دوست دارید از اول مطالب این دوره آموزشی را دنبال کنید، پیشنهاد می کنم اینجا کلیک کنید تا سرفصل ها را به صورت کامل مشاهده کنید و تصمیم بگیرید که آیا این دوره مناسب شما است یا نه.
در بخش اول این دوره با هرآنچه که باید درباره رابط کاربری و طراحی تجربه کاربری بدانیم آشنا شدیم:
بخش اول دوره جامع آموزش UI و UX – آنچه که باید بدانید
در بخش دوم یاد گرفتیم چگونه برای طراحی تجربه کاربری آماده شویم:
بخش دوم دوره جامع آموزش UI و UX – مقدمه
در بخش سوم هم شناخت کاربر یا کاربرپژوهی را بررسی کردیم:
بخش سوم دوره جامع آموزش UI و UX – شناخت کاربر یا کاربرپژوهی
در بخش چهارم روانشناسی تخصصی در طراحی UI و UX را به شما آموزش دادیم:
بخش چهارم دوره جامع آموزش UI و UX – روانشناسی تخصصی در طراحی UI و UX
در بخش پنجم دانش و علم طراحی را بررسی کردیم:
بخش پنجم دوره جامع آموزش UI و UX – دانش و علم طراحی
در بخش ششم نیز مبانی تایپ و کارکرد آن را آموزش دادیم:
بخش ششم دوره جامع آموزش UI و UX – مبانی تایپ و کارکرد آن
بعد از یادگیری اصول و مباحث کلیدی طراحی تجربه کاربری وقت آن می رسد که یاد بگیریم، چطور باید از ابزار های مناسب طراحی استفاده کنیم؟ فتوشاپ، ایلوستریتور، اسکچ و.. ابزار هایی هستند که برای خلق رابط های کاربری می توانیم از آنها استفاده کنیم. قرار است در این جلسه به معرفی و آموزش نرم افزار فتوشاپ بپردازیم.
دقیقا قرار است چه یاد بگیریم و کجای مسیر یادگیری این دوره هستیم؟
خب بهتر است اول به سوال دوم پاسخ بدهیم! چقدر از مسیر را طی کرده ایم؟
اگر بخواهیم نگاهی به سرفصلهای این دوره داشته باشیم، باید بگویم که الان دقیقاً وارد بخش مبانی دوره آموزش طراحی تجربه و رابط کاربری شدهایم. بخشی که سه فصل دارد که شامل آشنایی و چگونگی استفاده از ابزارهای طراحی، صفر تا صد نمونه سازی اولیه (ساخت پروتوتایپ کاغذی – آموزش کامل نرم افزار Adobe XD) و خلاقیت و بهینه سازی طرحها میباشد. به نظر خودم هیجان انگیز ترین قسمت این بخش کار کردن با Adobe XD خواهد بود. آنجا که شما با جادوی ابزارها آشنا میشوید.
دقیقاً چه چیزهایی را میخواهیم یاد بگیریم؟
در این جلسه قرار است که چگونگی استفاده از نرم افزار فتوشاپ برای خلق رابط کاربری را یاد گرفته و با انجام چند پروژه عملی مهارت خودمان را بیشتر کنیم. از مباحث مقدماتی طراحی وایرفریم تا ساخت صفحات فرود (landing page) و اپلیکیشن تلفن همراه، همچنین به صورت مختصر با چگونگی کار با UI kit ها آشنا میشویم.
پس از تماشای این جلسه قادر خواهید بود با قدری اعتماد به نفس + استفاده از کیتهای طراحی رابط کاربری + یک لیوان قهوه هرچیزی را طراحی کنید.
در بخش اول به صورت مقدماتی با نرم افزار فتوشاپ آشنایی بیشتری پیدا خواهیم کرد و چگونگی خلق wireframe by Photoshop را یاد خواهید گرفت.
در دومین بخش برای آشنایی بیشتر شما شروع به انجام طراحی برای دستگرمی میکنیم. که خود باعث یادگیری مباحث پیشرفتهتر در رابطه با ابزار فتوشاپ و کاربرد آن در طراحی رابط کاربری میشود. یک صفحه فرود طراحی میکنیم که مربوط به یک آبمیوه فروشی است و یک صفحه ثبت نام برای اپلیکیشن تلفن همراه. در طی این دو آموزش شما با تکنیکهای حرفه ایی تری آشنا خواهید شد. همچنین قدری هم راجع به تعادل استفاده از متن و تصویر صحبت خواهیم کرد.
در ویدیوهای کمک آموزشی شما با پروژههای بیشتری آشنا خواهید شد و خواهید فهمید که طراحی چقدر ساده است!!!
به همراه این جلسه آموزشی دو فیلم کمک آموزشی، کتابهای UX و نرخ تبدیل از نگاه سئو جامع نگر،
کتاب الگوهای طراحی واسط کاربر و کتاب mobile_ui_design_patterns،
یک پک رابط کاربری فارسی شده و کلیه ابزارهای مورد نیاز شما جهت طراحی قرار داده شده است.
آنچه در بخش هفتم دوره جامع آموزش UI و UX – طراحی رابط کاربری با فتوشاپ یاد خواهید گرفت:
بخش اول – ابزارهای طراحی: فتوشاپ
- معرفی
- تنظیمات اولیه سند کاری
- ایجاد اشکال
- چطور پیکسلها میتوانند اشتباه کنند؟
- چگونگی ساخت اشکال زنده
- کار با استروک با استفاده از لایهها
- کار با متنها
- سازماندهی محتوا
- چالش خلق یک پوشش ویدیویی
- ایجاد داراییهای پایدار
- ایجاد شیپ های سفارشی
- استفاده از کیتهای رایگان وایرفریم
- ساختن کیتهای رابط کاربری سفارشی
- زخیره کردن اولیه نمونهها
بخش دوم – دست گرمی طراحی!
- آنچه که قراره خلق کنیم!
- طراحی صفحات فرود: آبمیوه فروشی
- تعادل استفاده از متن و تصویر
- طراحی اپلیکیشن: صفحه ثبت نام
ویدیوهای کمک آموزشی – زبان اصلی
- قدم به قدم با ساخت دکمههای فلت
- طراحی اپلیکیشن: موزیک پلیر
شما می توانید هرگونه سوال یا پیشنهاد خود را از طریق دیدگاه های همین پست مطرح بفرمایید.
نوشته بخش هفتم دوره جامع آموزش UI و UX – طراحی رابط کاربری با فتوشاپ اولین بار در دانشجویار پدیدار شد.