محفل، وب‌نوشته‌های متین خسروی

محفلی برای چند دقیقه نشستن، در میان روزمرگی‌هایمان...

محفل، وب‌نوشته‌های متین خسروی

محفلی برای چند دقیقه نشستن، در میان روزمرگی‌هایمان...

آخرین نظرات
  • ۲۲ آبان ۹۶، ۲۰:۳۹ - امیرمحمد البرزی
    :-|
  • ۲۲ آبان ۹۶، ۱۵:۰۲ - دفتر شما
    موافقم

بحث انتخاب تم رنگ، از معمول‌ترین مسائلی‌ست که با آن برخورد می‌کنیم. از ساخت اسلاید و تنظیم سند word گرفته، تا طراحی رابط گرافیکی و شاید طراحی داخلی.

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

اما بعد از این پالت‌های آماده، ممکن است نیاز به سایتی داشته‌باشیم که بر پایه‌ی رنگ مورد نظرمان، بتوانیم تم طراحی کنیم. این میان، به نظر من Paletton ابزار مناسبی است.

بعد از وارد کردن کد hex رنگ پایه در پایینِ صفحه، شما در سمت راست رنگ‌های متناسب را مشاهده می‌کنید. در تنظیمات، می‌توانید درخواست ست تک‌رنگ، سه‌رنگ متناسب یا غیرمتناسب یا چهار رنگ کنید. همچنین Paletton می‌تواند ترکیب رنگ مکملی نیز در اختیارتان قرار دهد.

با کلیک روی هر کدام از رنگ‌ها، می‌توانید رنگ مورد نظر را در قالب‌های مختلف (از جمله hex و RGB) دریافت کنید. در این تصویر ترکیب رنگ سه‌تایی پیشنهادی برای رنگ آبی وبلاگ (#3486E2) را می‌بینید.

 

 

همچنین برای هر رنگ پایه‌ای، در قسمت Presets مجموعه رنگ‌های جالبی وجود دارد.

در قسمت مثال‌ها، می‌توانید این ترکیب رنگ را در شمای یک وب‌سایت ببینید، و به کمک قابلیت جالب Vision Simulation، خواهید توانست در شرایطی که نمایشگر مشکلاتی دارد (saturation پایین، گامای نامتناسب) یا مخاطبتان مشکلات کوررنگی دارد (بیماری‌های مختلف با درصد شیوع در سایت تعیین شده) ترکیب رنگی که دیده‌می‌شود را مشاهده کنید.

 

امیدوارم این ابزار، اولاً کمی از مشکلات انتخاب رنگمان را حل کند، و مهم‌تر از آن بهانه‌ای شود برای بازگرداندن رنگ به کارهایمان.

  • ۹۶/۰۴/۳۱

نظرات (۱)

مرسی
ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی