رنگ

طراحی متریال برای Wear OS از پالت رنگ تیره تری استفاده می کند. به طور خاص، شما باید از پس زمینه سیاه برای برنامه و کاشی خود استفاده کنید.

طرح رنگ

طرح رنگ Wear OS بر اساس طرح زمینه رنگی Material Design ایجاد شده است. می‌توانید از آن تم همانطور که هست استفاده کنید یا آن را برای برنامه خود سفارشی کنید.

این تم شامل رنگ های پیش فرض برای:

• رنگ های اولیه و ثانویه
• انواع رنگ های اصلی و ثانویه
• رنگ‌های اضافی رابط کاربری، مانند رنگ‌های پس‌زمینه، سطوح، خطاها، تایپوگرافی و نماد نگاری

تم تاریک

همه رنگ‌های با تم تیره باید عناصری را با کنتراست کافی نشان دهند که با استاندارد AA WCAG حداقل 4.5:1 برای متن بدنه هنگام اعمال بر روی تمام سطوح ارتفاعی مطابقت دارد.

از رنگ های غیراشباع برای دسترسی استفاده کنید

یک تم تیره باید از استفاده از رنگ‌های اشباع شده خودداری کند، زیرا استاندارد دسترسی WCAG حداقل 4.5:1 برای متن بدنه در برابر سطوح تیره را برآورده نمی‌کند. رنگ های اشباع شده همچنین ارتعاشات نوری را در پس زمینه تیره ایجاد می کنند که می تواند باعث خستگی چشم شود. در عوض، از رنگ های غیراشباع به عنوان جایگزین خواناتر استفاده کنید.

شکل 1. رنگ های کمتر اشباع شده از پالت رنگ شما خوانایی را بهبود می بخشد.

شکل 2. از استفاده از رنگ های اشباع شده در زمینه تیره خودداری کنید.

رنگ اولیه

رنگ اصلی رنگی است که بیشتر در صفحه نمایش و اجزای برنامه شما نمایش داده می شود. طرح زمینه تیره طرح مواد اولیه از تون 200 به عنوان رنگ اصلی استفاده می کند. این با استاندارد AA WCAG حداقل 4.5:1 برای متن معمولی، در تمام سطوح ارتفاعی مطابقت دارد.

شکل 3. نمونه پالت اولیه در یک تم تیره. 1. نشانگر رنگ اصلی 2. انواع تونال

رنگ ثانویه

یک رنگ ثانویه می تواند برای برجسته کردن بخش های خاصی از رابط کاربری شما استفاده شود. در یک تم تیره، یک رنگ ثانویه را می توان غیراشباع کرد تا به سطح کنتراست 4.5:1 برسد.

در شکل 4، 1) یک نشانگر رنگ ثانویه را نشان می دهد، و 2) انواع رنگی را نشان می دهد.

شکل 4. یک نمونه پالت ثانویه در یک موضوع تیره.

رنگ تاکیدی

در یک تم تاریک، سطوح تیره اکثر رابط کاربری را اشغال می کنند. رنگ های تاکیدی معمولاً روشن (پاستیل های غیراشباع) یا روشن (رنگ های اشباع شده و زنده) هستند. این به برجسته شدن عناصر برجسته کمک می کند. برای برجسته کردن عناصر کلیدی، مانند متن یا دکمه‌ها، از رنگ‌های تاکیدی کم استفاده کنید.

پیدا کردن رنگ های تاکیدی از مولد پالت رنگ برای ایجاد یا مشاهده یک تم رنگی استفاده کنید. مولد پالت رنگ همچنین پالت های تونال را ایجاد می کند که طیفی از تغییرات رنگ روشن تا تیره هستند که از رنگ های اصلی و فرعی شما ایجاد می شوند. انواعی از اینها را برای تم تیره خود انتخاب کنید.

در شکل 5، 1) یک نشانگر رنگ اصلی تم پیش فرض و 2) نشانگر رنگ اصلی تم تیره را نشان می دهد.

شکل 5. برای ارائه انعطاف‌پذیری و قابلیت استفاده بیشتر در یک تم تیره، توصیه می‌شود از رنگ‌های روشن‌تر (200-50) به جای رنگ‌های اشباع (900-500) استفاده کنید.

از طیف تیره‌تر رنگ‌ها برای بخش‌های بزرگی از رابط کاربری مانند رنگ پس‌زمینه استفاده کنید. رنگ های روشن تر را برای لهجه ها و عناصر رابط کاربری رزرو کنید.

