رنگ‌ها در دیزاین سیستم
۱۶ نکته برای راه اندازی یک سیستم پایدار

من تخصص رنگ ندارم. در واقع خیلی از آن دور هستم. در طول حرفه‌ام به طراحان بصری که بهتر از خودم هستند اعتماد کرده‌ام تا یک پالت جذاب را ایجاد کرده و آن را به صورت هماهنگ در یک رابط کاربری اعمال کنند.
اما به عنوان یک طراح سیستم، اغلب در موقعیتی هستم که باید تصمیمات رنگی را به چالش بکشم و اعتبارشان را بررسی کنم تا سیستم شکل بگیرد. در ادامه ۱۶ نکته را که در حین استحکام یک پالت اصلی، انتخاب رنگ‌های مات و سایه٫ پالت‌های ثانویه و حل مشکلات تضاد قابل دسترسی‌ آموخته‌ام، ارائه می‌دهم.


پالت اصلی (Primary Pallet)
با رنگ اصلی، در حال اشاره به رنگ‌های استفاده شده در همه جا از جمله رنگ‌های برند شما، رنگ‌های خنثی و رنگ آبی تعاملی معمولی هستیم.
⁃ رنگ سازمانی خود را انتخاب کنید.
هر سازمان یک یا دو یا حتی چندین رنگ اصلی برند دارد. قرمز، آبی، نارنجی و… بر روی آن‌ها تصمیم بگیرید. حتی اگر به طور معقول با یک یا دو متغیر رنگ تنظیم شده باشند، هیچ چیز جز نشانه‌ای از تیم سیستم طراحی که نمی‌تواند کار‌های خود را به هم بزند، به جز تغییر مکرر رنگ‌های اصلی نمی‌دهد.

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

▫️درگیر کردن برند (اگر یک رنگ برند را تغییر دهید)
آیا آبی برند کمی کم‌رنگ است؟ نمی‌توانید در برابر میل به زنده کردن آن مقاومت کنید؟ هیچ چیز بیشتر از یک “ما نام تجاری نارنجی را برای وب اشباع کردیم” و به دنبال واکنش برند با “شما چه کردید؟” به همکاری اولیه آسیب نمی‌رساند.

نتیجه: رنگ‌های برند میدان تیم برند است. بنابراین تنظیمات را با آن‌ها بررسی کنید و در صورت لزوم به داوری آن‌ها تکیه کنید.

▫️رنگ‌های خنثی را کاهش دهید
از ذغالی تیره تا خاکستری روشن، رنگ‌های خنثی اسکلت ضرروری رابط کاربری را فراهم می‌کنند. بارگیری یک سیستم با رنگ‌های خنثی (حتی چندتا)، خطر دسترسی تیم‌ها به رنگ‌های گل‌آلود را به همراه دارد. آن‌ها همچنین می‌توانند منجر به طراحی‌های Wireframe شوند. نه نوع تیره و نه روشن کنتراست به اندازه کافی در پس زمینه خاکستری متوسط ندارد.

▫️به آبی دیجیتال بروید. هرکس دیگری انجام می‌دهد
پنج سیستم طراحی گذشته من بر روی رنگ آبی اشباع شده به عنوان دکمه پیش فرض و رنگ پیوند مستقر شدند. پیوندها همیشه آبی بوده‌اند، شاید از ابتدای اولین مرورگر. این آبی «دیجیتال»، رنگی کاربردی برای پیوند‌ها و موارد قابل کلیک، در هر پالت اصلی ضروری است.

نتیجه: وقتی (نه اگر) با آبی دیجیتال پیش می‌روید، یک رنگ قابل دسترس انتخاب کنید و مطمئن شوید که با آبی، قرمز، نارنجی، بنفش یا سبز برند تضاد ندارد.

برای مطالعه ادامه مقاله به «لینک» مراجعه کنید.

(مدت زمان مطالعه: ۹ دقیقه)

گردآورنده: رها کاوه

#رابط_کاربری #دیزاین_سیستم #رنگ

@Dexign فلسفه دیزاین

______