طراحی وب سایت اهواز و پرتال های سازمانی

روانشناسی رنگ در طراحی وب


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


 

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

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

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

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

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

يک رنگ به عنوان بهترين رنگ نداريم

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

?- اثر روان شناسي رنگ

?- قابليت خواندن متون صفحات سايت .

?- رنگ متمم رنگهاي انتخابي براي بک گراند ، گرافيک ها ، لينک ها و متون

?- وجود تطبيق رنگي بين لوگوها و آرم هاي صفحات با رنگ بندي متون و مطالب به کار گرفته شده 

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

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

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

?- رنگ ها اثر زيادي روي احساسات ما در ?? ثانيه اول ديدن ميگذارند .

?- اثر رنگ ميتواند بيننده را ترغيب به خريد يک جنس از شما کند.

?- رنگ ها رفتار ما را در برابر يک موضوع فقط تشديد نميکنند ، بلکه اثر خود را کاملا در رفتار ما نشان ميدهند .

?- اثر گذاري رنگ در فرهنگ هاي مختلف گوناگون است

?- هر رنگ به تنهايي يک پيام مخصوص به چشم بيننده ميفرستد .به قول مک لوهان ، رسانه همان پيام است

 

روان شناسي رنگ ها

به طور کل ، رنگ ها داراي خصيصه هاي خاصي هستند که در زير به بخشي از اين مولفه هاي موجود در رنگ ها اشاره شده است :

• سفيد :

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

• سياه :

اشاره دارد به ظرافت ، قدرت ، دليري ، شهامت ، فريبندگي ، شيطان ، مهارت و باستان . مشکي براي رنگ متن روي يک پس زمينه روشن ايده آل است. اين رنگ بعنوان رنگ پس زمينه چشم را خسته ميکند .

• قرمز :

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

• آبي :

امنيت ، اعتماد ، مسئوليت پذيري ، سرما ، ايمان ، وفاداري ، وابستگي وجاه و جلال . آبي دومين رنگ عوام پسند است . در تجارت بمعناي ضمانت مالي است .

• سبز :

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

• قهوه اي :

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

• خاکستري :

صميميت زياد ، اعتبار و نفوذ و عملي بودن . در تجارت بمعناي سنت گرايي است .

• صورتي :

ملايمت ، شيريني ، ظرافت و زنانگي ، خوب بودن ، بي گناهي و پرورش کودک .

• بنفش :

وقار ، معنويت ، شاهانه بودن ، عيش و نعمت ، دارايي ، اعتبار و نفوذ ، سوگواري و مهارت . در تجارت بزرگ نشان دادن است . بنفش طرفداري از سبک هاي هنرمندانه است.

• نارنجي :

سرزندگي و شوخي ، لذت و خوشگذراني ، تعادل گرمايي ، تشويق کردن ، چالاکي و نيرو ، تحمل و بلند همتي .

• زرد :

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

• طلايي :

نشانگر گران بودن و پرستيژ است .

• نقره اي :

سرما ، علمي بودن و اعتبار و پرستيژ است .

پس وقتي ميخواهيد رنگي انتخاب کنيد بايد درباره بازار نهايي کار خود بينديشيد . چه احساساتي را ميخواهيد برانگيخته کنيد ؟ اول کمي درباره چشم انداز احساسي هدفتان فکر کنيد و نيز پيامي که از راه ديد ميخواهيد منتقل کنيد .

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

 

رنگارنگي صفحات وب خوشايند نيست

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

 

طرح‌هاي تک رنگ (Monochromatic Design)

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

 

مزاياي طرح‌هاي تک‌ رنگ

ساخت يک پالت تک رنگ خيلي ساده است. رنگ دلخواه را انتخاب کنيد و سياه و سفيد را به آن اضافه کنيد. همين! 

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

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

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

 

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

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

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

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

 

طرح هاي بي رنگ (Achromatic Design)

در طرح‌هاي بي‌رنگ هيچ رنگي وجود ندارد جز سايه‌هاي ساده‌اي از تيرگي. مزايا و معايب طرح‌هاي بي‌ رنگ مشابه طرح‌هاي تک رنگ بالا هست اما کمي بيشتر. مثلا عنوان کرديم با طرح‌هاي تک رنگ حالت ساده اي را داريم که آرامش را تداعي مي کند . يک طرح بي رنگ مي تواند اين حالت را بيشتر بوجود بيارود يا همانطور که يک طرح تک رنگ مي تواند متمايز از رنگارنگ بودن باشد يک طرح بي رنگ مي تواند خيلي بيشتر اين تمايز را دارا باشد.

 

نتيجه‌گيري

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

 

اشتراک گذاری در تلگرام