آفلاين

اصول روان شناسی استفاده از رنگ ها در طراحی صفحات وب

اردیبهشت ۲۰, ۱۳۸۸
اصول روان شناسی استفاده از رنگ ها در طراحی صفحات وب
http://www.jerrysartarama.com/IMAGES/LUKAS/Lukas-Studio-Oil-Colors.jpg

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

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


یک بهترین رنگ نداریم!

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

رنگ

رنگ

1- اثر روانشناسی رنگ
۲- قابلیت خواندن متون صفحات سایت . مثل سایت : (www.irna.com)
3- رنگ متمم رنگهای انتخابی برای بک گراند ، گرافیک ها ، لینک ها و متون ( مثل سایت http://www.HiGrade.ir)
4- وجود تطبیق رنگی بین لوگوها و آرم های صفحات با رنگ بندی متون و مطالب به کار گرفته شده (مثل سایت http://www.karvarz.com)
5- توجه به نوع مخاطب و بازدیدکننده بخش های مختلف سایت . سایتی مانند یاهو ، که روزانه میلیون ها مخاطب دارد و از صدها بخش متنوع تشکیل شده است ، برای هر بخش خود از یک چیدمان و رنگ بندی خاصی در طراحی صفحات اکتیو ، استفاده کرده است . مثلا بخش کودکان یاهو با بخش بازرگانی ان بسیار تفاوت دارد


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

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

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

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

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

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

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

• خاکستری : صمیمیت زیاد ، اعتبار و نفوذ و عملی بودن . در تجارت بمعنای سنت گرایی است .

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

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

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

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

• طلایی : نشانگر گران بودن و پرستیژ است .

• نقره ای : سرما ، علمی بودن و اعتبار و پرستیژ است .

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

Tags: , , , , , , , , , , , ,

نظرات (۱۴)

 

  1. محمد می‌گه:

    خیلی خوب بود نسخه pdf بذار

    Like or Dislike: Thumb up 0 Thumb down 1

  2. محمد می‌گه:

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

    Like or Dislike: Thumb up 0 Thumb down 0

  3. طراحی سایت می‌گه:

    سلام

    روانشناسی رنگ ها و به طور کلی نحوه رنگبندی و انتخاب رنگ بسته به موضوع و … در طراحی سایت بسیار اهمیت داره. مقاله جالبی بود.

    موفق باشید.

    Like or Dislike: Thumb up 0 Thumb down 0

  4. roxana می‌گه:

    mataqlebe khobi bod ama az axe avalesh khosham omad

    Like or Dislike: Thumb up 0 Thumb down 0

  5. فرهنگ د می‌گه:

    بسیار مفید بود خسته نباشید

    Like or Dislike: Thumb up 0 Thumb down 0

  6. mohsen می‌گه:

    thanks a lot 4 ur useful information

    Like or Dislike: Thumb up 0 Thumb down 0

  7. یگانه می‌گه:

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

    Like or Dislike: Thumb up 0 Thumb down 0

  8. محمد می‌گه:

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

    Like or Dislike: Thumb up 0 Thumb down 0

  9. طراحی وب سایت می‌گه:

    سلام. مطلب بسیار مفیدی بود. خسته نباشید.

    Like or Dislike: Thumb up 0 Thumb down 0

  10. با سلام
    واقعآ عالیه…دمتون گرم:)

    Like or Dislike: Thumb up 0 Thumb down 0

  11. مدیر بلاگ می‌گه:

    برای تبادل لینک به صفحه تبادل لینک بروید

    Like or Dislike: Thumb up 0 Thumb down 0

  12. sama می‌گه:

    salam mamnoon az etelatetoon age mishe rajeb naghashii ham harf bezaniid va ye moshaver moarefii koniid k betoonam rajeb karam harf bezanam dametoon garm

    Like or Dislike: Thumb up 0 Thumb down 0

  13. مدیر بلاگ می‌گه:

    chashm sama jan

    Like or Dislike: Thumb up 0 Thumb down 0

  14. رامین می‌گه:

    ممنون. عالی بود.
    خیلی وقت بود مطلبی به این پرباری نخونده بودم

    Like or Dislike: Thumb up 0 Thumb down 0

ارسال نظر