آموزش ساخت رابط کاربری برای برنامه های Android بوسیله Adobe XD and Google Material Design

در این کورس آموزشی یاد می گیرید که چطور برای برنامه های اندروید بوسیله Adobe XD and Google Material Design رابط کاربری بسازید.

عنوان اصلی : Android App UI Design with Adobe XD and Google Material Design

سرفصل ها :

مقدمه ای بر واحدهای طراحی متریال:
معرفی
وضوح صفحه نمایش و تراکم صفحه نمایش چیست؟
DP (پیکسل های مستقل از دستگاه) چیست و چه تفاوتی با PX دارد؟
ابزارهای آنلاین تبدیل DP به PX
سطل های تراکم اندروید چیست؟
ابزارهای آنلاین برای وضوح صفحه نمایش، تراکم و اندازه دستگاه
اندازه های نوع SP در طراحی متریال گوگل چیست؟
چگونه DP در Adobe XD کار می کند؟
مشخصات طراحی متریال، اندازه ها و معیارها:
UI مناطق برنامه های اندروید
طراحی متریال چگونه کار می کند (Base of Material Design)؟
سایه های متریال چیست؟
سیستم شبکه 8 نقطه ای در Adobe XD
متریک ها و فاصله های عمودی در طراحی متریال گوگل
دکمه ها و اندازه آیکون ها در طراحی متریال
انواع و مشخصات تب ها در طراحی اپلیکیشن اندروید
نوار برنامه در طراحی متریال اندروید
اندازه و انواع لیست ها در طراحی اپلیکیشن اندروید
مشخصات و استفاده از نوار ناوبری پایین
کشو ناو جانبی در طراحی متریال
مقیاس نوع Android در Adobe XD
تسلط بر طرح های رنگ مواد و نحوه ساخت آن:
چگونه در Material Design 2.0 یک طرح رنگی عالی بسازیم؟
ابزارهای طرح رنگ آنلاین برای رنگ های مواد
تمرین - طراحی اپلیکیشن اندروید با استفاده از Adobe Experience Design XD:
قبل از شروع طراحی، کیت‌های رابط کاربری و دارایی‌ها را دانلود کنید
طراحی صفحه ورود به سیستم در Adobe XD
طراحی صفحه ورود به سیستم قسمت 2
طراحی صفحه ثبت نام برای برنامه پزشکی
قسمت بالای برگه های ثابت برنامه اندروید را طراحی کنید
طراحی داشبورد قسمت محتوای برتر آواتار و نمودار
طراحی داشبورد کارت 01
طراحی داشبورد کارت 02
طراحی صفحه نمایش فعالیت ها در XD
طراحی صفحه همگام سازی با استفاده از Adobe XD
Nav Drawer را برای برنامه اندروید خود طراحی کنید
صادرات دارایی و طراحی Handoff با استفاده از Zeplin:
استفاده از Batch Export در Adobe XD برای صادرات دارایی های Android خود
استفاده از Zeplin برای ایجاد راهنماهای سبک کدگذاری شده (فقط MAC)
با استفاده از 9 Patch tool
چه چیز جدیدی در طراحی متریال 2.0 وجود دارد؟ :
موارد جدید در Material 2.0
گزینه های طراحی جدید، اشکال جدید و بسیاری موارد دیگر
فاصله و شبکه در مواد 2.0
انواع دکمه ها، سطوح تاکید و حالت های دکمه در Material Design 2.0
موارد را در Material 2.0 فهرست کنید
نوار برنامه پایین و بالا
Tabs مواد 2.0
مشخصات کارت مواد در 2.0
System Material 2.0 را تایپ کنید
کار بعدی چیه؟