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

با مشاهده این کورس آموزشی قدم به قدم یاد می گیرید که چطور بوسیله Adobe Photoshop and Material Design برای برنامه های اندرویدی رابط کاربری یا همان UI طراحی کنید.

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

سرفصل ها :

آشنایی با مفاهیم طراحی متریال گوگل:
مقدمه دوره
وضوح صفحه نمایش و تراکم صفحه نمایش چیست؟
DP (پیکسل های مستقل از دستگاه) چیست و چه تفاوتی با PX دارد؟
ابزارهای آنلاین تبدیل DP به PX
سطل های تراکم اندروید چیست؟
ابزارهای آنلاین برای وضوح صفحه نمایش، تراکم و اندازه دستگاه
اندازه های نوع SP در طراحی متریال گوگل چیست؟
چگونه DP در Adobe Photoshop کار می کند و محاسبه می شود؟
مشخصات طراحی متریال، اندازه ها و معیارها:
مناطق رابط کاربری برنامه اندروید
طراحی متریال چگونه کار می کند (Base of Material Design)؟
سایه های متریال چیست؟
Google Material 8-point Grid در فتوشاپ
متریک ها و فاصله های عمودی در طراحی متریال گوگل
دکمه ها و اندازه آیکون ها در طراحی متریال
انواع و مشخصات تب ها در طراحی اپلیکیشن اندروید
نوار برنامه در طراحی متریال اندروید
اندازه و انواع لیست ها در طراحی اپلیکیشن اندروید
مشخصات و استفاده از نوار ناوبری پایین
کشو ناو جانبی در طراحی متریال
مقیاس تایپ اندروید در فتوشاپ
تسلط بر طرح های رنگ مواد و نحوه ساخت آن:
چگونه در Material Design 2.0 یک طرح رنگی عالی بسازیم؟
ابزارهای طرح رنگ آنلاین برای رنگ های مواد
طراحی اپلیکیشن اندروید با استفاده از Adobe Photoshop (Exercise):
قبل از شروع طراحی، کیت‌های رابط کاربری و دارایی‌ها را دانلود کنید
استفاده از قالب XXHDPI در Photohsop برای طراحی اپلیکیشن اندروید شما
طراحی صفحه ثبت نام قسمت 1
طراحی صفحه ثبت نام قسمت 2
طراحی صفحه ثبت نام قسمت 3
طراحی صفحه ورود به سیستم برای اپلیکیشن پزشکی اندروید
طراحی تببار داشبورد برای برنامه اندروید
طراحی منطقه محتوای بالای داشبورد
بخش بالای طراحی کارت داشبورد
بخش پایین طراحی کارت داشبورد
طراحی صفحه فعالیت ها با استفاده از لیست های طراحی متریال
همگام سازی طراحی صفحه نمایش فایل ها
طراحی کشو ناو جانبی با استفاده از مشخصات طراحی متریال
صادرات دارایی ها و طراحی HandOff:
استفاده از Zeplin برای واگذاری طرح خود به توسعه دهنده
تصاویر 9 پچ چیست و چگونه می توان آنها را تولید کرد؟
علم پشت دارایی های گرافیکی 9 پچ چیست؟
با استفاده از پنل Export As Photoshop برای صادرات تمام دارایی های Density Bucket
چه چیزی در Google Material 2.0 جدید است؟ :
موارد جدید در Material 2.0
گزینه های طراحی جدید، اشکال جدید و بسیاری موارد دیگر
فاصله شبکه در مواد 2.0
انواع دکمه ها، سطوح تاکید و حالت های دکمه در Material Design 2.0
موارد را در Material 2.0 فهرست کنید
نوار برنامه پایین و بالا
Tabs مواد 2.0
مشخصات کارت مواد در 2.0
System Material 2.0 را تایپ کنید
کار بعدی چیه؟