طراحی متریال برای Wear OS از پالت رنگ تیره تری استفاده می کند. به طور خاص، شما باید از پس زمینه سیاه برای برنامه و کاشی خود استفاده کنید.

طرح رنگ

طرح رنگ Wear OS بر اساس طرح زمینه رنگی Material Design ایجاد شده است. می‌توانید از آن تم همانطور که هست استفاده کنید یا آن را برای برنامه خود سفارشی کنید.

این تم شامل رنگ های پیش فرض برای:

• رنگ های اولیه و ثانویه
• انواع رنگ های اصلی و ثانویه
• رنگ‌های اضافی رابط کاربری، مانند رنگ‌های پس‌زمینه، سطوح، خطاها، تایپوگرافی و نماد نگاری

تم تاریک

همه رنگ‌های با تم تیره باید عناصری را با کنتراست کافی نشان دهند که با استاندارد AA WCAG حداقل 4.5:1 برای متن بدنه هنگام اعمال بر روی تمام سطوح ارتفاعی مطابقت دارد.

از رنگ های غیراشباع برای دسترسی استفاده کنید

یک تم تیره باید از استفاده از رنگ‌های اشباع شده خودداری کند، زیرا استاندارد دسترسی WCAG حداقل 4.5:1 برای متن بدنه در برابر سطوح تیره را برآورده نمی‌کند. رنگ های اشباع شده همچنین ارتعاشات نوری را در پس زمینه تیره ایجاد می کنند که می تواند باعث خستگی چشم شود. در عوض، از رنگ های غیراشباع به عنوان جایگزین خواناتر استفاده کنید.

شکل 1. رنگ های کمتر اشباع شده از پالت رنگ شما خوانایی را بهبود می بخشد.

شکل 2. از استفاده از رنگ های اشباع شده در زمینه تیره خودداری کنید.

رنگ اولیه

رنگ اصلی رنگی است که بیشتر در صفحه نمایش و اجزای برنامه شما نمایش داده می شود. طرح زمینه تیره طرح مواد اولیه از تون 200 به عنوان رنگ اصلی استفاده می کند. این با استاندارد AA WCAG حداقل 4.5:1 برای متن معمولی، در تمام سطوح ارتفاعی مطابقت دارد.

شکل 3. نمونه پالت اولیه در یک تم تیره. 1. نشانگر رنگ اصلی 2. انواع تونال

رنگ ثانویه

یک رنگ ثانویه می تواند برای برجسته کردن بخش های خاصی از رابط کاربری شما استفاده شود. در یک تم تیره، یک رنگ ثانویه را می توان غیراشباع کرد تا به سطح کنتراست 4.5:1 برسد.

در شکل 4، 1) یک نشانگر رنگ ثانویه را نشان می دهد، و 2) انواع رنگی را نشان می دهد.

شکل 4. یک نمونه پالت ثانویه در یک موضوع تیره.

رنگ تاکیدی

در یک تم تاریک، سطوح تیره اکثر رابط کاربری را اشغال می کنند. رنگ های تاکیدی معمولاً روشن (پاستیل های غیراشباع) یا روشن (رنگ های اشباع شده و زنده) هستند. این به برجسته شدن عناصر برجسته کمک می کند. برای برجسته کردن عناصر کلیدی، مانند متن یا دکمه‌ها، از رنگ‌های تاکیدی کم استفاده کنید.

پیدا کردن رنگ های تاکیدی از مولد پالت رنگ برای ایجاد یا مشاهده یک تم رنگی استفاده کنید. مولد پالت رنگ همچنین پالت های تونال را ایجاد می کند که طیفی از تغییرات رنگ روشن تا تیره هستند که از رنگ های اصلی و فرعی شما ایجاد می شوند. انواعی از اینها را برای تم تیره خود انتخاب کنید.

در شکل 5، 1) یک نشانگر رنگ اصلی تم پیش فرض و 2) نشانگر رنگ اصلی تم تیره را نشان می دهد.

شکل 5. برای ارائه انعطاف‌پذیری و قابلیت استفاده بیشتر در یک تم تیره، توصیه می‌شود از رنگ‌های روشن‌تر (200-50) به جای رنگ‌های اشباع (900-500) استفاده کنید.

از طیف تیره‌تر رنگ‌ها برای بخش‌های بزرگی از رابط کاربری مانند رنگ پس‌زمینه استفاده کنید. رنگ های روشن تر را برای لهجه ها و عناصر رابط کاربری رزرو کنید.

