در محصول دیجیتال، رنگ باید وضعیت، سلسلهمراتب و اقدام را توضیح دهد. پالت زیبا اگر در حالت خطا، موفقیت، تمرکز و متن کنتراست کافی نداشته باشد، سیستم قابل اتکایی نیست.
#پالت مناسب این حوزه چه ویژگیهایی دارد؟
قابلیت توسعه به توکنهای رابط، کنتراست روشن و تیره و امکان تعریف رنگهای وضعیت، معیارهای این فهرست هستند.
#۱. داشبورد مدرن
مقیاس خنثی آبی برای داشبورد و محصول سازمانی؛ رنگ برند میتواند جداگانه بهعنوان تأکید اضافه شود.
#۲. اپلیکیشن سلامت
سبز عمیق تا نعنایی حس سلامت و اطمینان میدهد و برای نمایش موفقیت نیز ظرفیت خوبی دارد.
#۳. رابط کاربری بنفش
برای محصولات خلاق و ابزارهای هوش مصنوعی، بنفش میتواند هویت متمایزی در هر دو حالت تیره و روشن بسازد.
#۴. فینتک هشدار
آبی برای اعتماد و کهربایی برای هشدار، ترکیبی عملی برای داشبوردهای مالی و دادهمحور است.
#۵. رابطکاربری گرمسیری
برای اپ اجتماعی یا محصول سبک زندگی، این پالت نسبت به ترکیبهای شرکتی انرژی بیشتری دارد.
#۶. محصول دیجیتال اصیل
آبیهای مطمئن کنار هلویی، برای محصولی حرفهای که نمیخواهد سرد و بیشخصیت باشد مناسب است.
#۷. اپلیکیشن گرم ۱۱۸۹
پالت «اپلیکیشن گرم ۱۱۸۹» را میتوان برای رابط سایت، اپلیکیشن، داشبورد و محصول دیجیتال بهعنوان نقطه شروع استفاده کرد. پیش از اجرای نهایی، نسبت رنگ غالب، ثانویه و تأکیدی را با مقیاس واقعی پروژه آزمایش کن.
#۸. وبسایت گرم ۱۱۹۰
پالت «وبسایت گرم ۱۱۹۰» را میتوان برای رابط سایت، اپلیکیشن، داشبورد و محصول دیجیتال بهعنوان نقطه شروع استفاده کرد. پیش از اجرای نهایی، نسبت رنگ غالب، ثانویه و تأکیدی را با مقیاس واقعی پروژه آزمایش کن.
#۹. رابط سرد ۱۱۹۱
پالت «رابط سرد ۱۱۹۱» را میتوان برای رابط سایت، اپلیکیشن، داشبورد و محصول دیجیتال بهعنوان نقطه شروع استفاده کرد. پیش از اجرای نهایی، نسبت رنگ غالب، ثانویه و تأکیدی را با مقیاس واقعی پروژه آزمایش کن.
#۱۰. محصول سرد ۱۱۹۲
پالت «محصول سرد ۱۱۹۲» را میتوان برای رابط سایت، اپلیکیشن، داشبورد و محصول دیجیتال بهعنوان نقطه شروع استفاده کرد. پیش از اجرای نهایی، نسبت رنگ غالب، ثانویه و تأکیدی را با مقیاس واقعی پروژه آزمایش کن.
#۱۱. داشبورد سرد ۱۱۹۳
پالت «داشبورد سرد ۱۱۹۳» را میتوان برای رابط سایت، اپلیکیشن، داشبورد و محصول دیجیتال بهعنوان نقطه شروع استفاده کرد. پیش از اجرای نهایی، نسبت رنگ غالب، ثانویه و تأکیدی را با مقیاس واقعی پروژه آزمایش کن.
#۱۲. اپلیکیشن سرد ۱۱۹۴
پالت «اپلیکیشن سرد ۱۱۹۴» را میتوان برای رابط سایت، اپلیکیشن، داشبورد و محصول دیجیتال بهعنوان نقطه شروع استفاده کرد. پیش از اجرای نهایی، نسبت رنگ غالب، ثانویه و تأکیدی را با مقیاس واقعی پروژه آزمایش کن.
#۱۳. وبسایت سرد ۱۱۹۵
پالت «وبسایت سرد ۱۱۹۵» را میتوان برای رابط سایت، اپلیکیشن، داشبورد و محصول دیجیتال بهعنوان نقطه شروع استفاده کرد. پیش از اجرای نهایی، نسبت رنگ غالب، ثانویه و تأکیدی را با مقیاس واقعی پروژه آزمایش کن.
#۱۴. رابط زنده ۱۱۹۶
پالت «رابط زنده ۱۱۹۶» را میتوان برای رابط سایت، اپلیکیشن، داشبورد و محصول دیجیتال بهعنوان نقطه شروع استفاده کرد. پیش از اجرای نهایی، نسبت رنگ غالب، ثانویه و تأکیدی را با مقیاس واقعی پروژه آزمایش کن.
#۱۵. محصول زنده ۱۱۹۷
پالت «محصول زنده ۱۱۹۷» را میتوان برای رابط سایت، اپلیکیشن، داشبورد و محصول دیجیتال بهعنوان نقطه شروع استفاده کرد. پیش از اجرای نهایی، نسبت رنگ غالب، ثانویه و تأکیدی را با مقیاس واقعی پروژه آزمایش کن.
#۱۶. داشبورد زنده ۱۱۹۸
پالت «داشبورد زنده ۱۱۹۸» را میتوان برای رابط سایت، اپلیکیشن، داشبورد و محصول دیجیتال بهعنوان نقطه شروع استفاده کرد. پیش از اجرای نهایی، نسبت رنگ غالب، ثانویه و تأکیدی را با مقیاس واقعی پروژه آزمایش کن.
#۱۷. اپلیکیشن زنده ۱۱۹۹
پالت «اپلیکیشن زنده ۱۱۹۹» را میتوان برای رابط سایت، اپلیکیشن، داشبورد و محصول دیجیتال بهعنوان نقطه شروع استفاده کرد. پیش از اجرای نهایی، نسبت رنگ غالب، ثانویه و تأکیدی را با مقیاس واقعی پروژه آزمایش کن.
#۱۸. وبسایت زنده ۱۲۰۰
پالت «وبسایت زنده ۱۲۰۰» را میتوان برای رابط سایت، اپلیکیشن، داشبورد و محصول دیجیتال بهعنوان نقطه شروع استفاده کرد. پیش از اجرای نهایی، نسبت رنگ غالب، ثانویه و تأکیدی را با مقیاس واقعی پروژه آزمایش کن.
#۱۹. رابط نرم ۱۲۰۱
پالت «رابط نرم ۱۲۰۱» را میتوان برای رابط سایت، اپلیکیشن، داشبورد و محصول دیجیتال بهعنوان نقطه شروع استفاده کرد. پیش از اجرای نهایی، نسبت رنگ غالب، ثانویه و تأکیدی را با مقیاس واقعی پروژه آزمایش کن.
#۲۰. محصول نرم ۱۲۰۲
پالت «محصول نرم ۱۲۰۲» را میتوان برای رابط سایت، اپلیکیشن، داشبورد و محصول دیجیتال بهعنوان نقطه شروع استفاده کرد. پیش از اجرای نهایی، نسبت رنگ غالب، ثانویه و تأکیدی را با مقیاس واقعی پروژه آزمایش کن.
#۲۱. داشبورد نرم ۱۲۰۳
پالت «داشبورد نرم ۱۲۰۳» را میتوان برای رابط سایت، اپلیکیشن، داشبورد و محصول دیجیتال بهعنوان نقطه شروع استفاده کرد. پیش از اجرای نهایی، نسبت رنگ غالب، ثانویه و تأکیدی را با مقیاس واقعی پروژه آزمایش کن.
#۲۲. اپلیکیشن نرم ۱۲۰۴
پالت «اپلیکیشن نرم ۱۲۰۴» را میتوان برای رابط سایت، اپلیکیشن، داشبورد و محصول دیجیتال بهعنوان نقطه شروع استفاده کرد. پیش از اجرای نهایی، نسبت رنگ غالب، ثانویه و تأکیدی را با مقیاس واقعی پروژه آزمایش کن.
#۲۳. وبسایت نرم ۱۲۰۵
پالت «وبسایت نرم ۱۲۰۵» را میتوان برای رابط سایت، اپلیکیشن، داشبورد و محصول دیجیتال بهعنوان نقطه شروع استفاده کرد. پیش از اجرای نهایی، نسبت رنگ غالب، ثانویه و تأکیدی را با مقیاس واقعی پروژه آزمایش کن.
#۲۴. رابط عمیق ۱۲۰۶
پالت «رابط عمیق ۱۲۰۶» را میتوان برای رابط سایت، اپلیکیشن، داشبورد و محصول دیجیتال بهعنوان نقطه شروع استفاده کرد. پیش از اجرای نهایی، نسبت رنگ غالب، ثانویه و تأکیدی را با مقیاس واقعی پروژه آزمایش کن.
#۲۵. محصول عمیق ۱۲۰۷
پالت «محصول عمیق ۱۲۰۷» را میتوان برای رابط سایت، اپلیکیشن، داشبورد و محصول دیجیتال بهعنوان نقطه شروع استفاده کرد. پیش از اجرای نهایی، نسبت رنگ غالب، ثانویه و تأکیدی را با مقیاس واقعی پروژه آزمایش کن.
#روش استفاده از پالت در پروژه
- یک رنگ آرام را برای حدود ۶۰ درصد سطح و پسزمینه انتخاب کن.
- رنگ ثانویه را برای کارتها و بخشهای پشتیبان نگه دار.
- پرکنتراستترین رنگ را فقط برای نقاط تصمیم و تأکید استفاده کن.
- رنگ متن و دکمهها را در ابزار کنتراست قلموم براساس WCAG آزمایش کن.
#پالت را با پروژه خودت هماهنگ کن
هر ترکیب را در آزمایشگاه پالت قلموم باز کن، رنگها را تغییر بده، کد CSS بگیر یا تصویر پالت را دانلود کن.
هنوز نظری ثبت نشده
اولین نفری باش که نظرش را میگوید.