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

اصل اول : رنگ ها اثر زيادي روي احساسات ما در ۹۰ ثانيه اول ديدن مي گذارند.
اصل دوم : اثر رنگ ميتواند بيننده را ترغيب به خريد يك جنس از شما كند.
اصل سوم : رنگ ها رفتار ما را در برابر يك موضوع فقط تشديد نميكنند ، بلكه اثر خود را كاملا در رفتار ما نشان مي دهند.
اصل چهارم: اثر گذاري رنگ در فرهنگ هاي مختلف گوناگون است!
اصل پنجم : هر رنگ به تنهايي يك پيام مخصوص به چشم بيننده ميفرستد ، به قول مك لوهان ، رسانه همان پيام است. #ادامه‌دارد

درصورت بروز هرگونه سوال دررابطه با این مطلب، در بخش کامنت ها سوالات و نظرات خود را اعلام نمایید.

قلب وردپرس را حمایت کنید 🌹
@wpheart

#فرانت‌اند #رنگ #روانشناسی‌رنگها #انتخاب‌رنگ‌درست
افزایش بازدید و افزایش فروش محصولات فقط با رعایت چند نکته ساده!
#فصل‌‌دوم
در این فصل به تعدادی از سوالات که حتما برایتان پیش خواهد آمد پاسخ خواهیم داد.
〰〰〰〰〰
بهترین رنگ طراحی سایت را چگونه انتخاب کنیم ؟
یک لحظه به دنیای اطراف خیره شوید ، خیلی زیبا و رنگارنگ به نظر می رسد ، دست طبیعت همه چیز را به طور مسحور کننده ای زینت داده است ، همه ما عاشق رنگ ها هستیم ، میان رنگ ها زندگی جریان دارد.
رنگ ها در تاثیر روی مخاطب نقش مهمی بازی می کنند ، اولین و مهم ترین چیزی که در طراحی سایت باید همیشه به یاد داشته باشید این است که شما این وبسایت ها را برای انسان ها طراحی می کنید ، نه ربات ها.
می دانیم که رنگ ها با روانشناسی انسانی در ارتباط هستند و این یکی از جنبه های مهمی است که طراحان از زمان شکل گیری وب به آن پی برده اند.
⚡️بر اساس یک افسانه رنگ ها می توانند با انسان ها ارتباط برقرار کنند ، سایت Kissmetrics مقاله ای را در مورد ارتباط رنگ ها با روانشناسی انسان منتشر کرده است ، بر اساس این مقاله وقتی چشم انسان به رنگی می افتد بلافاصله پیامی به هیپوتالاموس ارسال می شود سپس این پیام به غده هیپوفیز و سرانجام به غده تیروئید می رسد ، همه اینها به آزاد شدن هورمون هایی می انجامد که احساسات ، حال و هوا و حتی رفتار را تحت تاثیر قرار می دهند.
این ماجرا دلیل اصلی اینکه چرا در وبسایتی حس منفی یا مثبتی تجربه می کنیم را برای ما آشکار می سازد ، قضاوت یک کاربر در مورد یک وبسایت فقط ۹۰ ثانیه زمان می برد و حدود ۶۲ تا ۹۰ درصد این قضاوت مربوط به رنگ های به کار رفته در آن سایت است.
همانطور که در کتاب الکترونیکی Web Design for the Human Eye توضیح داده شده ، رنگ یکی از مهم ترین جنبه های طراحی وبسایت است که تاثیر اولیه مهمی بر چشم انسان دارد.

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

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

البته قبل از انتخاب رنگ ها فاکتورهای زیر را حتما بررسی کنید :
۱. مخاطب مانند مرد زن و کودک بزرگسال و ترکیب جمعیتی متنوع
۲. ملاحظات فرهنگی
۳. تناسب با برند یا محصول
۴. دسترسی و کاربرد آسان

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

درصورت بروز هرگونه سوال و مشکل آن را با ما در میان بگذارید .

قلب وردپرس را حمایت کنید 🌹
@wpheart

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

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

 

۲. رنگ های مخصوص وب
اگر می خواهید رنگ ها در مرورگرها و سیستم های مختلف از دستگاه های اپل گرفته تا رایانه های شخصی دیگر به یک شکل اجرا شوند ، استفاده از رنگ های مخصوص وب ضروری است زیرا دستگاه های مختلف ممکن است رنگ ها را به طور متفاوتی نشان دهند معمولا در نرم افزارهای ویرایش تصاویر مانند فتوشاپ و سایت ها و نرم افزارهای تولید کدهای رنگ گزینه ای با عنوان web colors وجود دارد.

 

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

 