طراحی متریال برای Wear OS از پالت رنگ تیره تری استفاده می کند. به طور خاص، شما باید از پس زمینه سیاه برای برنامه و کاشی خود استفاده کنید.

طرح رنگ

طرح رنگ Wear OS بر اساس طرح زمینه رنگی Material Design ایجاد شده است. می‌توانید از آن تم همانطور که هست استفاده کنید یا آن را برای برنامه خود سفارشی کنید.

این تم شامل رنگ های پیش فرض برای:

• رنگ های اولیه و ثانویه
• انواع رنگ های اصلی و ثانویه
• رنگ‌های اضافی رابط کاربری، مانند رنگ‌های پس‌زمینه، سطوح، خطاها، تایپوگرافی و نماد نگاری

تم تاریک

همه رنگ‌های با تم تیره باید عناصری را با کنتراست کافی نشان دهند که با استاندارد AA WCAG حداقل 4.5:1 برای متن بدنه هنگام اعمال بر روی تمام سطوح ارتفاعی مطابقت دارد.

از رنگ های غیراشباع برای دسترسی استفاده کنید

یک تم تیره باید از استفاده از رنگ‌های اشباع شده خودداری کند، زیرا استاندارد دسترسی WCAG حداقل 4.5:1 برای متن بدنه در برابر سطوح تیره را برآورده نمی‌کند. رنگ های اشباع شده همچنین ارتعاشات نوری را در پس زمینه تیره ایجاد می کنند که می تواند باعث خستگی چشم شود. در عوض، از رنگ های غیراشباع به عنوان جایگزین خواناتر استفاده کنید.

شکل 1. رنگ های کمتر اشباع شده از پالت رنگ شما خوانایی را بهبود می بخشد.

شکل 2. از استفاده از رنگ های اشباع شده در زمینه تیره خودداری کنید.

رنگ اولیه

رنگ اصلی رنگی است که بیشتر در صفحه نمایش و اجزای برنامه شما نمایش داده می شود. طرح زمینه تیره طرح مواد اولیه از تون 200 به عنوان رنگ اصلی استفاده می کند. این با استاندارد AA WCAG حداقل 4.5:1 برای متن معمولی، در تمام سطوح ارتفاعی مطابقت دارد.

شکل 3. نمونه پالت اولیه در یک تم تیره. 1. نشانگر رنگ اصلی 2. انواع تونال

رنگ ثانویه

یک رنگ ثانویه می تواند برای برجسته کردن بخش های خاصی از رابط کاربری شما استفاده شود. در یک تم تیره، یک رنگ ثانویه را می توان غیراشباع کرد تا به سطح کنتراست 4.5:1 برسد.

در شکل 4، 1) یک نشانگر رنگ ثانویه را نشان می دهد، و 2) انواع رنگی را نشان می دهد.

شکل 4. یک نمونه پالت ثانویه در یک موضوع تیره.

رنگ تاکیدی

در یک تم تاریک، سطوح تیره اکثر رابط کاربری را اشغال می کنند. رنگ های تاکیدی معمولاً روشن (پاستیل های غیراشباع) یا روشن (رنگ های اشباع شده و زنده) هستند. این به برجسته شدن عناصر برجسته کمک می کند. برای برجسته کردن عناصر کلیدی، مانند متن یا دکمه‌ها، از رنگ‌های تاکیدی کم استفاده کنید.

پیدا کردن رنگ های تاکیدی از مولد پالت رنگ برای ایجاد یا مشاهده یک تم رنگی استفاده کنید. مولد پالت رنگ همچنین پالت های تونال را ایجاد می کند که طیفی از تغییرات رنگ روشن تا تیره هستند که از رنگ های اصلی و فرعی شما ایجاد می شوند. انواعی از اینها را برای تم تیره خود انتخاب کنید.

در شکل 5، 1) یک نشانگر رنگ اصلی تم پیش فرض و 2) نشانگر رنگ اصلی تم تیره را نشان می دهد.

شکل 5. برای ارائه انعطاف‌پذیری و قابلیت استفاده بیشتر در یک تم تیره، توصیه می‌شود از رنگ‌های روشن‌تر (200-50) به جای رنگ‌های اشباع (900-500) استفاده کنید.

از طیف تیره‌تر رنگ‌ها برای بخش‌های بزرگی از رابط کاربری مانند رنگ پس‌زمینه استفاده کنید. رنگ های روشن تر را برای لهجه ها و عناصر رابط کاربری رزرو کنید.

