راهنمای کاربردی رنگ

راهنمای رنگ در طراحی رابط کاربری

رنگ را برای سلسله‌مراتب، وضعیت‌ها، تمرکز و دسترس‌پذیری درست به‌کار ببرید.

01

رنگ نقش دارد

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

02

فقط به رنگ تکیه نکنید

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

03

حالت‌های تعامل

حالت‌های hover، focus و disabled باید قابل تشخیص باشند، اما نباید چیدمان را جابه‌جا کنند.