آموزش Color System در متریال دیزاین 2 و 3

آموزش Color System در متریال دیزاین 2 و 3
برای پخش این ویدیو باید ابتدا وارد سایت شوید.
ورود ثبت نام

آموزش Color System در متریال دیزاین 2 و 3

تمام ویدیوهای آموزش Jetpack Compose؛ توسعه UI در اندروید، دسکتاپ و وب
شروع کار با Jetpack Compose
آشنایی با کامپوننت‌ها در جت پک کامپوز
چیدمان عناصر در Jetpack Compose
مفهوم State در جت پک کامپوز
مجموعه آیتم‌ها
توسعه تم (پوسته) اپلیکیشن

همانطور که می‌دانید، متریال دیزاین سیستم متن باز طراحی شرکت گوگل است که برای سیستم عامل اندروید نیز مورد استفاده قرار می‌گیرد.

توسعه‌دهندگان نیتیو اندروید و طراحان رابط کابری باید با این Design System آشنا باشند. در این آموزش قصد داریم با Color System در Material Design آشنا شویم تا در نهایت با آشنایی بیشتر به توسعه رابط کاربری اپلیکیشن به کمک ابزار Jetpack Compose بپردازیم.

 

Color System در Material Design

در متریال دیزاین نسخه 2 دو نوع پالت رنگی (لایت و دارک) وجود دارد که شامل رنگ‌های اپلیکیشن برای توسعه UI است.

در Jetpack Compose برای این دو نوع پالت رنگی دو کلاس به نام‌های LightColorScheme و DarkColorScheme تعریف شده است.

برای اینکه اپلیکیشن شما از دو پوسته حالت روز و حالت شب پشتیبانی کند، باید رنگ‌های موارد زیر را برای هر کدام از اسکیما‌ها تعریف کنید:

  • primary
  • onPrimary
  • secondary
  • onSecondary
  • background
  • onBackground
  • surface
  • onSurface
  • surfaceVariant
  • onSurfaceVariant
  • error
  • onError
  • outline
  • outlineVariant

Color System متریال دیزاین در یک اپلیکیشن اندرویدی

Dynamic Color در متریال دیزاین 3

در Material Design 3 تغییراتی انقلابی در پوسته‌های اپلیکیشن‌ها افزوده شد که معروف به داینامیک کالر (رنگ پویا) است. در اندروید 12 به بالا، کاربر می‌تواند از تنظیمات سیستمی دستگاه خود رنگ پوسته اپلیکیشن‌ها را انتخاب کند. با انتخاب رنگ دلخواه اپلیکیشن توسط کاربر، بر روی تمامی اپلیکیشن‌هایی که از قابلیت Dynamic Color پشتیبانی می‌کنند، اعمال خواهد شد.

در این روش شما تعیین کننده رنگ‌ها نیستید و کاربر رنگ را انتخاب می‌کند. با انتخاب هر رنگ، اسکیمای آن رنگ مورد نظر بر روی تمام اپلیکیشن‌ها اعمال خواهد شد. وظیفه شما استفاده از برچسب درست هر رنگ در جای مناسب اپلیکیشن است تا اپلیکیشن شما با رنگ انتخاب کاربر کاملا سازگار باشد.

ارسال نظر :
پاسخ به