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

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

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

عکس شماره یک : فیسبوک

عکس شماره دو : گوگل

عکس شماره سه : فلیکر

عکس شماره چهار : لینکداین

البته شاید تشخیص برخی از گزینه های بالا برای شما سخت باشند ولی توجه می کنید که چقدر رنگ ها در شناخته شدن یک برند و وب سایت تاثیرگذار است. بنابراین رنگی را انتخاب کنید که برند شما را از سایر برند ها متمایز کند و یا حتی اگر وب سایت فروشگاهی دارید از رنگ هایی طراحی فروشگاه  خود استفاده کنید که کاربران را تشویق به خرید کند . 

 عکس زیر می تواند راهنمای خوبی برای استفاده از رنگ ها در طراحی وب سایت ها باشد . همانطور که می بینید برند های مختلف از رنگ های خاص با هدف خاصی در طرح های خود استفاده کرده اند که کاملا از توضیحات داده شده در عکس پیداست.

طرحهای رنگی می توانند ترکیبی از یک رنگ، رنگهای مکمل، یا رنگهای متضاد باشند.

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

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

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

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

سعی کنید در طراحی های خود به نکات زیر توجه کنید :

- انتخاب یک تم مناسب و انتخاب سایر رنگ ها بر اساس مفهوم مورد نظر در دیزاین آن وب سایت بسیار تاثیر گذار خواهد بود . 

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

-رنگ های روشن مانند زرد و قرمز توجه کاربران را به خود جلب می کند  و از این راه می توان انها را به سمت کالاهای خاص خود در فروشگاه هدایت نمود . ولی در استفاده از این رنگ ها نیز باید دقت کرد . میزان استفاده از این رنگ های روشن  برای این مفهوم نباید بیشتر از 20درصد  تم رنگی کلی وب سایت باشد .