تکنولوژی آموزشی

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

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

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

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

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

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

 پنج اصل مهم
لیست زیر مشخصه هایی از رنگ ها را که هنگام طراحی باید مدنظر داشته باشید بیان میکند:
1) رنگ ها اثر زیادی روی احساسات ما در  ثانیه اول دیدن میگذارند .
2) اثر رنگ میتواند بیننده را ترغیب به خرید یک جنس از شما کند.
3) رنگ ها رفتار ما را در برابر یک موضوع فقط تشدید نمیکنند ، بلکه اثر خود را کاملا در رفتار ما نشان میدهند .
4) اثر گذاری رنگ در فرهنگ های مختلف گوناگون است !
5) هر رنگ به تنهایی یک پیام مخصوص به چشم بیننده میفرستد .به قول مک لوهان ، رسانه همان پیام است !

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