Sokan Academy

Color Theory: یادگیری تئوری رنگ‌ها به‌ صورت عملی

Color Theory: یادگیری تئوری رنگ‌ها به‌ صورت عملی

در حالی‌ که موضوع تئوری رنگ‌ها یک مفهوم پایه‌ای به‌ نظر می‌رسد، اما با مطالعه نمی‌توان آن‌ را به خوبی درک کرد و برای آشنایی عمیق با تئوری رنگ‌ها، نیاز به کار عملی است. اگر دولوپری هستید که برنامه‌های تحت وب زیادی توسعه می‌دهید، باید تا به‌ حال، خواه به صورت اصولی و خواه غیراصولی، از رنگ‌های مختلف در دیزاین صفحات استفاده کرده باشید 

Color Theory یک ابزار آنلاین بسیار کاربردی جهت یادگیری سریع تئوری‌های مرتبط با رنگ‌ها است. هدف این سایتِ کاملاً رایگان، در واقع کمک به دِوِلوپِرهایی است که آگاهی چندانی درباره رنگ‌ها، دیزاین (طراحی) و زیباشناسی رابط کاربری ندارند (تمامی فرایند توسعه و انتشار این وب‌سایت در گیت‌هاب، توسط یک دیزاینِر و دولوپر خوش‌ذوقی به‌ نام Natalya Shelburne انجام شده است.) 

کاربران در عین حال ‌که از این سایت استفاده می‌کنند، می‌توانند درک کنند که چرا برخی از رنگ‌های خاص با یکدیگر هم‌خوانی دارند و برخی دیگر این‌گونه نیستند. همچینین با فهمیدن بعضی از قوانین کلیدی، می‌توانند طرح‌های رنگی غیراصولی را تشخیص داده و دیگر از آن‌ها در طراحی‌های خود استفاده نکنند (به‌ عنوان مثال، قانونی هست تحت این عنوان که هرگز از رنگ سیاه خالص استفاده نکنید و این در حالی است که همین قانون می‌تواند برای رنگ‌های دیگر نیز صادق باشد به این صورت که تا حد امکان باید از به‌کارگیری شکل خالص رنگ‌ها جلوگیری شود؛ مثلاً بهتر است از رنگ آبی خالص با کد هگزادسیمال 0000FF# در طراحی‌های خود استفاده نکنیم.)

نکته جالب توجه در مورد وب‌سایت Color Theory این است که هر بخش شامل یکسری کدهای CSS/Sass همراه با توضیحاتی مفید درباره رنگ‌ها می‌باشد که با وجود این موارد، می‌توان درک کرد که چرا رنگ‌های خنثی مانند سیاه، سفید و خاکستری در پروسهٔ طراحی بسیار مهم هستند، چگونه می‌توان رنگ‌های به‌ اصطلاح Accent تولید کرد و در نهایت چگونه یک طرح‌ رنگی ایجاد کرد که در آن، رنگ‌ها با یکدیگر هم‌خوانی داشته باشند (Accent به رنگی گفته می‌شود که برای تأکید در یک پالت رنگی به کار می‌رود.)

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

این محتوا آموزنده بود؟
فرانت اندرنگرابط کاربری
UI / UX-topic-cardاز مجموعه UI / UX

sokan-academy-footer-logo
کلیه حقوق مادی و معنوی این وب‌سایت متعلق به سکان آکادمی می باشد.