سیستم رنگی Material Design می تواند به شما در ایجاد تم رنگی کمک کند که نشانگر نام تجاری یا سبک شما باشد.
سیستم رنگی Material Design به شما کمک می کند تا رنگ را در UI خود به روشی معنی دار اعمال کنید. در این سیستم ، یک رنگ اصلی و ثانویه را برای نشان دادن نام تجاری خود انتخاب می کنید. انواع dark و light هر رنگ را می توان به روش های مختلفی برای UI شما اعمال کرد
تم های رنگی به گونه ای طراحی شده اند که هارمونی, در دسترس بودن متن و تمایز عناصر UI و زمینه از یکدیگر را شاهد باشیم.
سلسله مراتب
رنگ نشان می دهد کدام عناصر تعاملی هستند ، نحوه ارتباط آنها با سایر عناصر و سطح برجستگی آنها. عناصر مهم باید بیشتر از همه برجسته شوند.
خوانایی
متن و عناصر مهم ، مانند آیکون ها ، هنگام ظاهر شدن در زمینه های رنگی ، باید استانداردهای خوانایی را رعایت کنند.
رسا بودن
رنگ های برند را در لحظه های به یاد ماندنی نشان دهید که باعث تقویت سبک برند شما می شود.
شامل رنگ های پیش فرض برای :
رنگهای اولیه و ثانویه
انواع رنگهای اولیه و ثانویه
رنگهای UI اضافی ، مانند رنگ پس زمینه ، سطوح ، خطاها ، تایپوگرافی و نمادنگاری.
همه این رنگ ها می توانند برای برنامه شما تنظیم شوند
رنگ اصلی رنگی است که بیشتر در صفحه ها و مؤلفه های برنامه شما نمایش داده می شود. از رنگ اصلی شما می توان برای ایجاد رنگ استفاده کرد ...
از رنگ اصلی شما می توانید برای ایجاد یک تم رنگی برای برنامه خود ، از جمله انواع رنگ اصلی تیره و سبک استفاده کنید.
برای ایجاد تضاد بین عناصر UI ، مانند نوار بالایی برنامه از نوار سیستم ، میتوانید از رنگ تیره یا سبک از همان رنگ اصلی استفاده کنید.همچنین برای تمایز دادنِ عناصر داخل یه جزء ،میتوانید از آیکن در محدوده ی آن استفاده کنید.
رنگ ثانویه روشهای بیشتری برای تمایز محصول شما فراهم می کند. داشتن رنگ ثانویه اختیاری است .
رنگ های ثانویه بهترین گزینه برای:
دکمه های عملکرد شناور
کنترل های انتخابی ، مانند کشویی و سوییچ
برجسته کردن متن انتخاب شده
میله های پیشرفت(Progress bars)
پیوندها و عناوین (Links and headlines )
رنگ تیره یا سبک از رنگ ثانویه
دقیقاً مانند رنگ اصلی ، رنگ ثانویه شما می تواند انواع تیره و سبک داشته باشد. یک موضوع رنگ می تواند از رنگ اصلی ، رنگ ثانویه و انواع تیره و نور هر رنگ استفاده کند.
ادامه مبحث رنگ ها در پست بعد
