برای طراحی سایت از چه رنگ هایی استفاده کنیم؟

تداعی رنگ قدرتمند است. ما آنها را در دوران نوزادی پرورش می‌دهیم و معمولاً تا آخر عمر با ما می‌مانند. این تداعی ها غریزی و اغلب ناخودآگاه هستند.

بسیاری از این انجمن ها نسبتاً جهانی هستند. به عنوان مثال، همه یاد می گیرند که سبز را با برگ ها و طبیعت و زرد را با خورشید مرتبط کنند.

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



این انجمن های فرهنگی امروزه بیش از هر زمان دیگری مهم هستند زیرا بسیاری از برندها حضور جهانی دارند. بسته به رنگ‌هایی که استفاده می‌کنید، افراد کشورهای خاصی ممکن است چیزی منفی را با برند شما مرتبط کنند، که قطعاً شما نمی‌خواهید.

ابتدا باید رنگ های اولیه ، ثانویه و ثالث را درک کنید .

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

رنگ های ثانویه از ترکیب دو رنگ اصلی ایجاد می شوند. به عنوان مثال، وقتی آبی و زرد (دو رنگ اصلی) را با هم ترکیب می کنید، سبز (یک رنگ ثانویه) به دست می آید.

رنگ های سوم از ترکیب یک رنگ اصلی و یک رنگ ثانویه که در کنار یکدیگر در چرخه رنگ قرار دارند ایجاد می شوند. اینها رنگهای مرکب را ایجاد می کنند. به عنوان مثال، مخلوط کردن آبی (اولیه) و بنفش (ثانویه) آبی-بنفش (ثالثیه) ایجاد می کند.



دوم، بیایید در مورد رنگ های گرم و سرد صحبت کنیم .

احتمالاً قبلاً تصوری از رنگ های گرم و سرد دارید. رنگ های قرمز، نارنجی و زرد به عنوان گرم طبقه بندی می شوند، در حالی که آبی، سبز و بنفش سرد هستند.





سوم، درک تفاوت های ظریف رنگ مهم است .

هر رنگی که می بینید رنگ خالص نیست. بسیاری از رنگ هایی که به صورت آنلاین مشاهده می کنید به یک شکل تحت تأثیر قرار گرفته اند.

ممکن است یک رنگ (رنگی که سفید به آن اضافه شده است)، یک سایه (رنگی که مشکی به آن اضافه شده است) یا یک تن (رنگی که خاکستری به آن اضافه شده است) مشاهده کنید.

یا ممکن است یک رنگ بیش از حد اشباع یا اشباع نشده را ببینید . اشباع رنگ به میزان روشن یا مات بودن رنگ است.

این تفاوت های رنگی چیزهای بیشتری وجود دارد، اما این نکات اساسی هستند که برای انتخاب ترکیب رنگ های موثر باید بدانید که در ادامه در مورد آنها صحبت خواهیم کرد.
 

3. به ترکیب ترکیب رنگ ها فکر کنید

هدف شما این است که یک طرح رنگی برای طراحی وب سایت خود انتخاب کنید . معنی آن چیست؟ خوب، شما به دنبال یک ترکیب خوب از رنگ ها هستید. بسته به اینکه با چه تعداد رنگ در نهایت کار می کنید، طرح رنگ شما ممکن است شامل چندین ترکیب رنگ باشد.

هنگامی که به ترکیب رنگ برای وب سایت خود فکر می کنید، درک این تفاوت های رنگی بسیار مهم است. شما باید بدانید که چرا رنگ‌های خاص با هم کار می‌کنند و چگونه می‌توانید رنگ‌ها را طوری تغییر دهید که با طرح شما مطابقت داشته باشند.

تئوری رنگ به ما می گوید که چه رنگ هایی با هم خوب کار می کنند. بنابراین وقتی نوبت به انتخاب رنگ برای پالت شما می رسد، چند جنبه پیشرفته تر از تئوری رنگ وجود دارد که می تواند به شما کمک کند تصمیم بگیرید کدام رنگ برای شما بهترین است.

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

پنج ترکیب رنگ اصلی وجود دارد: مکمل ، مکمل تقسیم شده ، سه گانه و چهارتایی ، آنالوگ و تک رنگ .

• رنگ های مکمل روی چرخه رنگ مقابل یکدیگر قرار می گیرند. یک ترکیب رنگ مکمل از یک رنگ گرم و یک رنگ سرد تشکیل خواهد شد. قرمز و سبز یک جفت مکمل محبوب هستند.
• رنگ های مکمل تقسیم شده از یک رنگ پایه و دو رنگ که در مجاورت مکمل رنگ پایه هستند تشکیل شده اند.
• رنگ های سه گانه و چهارتایی روابط مشابهی دارند. سه گانه ها از رنگ هایی استفاده می کنند که به طور مساوی در چرخه رنگ قرار دارند (مانند قرمز، آبی و زرد). رنگ‌های تترادیک چهار رنگ هستند که از دو جفت رنگ مکمل (مانند قرمز، سبز، آبی و نارنجی) تشکیل شده‌اند.
• رنگ های مشابه در چرخه رنگ در کنار یکدیگر قرار می گیرند. در نتیجه، رنگ های مشابه بسیار شبیه به هم هستند، مانند سبز و زرد-سبز.
• در نهایت، رنگ های تک رنگ به سادگی تغییراتی از همان رنگ هستند. این کار با استفاده از رنگ‌ها، سایه‌ها و تن‌ها انجام می‌شود.

به این ترکیب رنگ ها به عنوان ابزار خود فکر کنید. از آنجایی که این ترکیب ها همه کار می کنند، لازم نیست نگران عدم تطابق رنگ هایتان باشید.

اکنون که ترکیب‌های دقیقی را که می‌توانید به کار ببرید، می‌دانید، می‌توانید به نحوه استفاده از آن‌ها برای ایجاد یک طرح رنگی قدرتمند و جذاب فکر کنید.
 

4. آن را ساده نگه دارید

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

ساده نگه داشتن کارها دو فایده بزرگ دارد.

شاید بزرگترین مزیت این باشد که سادگی می تواند بدون زحمت یک طرح رنگ را به هم پیوند دهد. اگر فقط چند رنگ در کار دارید، همه چیز یکپارچه به نظر می رسد. (خب، حداقل اگر از یکی از ترکیب رنگ های ذکر شده در بالا استفاده کرده اید.)

مزیت دیگر این است که بینندگان مجبور نیستند برای پردازش آنچه در حال وقوع است سخت کار کنند. این یکی از ویژگی های یک وب سایت عالی است . اگر در مورد رنگ زیاده روی کنید، کاربران شما بیشتر گیج خواهند شد.

طرح رنگ WordStream یک مثال عالی است. صفحه اصلی فقط از سه رنگ استفاده می کند: آبی، نارنجی و سبز.


 

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

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

این طرح رنگ در سراسر سایت ثابت است. یکی از پست های وبلاگ به این صورت است :



 

این یک طرح رنگی ساده است، اما به دلیل سادگی فوق العاده موثر است . این نشان می دهد که درخشان تر همیشه بهتر نیست.

وبلاگ Evernote یک مثال عالی دیگر است:

طراحی وبلاگ حول رنگ سبز، که رنگ اصلی برند Evernote است، ساخته شده است. چند لمس خارق‌العاده در اینجا وجود دارد - تصویر، دکمه ورود به سیستم و حتی لینک‌ها همگی سبز هستند.
رنگ زرد بسیار خود را نشان می دهد و این طرح رنگ را مشابه می کند.