معیار های انتخاب رنگ ها در طراحی صفحات وب

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

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

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

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

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

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

در مدیریت نوین یک اصل پذیرفته شده وجود دارد که یک بهترین شیوه مدیریت در کار وجود ندارد. ترکیب و هماهنگی و استقرار یک نظام در رنگ بندی صفحات وب نیز ، چنین رویکردی دارد. تجربه و نوع علاقه و هنر web designer هست که سایتی را برای ما جذاب و سایتی دیگر را next می کنیم. نکاتی که می بایست در زمان طراحی گرافیکی سایت در نظر داشته باشیم به شرح زیر هستند :

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

۵ اصل مهم در انتخاب رنگ و طراحی صفحات وب

لیست زیر مشخصه هایی از رنگ ها را که هنگام طراحی باید مدنظر داشته باشید بیان میکند:

۱- رنگ ها اثر زیادی روی احساسات ما در ۹۰ ثانیه اول دیدن میگذارند .
۲- اثر رنگ میتواند بیننده را ترغیب به خرید یک جنس از شما کند.
۳- رنگ ها رفتار ما را در برابر یک موضوع فقط تشدید نمیکنند ، بلکه اثر خود را کاملا در رفتار ما نشان میدهند .
۴- اثر گذاری رنگ در فرهنگ های مختلف گوناگون است
۵- هر رنگ به تنهایی یک پیام مخصوص به چشم بیننده میفرستد .به قول مک لوهان ، رسانه همان پیام است

وقتی میخواهید رنگی انتخاب کنید باید درباره بازار نهایی کار خود بیندیشید . چه احساساتی را میخواهید برانگیخته کنید ؟ اول کمی درباره چشم انداز احساسی هدفتان فکر کنید و نیز پیامی که از راه دید میخواهید منتقل کنید .
بعد رنگ خود را انتخاب کنید ! توجه داشته باشید که گرافیک صفحات وب ، امروزه نقش زیادی را در ارائه دکترین رفتار سازمانی الکترونیکی مراکز رسانه ای غرب به مخاطبان در اختیار دارند و LOGO ، BANNER ، TIZER ها ، فوق العاده در تحکیم مفاهیم به مخاطبان وبی موثر هستند.

رنگارنگی صفحات وب خوشایند نیست
بدیهی است که وب یک محیط رنگارنگ است و به راحتی می توانید هر رمگی را که تصور می کنید انتخاب کنید و در طراحی از آن استفاده کنید. بدون اینکه مشکل درهم آمیختگی رنگ‌ها را داشته باشید یا در مورد هزینه چاپ رنگ‌ها نگران باشید! داشتن یه صفحه وب رنگارنگ کار خیلی راحت و وسوسه انگیزی است. اما آیا گزینه‌های دیگری هم برای کاربرد رنگ در طراحی وجود دارد ؟ من دیدم در بخش های مختلف سایت میکرورایانه در مورد طراحی صفحات وب بحث های خوبی شده ولی در مورد انتخاب رنگ کمتر پرداخته شده است.در اینجا می خواهیم به این بحث بپردازیم.

طرح‌های تک رنگ (Monochromatic Design)
همانطور که از اسم آن معلوم است، طرح تک رنگ طراحی با یک رنگ می باشد. یک رنگ را به عنوان پایه انتخاب می‌کنید و سفید و سیاه رو به آن اضافه می‌کنید تا سایه‌های متفاوت از ان رنگ بسازید. در این حالت طرح شما منحصراً یک پالت تک رنگ دارد و چندین سایه‌ی رو به سفید یا تیره شدن.

مزایای طرح‌های تک‌ رنگ
ساخت یک پالت تک رنگ خیلی ساده است. رنگ دلخواه را انتخاب کنید و سیاه و سفید را به آن اضافه کنید. همین!

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

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

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

معایب طرح‌های تک رنگ

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

سختی در خواندن متن اغلب بین رنگ متن نوشته و رنگ پس زمینه کنتراست خیلی کمی وجود دارد و خواندن متون دشوار می‌شود. بهتر است در این حالت تیرگی را نسبت به پس زمینه بیشتر کرد.

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

طرح های بی رنگ (Achromatic Design)
در طرح‌های بی‌رنگ هیچ رنگی وجود ندارد جز سایه‌های ساده‌ای از تیرگی. مزایا و معایب طرح‌های بی‌ رنگ مشابه طرح‌های تک رنگ بالا هست اما کمی بیشتر. مثلا عنوان کردیم با طرح‌های تک رنگ حالت ساده ای را داریم که آرامش را تداعی می کند .

در طراحی وب سایت همانطور که یک طرح تک رنگ می تواند متمایز از رنگارنگ بودن باشد یک طرح بی رنگ می تواند خیلی بیشتر این تمایز را دارا باشد

نتیجه‌گیری
لزوماً استفاده از رنگ‌های بیشتر مساوی یک طرح بهتر نیست. اگر طرح نیازی به رنگی ندارد لزومی ندارد با رنگ‌های گوناگون جاذبه را بیشتر کنید.