طراحی و تولید رابط کاربری (UI)
هدف از این دوره آشنایی علاقمندان به طراحی محصول و سوق دادن آنها ، ورود به بازار کار می باشد . در این دوره می خواهیم مفاهیم طراحی بصری (UI) که با اصولی ترین و خلاقانه ترین روش ممکن پیاده سازی کنیم و هچنین کنار این خلاقیت یک تجربه کاربری (UX)مناسب را نیز داشته باشیم.
آشنایی با طراحی سایت و چگونه واکنشگرا (رسپانسیو) کردن آن و همچنین طراحی اپلیکیش های موبایل را با نرم افزار فیگما را پیدا میکنیم و همچنین قصد داریم که نحوه گرفتن ایده و خلاقیت را در منبع های مختلف مرور کنیم . این دوره به صورت پروژه محور و در قالب یک پروژه واقعی انجام میگیرد .
سر فصل ها:
-
1 آشنایی با دوره و مفاهیم آن
- 1-1- آشنایی با دوره و طراحی رابط کاربری
- 2-1- سیستم مورد نیاز برای دوره
-
2 مسیر شغلی و یادگیری
- 1-2- مسیر آموزشی برای یادگیری بهتر
- 2-2- نحوه ی ورود به بازار کار
-
3 اصول و مبانی طراحی
- 1-3- چیدمان و طرح بندی (Layout)
- 2-3- انواع رنگ‌ها ، پالت رنگی و تضاد رنگ‌ها (Color Palette & Contrast)
- 3-3- تایپوگرافی (Typography)
- 4-3- آیکونوگرافی (Iconography)
- 5-3- طراحی واکنش گرا و اصول آن (Responsive Design)
-
4 تجربه ی کاربری (user experience)
- 1-4- تجربه ی کاربری چیست ؟
- 2-4- تفاوت بین UI و UX
- 3-4- تجربه ی کاربری در وب و موبایل
-
5 آشنایی با نرم افزار فیگما
- 1-5- معرفی و آشنایی با نرم افزار فیگما
- 2-5- آشنایی با نور ابزار
- 3-5- صفحات ، آرتبوردها ، و لایه ها
- 4-5- اشکال و تغییر روی آنها
- 5-5- متن ها و استایل آنها
- 6-5- Layout Grid
- 7-5- خروجی گرفتن از فیگما
- 8-5- پلاگین ها و معرفی آنها (Plugin)
- 9-5- طراحی تیمی همزمان و به اشتراک گذاری
- 10-5- کلیدهای میانبر
-
6 عناصر در طراحی
- 1-6- دکمه‌ها (Buttons)
- 2-6- فیلدهای متنی (Text Fields)
- 3-6- لیست‌ها (List Field)
- 4-6- اسلایدر (Slider)
- 5-6- منو‌ها (Navigation Drawer)
- 6-6- نمودارها (Charts)
- 7-6- نوبار پایین (Bottom Navigation)
- 8-6- جدول‌ها (Tables)
- 9-6- کارت‌ها (Cards)
-
7 طراحی وایر فریم Wireframe
- 1-7- معرفی و آشنایی با Wireframe
- 2-7- انواع Wireframe و ابزارهای مورد نیاز آن
- 3-7- طراحی Wireframe در Miro
-
8 نحوه ی ایده پردازی برای شروع طراحی
- 1-8- شروع ایده پردازی و ابزارهای مورد نیاز
- 2-8- معرفی منابع برای ایده پردازی
- 3-8- جستجو و بررسی محصولات مشابه
-
9 تعامل با تیم های فنی و محصول
- 1-9- تعامل و ارتباط با برنامه نویس
- 2-9- تعامل و ارائه طرح‌ها از طریق Figma
-
10 پروتوتایپ و پیش نمایش محصول (prototyping & interactivity)
- 1-10- آشنایی با پروتوتایپ و انواع آن
- 2-10- آشنایی با پروتوتایپ در Figma
-
11 طراحی پنل مدیریت
- 1-11- ایده پردازی و طراحی وایرفریم پروژه
- 2-11- طراحی پنل مدیریت
-
12 طراحی وب سایت فروشگاهی
- 1-12- ایده پردازی و طراحی وایرفریم پروژه
- 2-12- طراحی صفحه اصلی وب سایت فروشگاهی
-
13 طراحی اپلیکیشن سفارش غذای آنلاین
- 1-13- ایده پردازی و طراحی وایرفریم پروژه
- 2-13- طراحی صفحه اصلی اپلیکیشن سفارش آنلاین غذا
دانشجوی کارشناسی ارشد دانشگاه کردستان | مهندسی نرم افزار
دارای 3 سال سابقه طراح محصول (UI/UX Designer )
https://www.linkedin.com/in/shakila-mohammadi/
مهارتها
Product Designer
UI/UX Designer
Figma
UX researcher
Graphic Designer
Product Manager