طراحی متریال برای Wear OS از پالت رنگ تیره تری استفاده می کند. به طور خاص، شما باید از پس زمینه سیاه برای برنامه و کاشی خود استفاده کنید.

طرح رنگ

طرح رنگ Wear OS بر اساس طرح زمینه رنگی Material Design ایجاد شده است. می‌توانید از آن تم همانطور که هست استفاده کنید یا آن را برای برنامه خود سفارشی کنید.

این تم شامل رنگ های پیش فرض برای:

• رنگ های اولیه و ثانویه
• انواع رنگ های اصلی و ثانویه
• رنگ‌های اضافی رابط کاربری، مانند رنگ‌های پس‌زمینه، سطوح، خطاها، تایپوگرافی و نماد نگاری

تم تاریک

همه رنگ‌های با تم تیره باید عناصری را با کنتراست کافی نشان دهند که با استاندارد AA WCAG حداقل 4.5:1 برای متن بدنه هنگام اعمال بر روی تمام سطوح ارتفاعی مطابقت دارد.

از رنگ های غیراشباع برای دسترسی استفاده کنید

یک تم تیره باید از استفاده از رنگ‌های اشباع شده خودداری کند، زیرا استاندارد دسترسی WCAG حداقل 4.5:1 برای متن بدنه در برابر سطوح تیره را برآورده نمی‌کند. رنگ های اشباع شده همچنین ارتعاشات نوری را در پس زمینه تیره ایجاد می کنند که می تواند باعث خستگی چشم شود. در عوض، از رنگ های غیراشباع به عنوان جایگزین خواناتر استفاده کنید.

شکل 1. رنگ های کمتر اشباع شده از پالت رنگ شما خوانایی را بهبود می بخشد.

شکل 2. از استفاده از رنگ های اشباع شده در زمینه تیره خودداری کنید.

رنگ اولیه

رنگ اصلی رنگی است که بیشتر در صفحه نمایش و اجزای برنامه شما نمایش داده می شود. طرح زمینه تیره طرح مواد اولیه از تون 200 به عنوان رنگ اصلی استفاده می کند. این با استاندارد AA WCAG حداقل 4.5:1 برای متن معمولی، در تمام سطوح ارتفاعی مطابقت دارد.

شکل 3. نمونه پالت اولیه در یک تم تیره. 1. نشانگر رنگ اصلی 2. انواع تونال

رنگ ثانویه

یک رنگ ثانویه می تواند برای برجسته کردن بخش های خاصی از رابط کاربری شما استفاده شود. در یک تم تیره، یک رنگ ثانویه را می توان غیراشباع کرد تا به سطح کنتراست 4.5:1 برسد.

در شکل 4، 1) یک نشانگر رنگ ثانویه را نشان می دهد، و 2) انواع رنگی را نشان می دهد.

شکل 4. یک نمونه پالت ثانویه در یک موضوع تیره.

رنگ تاکیدی

در یک تم تاریک، سطوح تیره اکثر رابط کاربری را اشغال می کنند. رنگ های تاکیدی معمولاً روشن (پاستیل های غیراشباع) یا روشن (رنگ های اشباع شده و زنده) هستند. این به برجسته شدن عناصر برجسته کمک می کند. برای برجسته کردن عناصر کلیدی، مانند متن یا دکمه‌ها، از رنگ‌های تاکیدی کم استفاده کنید.

پیدا کردن رنگ های تاکیدی از مولد پالت رنگ برای ایجاد یا مشاهده یک تم رنگی استفاده کنید. مولد پالت رنگ همچنین پالت های تونال را ایجاد می کند که طیفی از تغییرات رنگ روشن تا تیره هستند که از رنگ های اصلی و فرعی شما ایجاد می شوند. انواعی از اینها را برای تم تیره خود انتخاب کنید.

در شکل 5، 1) یک نشانگر رنگ اصلی تم پیش فرض و 2) نشانگر رنگ اصلی تم تیره را نشان می دهد.

شکل 5. برای ارائه انعطاف‌پذیری و قابلیت استفاده بیشتر در یک تم تیره، توصیه می‌شود از رنگ‌های روشن‌تر (200-50) به جای رنگ‌های اشباع (900-500) استفاده کنید.

از طیف تیره‌تر رنگ‌ها برای بخش‌های بزرگی از رابط کاربری مانند رنگ پس‌زمینه استفاده کنید. رنگ های روشن تر را برای لهجه ها و عناصر رابط کاربری رزرو کنید.