۴. کاهش وضوح تصویر opacity یا افزایش شفافیت transparency چیز بدی نیست
اگر متنی را بر روی تصویر قرار داده اید یا از طرح بافتی در پس زمینه استفاده می کنید می توانید با کاهش opacity زمینه ، به رنگ ها شفافیت بدهید و کنتراست بیشتری بین متن و زمینه ایجاد کنید.

۵. عدم استفاده از رنگ های متناقض
دوست دارید متنی که با رنگ زرد در پس زمینه صورتی نوشته شده را بخوانید ؟ چنین حالتی خیلی عجیب و غریب است!


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

 

۷. رنگ لینک ها
بیشتر سایت های معروف مثل Google ، New York Times ، BBC ، Yahoo از رنگ آبی برای لینک ها استفاده می کنند و این به یک استاندارد تبدیل شده است که چشم مردم به آن عادت کرده است.

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

 

۹. کنتراست یا تضاد
تضاد رنگ یکی از عوامل مؤثر در نگهداشتن بازدیدکننده است ، مثلا تاثیر رنگ های متضاد متن و پس زمینه در خوانایی متن بسیار مهم است ، وقتی رنگ پس زمینه به سفید نزدیک می شود ، رنگ متن باید به سیاه یا خاکستری نزدیک شود به همین سادگی!

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

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

قلب وردپرس را حمایت کنید 🌹
@wpheart

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

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

۱۲. متن روشن در زمینه تیره
استفاده از این تکنیک در مواردی مانند دکمه ها می تواند مفید باشد اما برای کل یک مطلب طولانی قطعا نه ، متاسفانه بعضی از کارفرماها نظرات و سفارشات عجیبی دارند و می خواهند کل زمینه صفحه تیره باشد با متن روشن ، کمی غیر عادی است ، اگر در یک وبلاگ یا سایت خبری بر چنین وضعیتی اصرار دارید ، منتظر یک فاجعه باشید!

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

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

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

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

۱۷. تصاویر
تصاویر نیز در رنگبندی سایت نقش به سزایی دارند ، اگر در صفحه اصلی و صفحات داخلی از تصاویر زیادی استفاده می کنید ، هوشیار باشید و در هنگام انتخاب رنگ ، همه مسائل را در نظر داشته باشید.

۱۸. موضوع کسب و کار و محصولات خود را در نظر داشته باشید
مثلا برای کاری که با رنگ سبز خیلی بهتر به نظر می رسد رنگ قرمز هیچ کارایی ندارد.

۱۹. از ابزارها و روش های ترکیب رنگ استفاده کنید
مجموعه رنگ های پیش ساخته ، انتخاب های زیادی را برای طراحان نرم افزارها فراهم آورده اند ، برای طراحی رابط کاربری وب می توانید از ابزارهای زیر برای انتخاب رنگ استفاده کنید :
color.adobe.com : سایتی که به راحتی میتوانید حالتهای مختلف چرخه رنگ را در آن تعریف کرده و ترکیب رنگ مورد نظر را بدست آورید ، همچین از تم های رنگی که طراحان دیگر در سایت ساخته و به اشتراک گذاشته اند استفاده نمایید.
flatuicolorpicker.com : سایتی مفید برای انتخاب رنگ در طراحی های فلت
paletton.com : این سایت نیز همانند سایت adobe امکان تعیین ترکیب در چرخه رنگ و گرفتن کد رنگ مورد نظر را دارد.
Colourlovers : یکی از منابعی است که دامنه های رنگی مختلفی را به نمایش می گذارد ، رنگ های متعددی برای استفاده در آگهی ها ، طراحی پکیج و طراحی وب وجود دارد ، شما می توانید رنگ بندی های مختلف را در قسمت پترن ، پالت های رنگ و مقاله های مرتبط با این موضوع و مصاحبه ها پیدا کنید.
ColorBlender : در ColorBlender تعداد زیادی از ترکیبات رنگ در دسترس قرار دارد و راه بسیار خوبی برای انتخاب آسان و سریع رنگ ها است.
Colr.org : این برنامه هدف استفاده از رنگ به عنوان یک تفریح را تحقق می بخشد و تصویر شما را بارگذاری می کند بهترین رنگ ها را از آن استخراج کنید.

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

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

قلب وردپرس را حمایت کنید 🌹
@wpheart