اما به هر حال یک اصل کلی وجود دارد که می گوید : در رنگ بندی یک صفحه ، باید به این موضوع توجه شود که این رنگ قرار است در چه صفحه ای و با چه موضوعی به کار رود. یعنی اصل توجه به عملکرد و موضوعیت سایت ، در رنگ بندی مطالب مهم است .
سایت های دولتی و به طور کل ، سایت هایی با بازدیدکننده بسیار بالا ، معمولا از رنک سفید برای زمینه صفحات و رنگ آبی برای لینک های صفحه و رنگ بنفش برای لینکهای مشاهده شده که به عنوان default برنامه فرانت پیج نیز به کار می رود ، استفاده می کنند.
سایت هایی که بیش تر جنبه شخصی دارند ، از رنگ های مکمل استفاده می کنند. مثلا رنگ سبز پر رنگ در کنار سرمه ای ، جذابیت خاصی به سایت هایی با موضوعیت بازرگانی می دهد . و یا در طراحی سایت های کودکان ، از رنگ های خیلی شاد استفاده می شود.
به هر حال توجه به کارکرد کد رنگ ها در طراحی صفحات وب از اهمیت مهمی برخوردار است .
در ادامه این مطلب ، فقط قصد یادآوری نوع روان شناسی هر رنگ درمخاطبان از دید روان شناسان داریم و فعلا در مورد این که چه نوع رنگی برای چه سایتی مناسب است ، صحبت نمی کنیم. اگر چه این توضیحات ، خود نیز بیان گر استنتاجات خوبی هستند که وب مسترها را در گرافیک سایت ، به خوبی هدایت می کند.
یک رنگ به عنوان بهترین رنگ نداریم
در مدیریت نوین یک اصل پذیرفته شده وجود دارد که یک بهترین شیوه مدیریت در کار وجود ندارد. ترکیب و هماهنگی و استقرار یک نظام در رنگ بندی صفحات وب نیز ، چنین رویکردی دارد. تجربه و نوع علاقه و هنر web designer هست که سایتی را برای ما جذاب و سایتی دیگر را next می کنیم. نکاتی که می بایست در زمان طراحی گرافیکی سایت در نظر داشته باشیم به شرح زیر هستند :
۱- اثر روان شناسی رنگ
۲- قابلیت خواندن متون صفحات سایت .
۳- رنگ متمم رنگهای انتخابی برای بک گراند ، گرافیک ها ، لینک ها و متون
۴- وجود تطبیق رنگی بین لوگوها و آرم های صفحات با رنگ بندی متون و مطالب به کار گرفته شده
۵- توجه به نوع مخاطب و بازدیدکننده بخش های مختلف سایت . سایتی مانند یاهو ، که روزانه میلیون ها مخاطب دارد و از صدها بخش متنوع تشکیل شده است ، برای هر بخش خود از یک چیدمان و رنگ بندی خاصی در طراحی صفحات اکتیو ، استفاده کرده است . مثلا بخش کودکان یاهو با بخش بازرگانی آن بسیار تفاوت دارد
لیست زیر مشخصه هایی از رنگ ها را که هنگام طراحی باید مدنظر داشته باشید بیان میکند:
۱- رنگ ها اثر زیادی روی احساسات ما در ۹۰ ثانیه اول دیدن میگذارند .
۲- اثر رنگ میتواند بیننده را ترغیب به خرید یک جنس از شما کند.
۳- رنگ ها رفتار ما را در برابر یک موضوع فقط تشدید نمیکنند ، بلکه اثر خود را کاملا در رفتار ما نشان میدهند .
۴- اثر گذاری رنگ در فرهنگ های مختلف گوناگون است
۵- هر رنگ به تنهایی یک پیام مخصوص به چشم بیننده میفرستد .به قول مک لوهان ، رسانه همان پیام است
روان شناسی رنگ ها
به طور کل ، رنگ ها دارای خصیصه های خاصی هستند که در زیر به بخشی از این مولفه های موجود در رنگ ها اشاره شده است :
• سفید :
اشاره دارد به صداقت ، پاکیزگی ، صمیمیت ، ملایمت و معاصر بود ن چیزی . سفید بهترین رنگ برای بک گراند های وب است . در تجارت سفید رنگ خستگی گیر و انرژی بخش است .
• سیاه :
اشاره دارد به ظرافت ، قدرت ، دلیری ، شهامت ، فریبندگی ، شیطان ، مهارت و باستان . مشکی برای رنگ متن روی یک پس زمینه روشن ایده آل است. این رنگ بعنوان رنگ پس زمینه چشم را خسته میکند .
• قرمز :
توانایی ، هیجان ، احساسات شدید ، سرعت ، خطر و تهاجم . این رنگ از بیننده توجه به خود را طلب میکند . در تجارت بمعنی وام و بدهی است . این رنگ شدید ترین رنگ احساس است و ضربان قلب و تنفس را تسریع میکند .
• آبی :
امنیت ، اعتماد ، مسئولیت پذیری ، سرما ، ایمان ، وفاداری ، وابستگی وجاه و جلال . آبی دومین رنگ عوام پسند است . در تجارت بمعنای ضمانت مالی است .
• سبز :
تندرستی ، فراوانی ، حاصلخیزی ، آزادی ، شفا و بهبودی ، طبیعت ، پیشرفت ، حسادت و خونسردی . در تجارت بیانگر مقام و ثروت است. این رنگ در چشم ها راحت تر از همه دیده میشود .
• قهوه ای :
تاثیر گذاری ، متانت ، توانگری مالی و کمک کننده بودن . قهوه ای رنگ کره خاکی ماست و در طبیعت بسیار فراوان است .
• خاکستری :
صمیمیت زیاد ، اعتبار و نفوذ و عملی بودن . در تجارت بمعنای سنت گرایی است .
• صورتی :
ملایمت ، شیرینی ، ظرافت و زنانگی ، خوب بودن ، بی گناهی و پرورش کودک .
• بنفش :
وقار ، معنویت ، شاهانه بودن ، عیش و نعمت ، دارایی ، اعتبار و نفوذ ، سوگواری و مهارت . در تجارت بزرگ نشان دادن است . بنفش طرفداری از سبک های هنرمندانه است.
• نارنجی :
سرزندگی و شوخی ، لذت و خوشگذرانی ، تعادل گرمایی ، تشویق کردن ، چالاکی و نیرو ، تحمل و بلند همتی .
• زرد :
نور خورشید ، گرمی ، خوشی ، نامردی ، ترسویی و حسادت . در تجارت درخواست از نوع روشنفکرانه است و برای تاکید نیز خوب است . زرد باعث افزایش تمرکز شده ، سوخت و ساز را زیاد میکند و سخت ترین رنگ برای چشم هاست .
• طلایی :
نشانگر گران بودن و پرستیژ است .
• نقره ای :
سرما ، علمی بودن و اعتبار و پرستیژ است .
پس وقتی میخواهید رنگی انتخاب کنید باید درباره بازار نهایی کار خود بیندیشید . چه احساساتی را میخواهید برانگیخته کنید ؟ اول کمی درباره چشم انداز احساسی هدفتان فکر کنید و نیز پیامی که از راه دید میخواهید منتقل کنید .
بعد رنگ خود را انتخاب کنید ! توجه داشته باشید که گرافیک صفحات وب ، امروزه نقش زیادی را در ارائه دکترین رفتار سازمانی الکترونیکی مراکز رسانه ای غرب به مخاطبان در اختیار دارند و LOGO ، BANNER ، TIZER ها ، فوق العاده در تحکیم مفاهیم به مخاطبان وبی موثر هستند.
رنگارنگی صفحات وب خوشایند نیست
همانطور که از اسم آن معلوم است، طرح تک رنگ طراحی با یک رنگ می باشد. یک رنگ را به عنوان پایه انتخاب میکنید و سفید و سیاه رو به آن اضافه میکنید تا سایههای متفاوت از ان رنگ بسازید. در این حالت طرح شما منحصراً یک پالت تک رنگ دارد و چندین سایهی رو به سفید یا تیره شدن. شکل زیر این بیان را میتواند کاملاً مشخص کند:
ضمیمه:
color_palette.gif
مزایای طرحهای تک رنگ
ساخت یک پالت تک رنگ خیلی ساده است. رنگ دلخواه را انتخاب کنید و سیاه و سفید را به آن اضافه کنید. همین!
وقتی از یک رنگ واحد استفاده میکنید، رنگها هرگز نمی توانند برخورد داشته باشند. اگر رنگها را بطور ناگهانی انتخاب کنید، طرح تک رنگ نسبتاً یه گزینه ایمن برای انتخاب است.
طرح حالت ساده پیدا میکند. سادگی طرح رنگ، خودش رو به طرح بسط داده و هیچگونه مقایسه و رقابتی بین رنگهای مختلف بوجود نخواهد آمد بطوریکه در عین سادگی طرح آرامش و سکون پسندیدهای رو تداعی خواهد کرد.
به شما اجازه میهد تا به المانهای مهم اهمیت بدهید. اگرچه تمام طرح شما یه پالت تک رنگ دارد اما میتونید کنتراست رنگ را برای المان هایی که میخواهید اهمیت بیشتری به آنها بدهید تغییر دهید. برای نمونه آیکون خروجی فید.
معایب طرحهای تک رنگ
تغییر ناچیز در طرح
نبود تنوع و تباین، دلبستگی دیداری طرح را کم میکند. اما در مقابل گزینه سادگی طرح را دارد که میتوان یک طرح را از شلوغی نجات داد.
سختی در خواندن متن
اغلب بین رنگ متن نوشته و رنگ پس زمینه کنتراست خیلی کمی وجود دارد و خواندن متون دشوار میشود. بهتر است در این حالت تیرگی را نسبت به پس زمینه بیشتر کرد.
ناامیدی
محدودیت در پالت رنگ در هنگامی که برای اولین بار با آن کار میکنید خیلی ناامید کننده است. گاهی اوقات ممکن است وسوسه انگیز باشد که قاعده را بهم بزنید و چند رنگ بیشتر اضافه کنید. گاهی اوقات انتخاب خوبی است اما گاهی اوقات نه، به تجربه نیاز دارد.
طرح های بی رنگ (Achromatic Design)
در طرحهای بیرنگ هیچ رنگی وجود ندارد جز سایههای سادهای از تیرگی. مزایا و معایب طرحهای بی رنگ مشابه طرحهای تک رنگ بالا هست اما کمی بیشتر. مثلا عنوان کردیم با طرحهای تک رنگ حالت ساده ای را داریم که آرامش را تداعی می کند . یک طرح بی رنگ می تواند این حالت را بیشتر بوجود بیارود یا همانطور که یک طرح تک رنگ می تواند متمایز از رنگارنگ بودن باشد یک طرح بی رنگ می تواند خیلی بیشتر این تمایز را دارا باشد.
یافتن طرحهای بیرنگ خالص روی وب مشکل است. بیشتر طراح ها کمی قانون شکنی میکنند و کمی از رنگ دیگری را اضافه می کنند. البته منحصراً برای تاکید روی یک المانهای معین و برای اینکه بی تنوعی رو از بین ببرند. طرح فعلی قالب تالار گفتگوی بانوان سایت میکرورایانه می تواند نمونه ایی از این دسته باشد.
http://www.forum.microrayaneh.com/viewforum.php?f=39
نتیجهگیری
لزوماً استفاده از رنگهای بیشتر مساوی یک طرح بهتر نیست. اگر طرح نیازی به رنگی ندارد لزومی ندارد با رنگهای گوناگون جاذبه را بیشتر کنید.
اگر نوشتههای وبلاگ شما ساده و بدون تکلف است، یک طرح تک رنگ یا بدون رنگ میتواند اثرگذاری بیشتری روی خوانندگان و بازدیدکنندگان داشته باشد. در کل این طرحها مناسب برای وبلاگهای شخصی و وبلاگهایی است که به نوعی لایف استایل هستند.
پس بهتر است همیشه به فکر طرحهای رنگارنگ نباشید و وب را اندکی کمرنگ تر کنید.
آخرین مقالات طراحی سایت
- فایروال ها چگونه کار می کنند؟
- همه چیز در مورد PageRank گوگل
- روند زندگی یک دامنه
- معرفی انواع دامنه اینترنتی (Domain)
- مالتی مديا چیست؟
- هاست چیست ؟
- دامین چیست؟
- 10 دلیل برتر برای خرید دامنه Tel.
- Disabling the Image Toolbar in IE 6 for Your Site
- Two Common Web Design Myths
- How to Add Background Music to Your Web Page
- How to Set Up A Custom 404 File Not Found Page
- Should I Display an Email Address on My Site or Use a Contact Form?
- 6 Things to Note Before Changing Your Site Design
- What's The Difference Between Liquid, Elastic, Relative, Fluid, Flexible and Fixed Layouts?
- What Sort of Website Should I Create In Order to Earn Money?
- 10 اشتباه نابخشودنی تبلیغات اینترنتی
- چرا ظاهر یک سایت به اندازه برنامه نویسی آن با اهمیت است؟
- مزایای تجارت الکترونیک نسبت به تجارت سنتی
- Starting an Online Business Directory - A Great Way to Get Links
دانلود رایگان کتابهای طراحی سایت
- Developers Guide to Web Application Security
- HTML and XML for Beginners
- PHP 5 in Practice
- Expert SQL Server 2008 Development
- Implementing SOA Using Java EE
- Creating Cool Web Sites With HTML, XHTML, And CSS
- Foundation Joomla!
- Web Design for Developers
- Joomla! with Flash
- WordPress MU 2.8: Beginner's Guide
- The Art and Science of Web Design
- Neuro Web Design: What Makes Them Click?
- Build Your Own ASP.NET 2.0 Web Site Using C# & VB
- Visual Design for the Modern Web
- The Web Startup Success Guide
- Building Social Web Applications
- Ajax for Web Application Developers
- HTML, XHTML, and CSS, Sixth Edition
- Professional ASP.NET 2.0 AJAX
- ASP.NET AJAX in Action

