ترکیب رنگ در سایت

رنگ شناسی و ترکیب رنگ در طراحی وب سایت یک عامل بسیار مهم در جذب و موفقیت یک وب سایت دارد.۱- اثر روان شناسی رنگ در طراحی وب سایت ۲-…

  • نوشته شده توسط : رضا رجب پور
  • دسته بندی :بهینه سازی سایت
  • بازدید: 15659
ترکیب رنگ در سایت
Rate this blog

 

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

۱- اثر روان شناسی رنگ در طراحی وب سایت

۲- قابلیت خواندن متون صفحات طراحی سایت .

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

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

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

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

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

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

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

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

رنگ سفید در طراحی وب سایت :

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

رنگ سیاه در طراحی وب سایت :

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

رنگ قرمز در طراحی وب سایت :

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

رنگ آبی در طراحی وب سایت :

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

رنگ سبز در طراحی وب سایت:

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

رنگ قهوه ای در طراحی وب سایت :

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

رنگ خاکستری در طراحی وب سایت :

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

رنگ صورتی در طراحی وب سایت :

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

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

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

رنگ نارنجی در طراحی وب سایت:

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

رنگ زرد در طراحی وب سایت :

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

• رنگ طلایی در طراحی وب سایت :

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

• رنگ نقره ای در طراحی وب سایت :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

اصول طراحی سایت با رنگ های تیره

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

اصول طراحی سایت با رنگ های تیره

طراحی سایت با رنگ های تیره خیلی می تواند جذاب باشد ولی برای سایت هایی که بیشتر با با عکس و سر کار دارند خیلی جالب نیست که یک سایت مطلب دار را با رنگ مشکی طراحی کرد چون چشم کاربر هنگام خواندن آن مطلب واقعا اذیت می شود

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

و طبق نظر سنجی اخیر ۴۷% افراد برای اینکه یک متن در یک پشت زمینه تیره هست واقعا دوست ندارند چون چشم را اذیت می کند برای استفاده از رنگ های تیره باید اصول و قواعد طراحی سایت را رعایت کرد

برای مطالعه بیشتر به مطلب  اصول قواعد در طراحی سایت مراجعه کنید چه از لحاظ رنگ و اصول کد نویسی

فاصله دادن متن ها

فاصله دادن متن ها در سایت

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

کنتراست متن در طراحی سایت

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

مفهوم کنتراست متن :توازن تاریکی پس زمینه با رنگی از متن است.

استفاده از فونت های ناخوانا

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

طراحی سایت تیره

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

با نظرات و پیشنهادات خود ما رو در جهت انتشار مطالب آموزشی طراحی سایت و سئو سایت یاری کنید

نتیجه‌گیری

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

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

ساین وب ارائه دهنده طراحی وب سایت

مقالات مرتبط

پیشنهاد می کنیم این مطالب هم مطالعه کنید

با وردپرس چقدر آشنا هستید و چرا باید از وردپرس استفاده کنیم؟

با وردپرس چقدر آشنا هستید و چرا باید از وردپرس استفاده کنیم؟

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

10 تکنیک برای جلب اعتماد کاربر برای طراحی سایت بخش اول

۱۰ تکنیک برای جلب اعتماد کاربر به سایتتان!

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

تکنولوژی Ajax چیست؟ و چه تاثیری در طراحی سایت دارد؟

تکنولوژی Ajax چیست؟ و چه کاربری در طراحی صفحات وب دارد؟

تکنولوژی Ajax چیست؟ و چه تاثیری در طراحی سایت دارد؟ را حتما مطالعه کنید تا با این تکنیک جالب در…

پرسش و پاسخ 0

بحث درباره این مقاله را شما آغاز کنید!

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

مشاوره رایگان تلفنی