خانه / cf / رنگ ها در طراحی وب : هر آنچه باید درباره رنگ‌ها بدانید

رنگ ها در طراحی وب : هر آنچه باید درباره رنگ‌ها بدانید

موفقیت هر قطعه از ارتباطات بصری به رنگ بستگی دارد. تحقیقات در زمینه تاثیر رنگ در بازاریابی به ما نشان می‌دهد که تنها ۹۰ ثانیه طول می‌کشد تا یک تصمیم ناخودآگاه در مورد یک محصول اتخاذ شود، و اینکه ۶۲ تا ۹۰ درصد از این تصمیمات تنها براساس رنگ ها هستند.

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

پیشنهاد شگفت انگیز کدفرند،دانلود به تمامی دوره های آموزشی کدفرند تنها با ۶۹ هزار تومان

درک کنید که کدام رنگ چه معنایی برای مخاطب شما دارد

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

رنگ قرمز (Red)

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

رنگ زرد (Yellow)

  • مفاهیم مثبت : شادی،خوش بینی،صمیمت،بازیگوشی،سرگرمی
  • مفاهیم منفی : انتقادی،بی صبری و بی تابی،تکان دهنده یا نگران کننده
  • محل استفاده :‌ برای نمایش گرما،روحیه بخشی به کاربر

رنگ سبز (Green)

  • مفاهیم مثبت : رشد،سرزندگی،طببعی،فروتنی،متوازن
  • مفاهیم منفی : مادی‌ بودن،حسادت،بی تفاوت،غافلگیر کننده
  • محل استفاده : نشان دادن میزان رشد،نشان گرهای زیست محیطی طبیعی،اشاره کردن

رنگ آبی (Blue)

  • مفاهیم مثبت : اعتماد،ثبات،آرامش،یکپارچگی،وفاداری
  • مفاهیم منفی :‌ غم،سردی،محافطه کار بودن،انعطاف پذیری
  • محل استفاده : ایجادآرامش در کاربران،ایجاد اعتماد بنفس،نمایش پاکی و تمیزی

رنگ سیاه (Black)

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

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

هر رنگ بیانگر یک پیام است پس بهتر است رنگ ها را بر اساس موضوع و کاری که می خواهید درباره آن طرح بزنید، انتخاب کنید.

استفاده از قانون ۶۰-۳۰-۱۰

این قانون به طور سنتی برای طراحی داخلی استفاده می‌شود، اتخاذ این فرمول سه رنگی تعادل و ثبات را به interfaces می‌دهد. اگر از رنگ اولیه خود ۶۰ درصد استفاده کنید، رنگ دوم تان ۳۰ درصد و رنگ آن ۱۰ درصد، کاربران قادر خواهند بود به راحتی بین نقاط کانونی رابط کاربری سایت حرکت کنند بدون اینکه به رنگ های مختلف با پالت های اضافی مواجه شوند.

رنگ ها در طراحی وب

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

نوشته رنگ ها در طراحی وب : هر آنچه باید درباره رنگ‌ها بدانید اولین بار در CodeFriend.ir پدیدار شد.

درباره ی admin

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

بهترین افزونه های وردپرس برای طراحان

وردپرس درکنار اینکه یکی از قوی‌ترین پلتفرم‌های ایجاد و مدیریت وبلاگ می باشد،یکی از قوی ترین CMS ها یا سیستم های مدیریت محتوا نیز هست به گونه ای که می توانید با استفاده از قالب ها و افزونه های که در اختیار شما قرار میدهید هرگونه وب سایتی را به سادگی طراحی کنید.در این مقاله قصد داریم با بهترین افزونه های وردپرس برای وب سایت های طراحان و یا وب سایت های نمونه کار برای طراحان آشنا شویم. ۱.افزونه Modula Image Gallery افزونه Mudula یکی از افزونه های محبوب ساخت گالری تصاویر است که کار با آن بسیار راحت است و یک گالری شبکه ای با ظاهری زیبا به سایت وردپرسی شما اضافه می کند.(در دوره آموزش جامع وردپرس به صورت کامل وردپرس و سئو وردپرس را یادبگیرید) فرآیند ساخت گالری تصاویر شبکه ای با افزونه Modula Image Galley به دو بخش تقسیم می شود. در بخش اول، عکسهای مورد نظر خود را آپلود کرده، اندازه ها را مشخص می کنید. سپس افزونه یک شورت کد در اختیار شما قرار می دهد که می توانید از آن برای قرار دادن گالری در هر قسمتی از سایت که می خواهید، استفاده کنید. ۲.افزونه Speed Booster Pack افزایش سرعت وبسایت یکی از مه..

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

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