راستش را بخواهید پاسخ نه برای این سوال وجود ندارد. روانشناسانی که روی این آیتم بازرسی می کنند نیز چیزی راجع به این که انسان ها چه طور با رنگ ها ارتباط برقرار می کنند، طراحی سایت اختصاصی پیدا نکرده اند زیرا این مورد با ترجیح و ذوق شخصی راجعبه میباشد.
رنگ ها در طراحی وب
از جملهً وقتی به رنگ قرمز می اندیشید، دو پندار ممکن می باشد از ذهن شما بگذرد: یکیاز اینکه قرمز رنگ خطر میباشد و دومی اینکه قرمزرنگ عشق است (قلب و رزهای قرمزرنگ). شما فکرمی کنید قرمز کدام یک از این دو میباشد؟ در اینجا باز هم به تناقض می رسیم. ممکن میباشد از نظر یک نفر قرمز رنگ زیبایی باشد در حالی که دیگری رنگ قرمزرنگ را به فال بد بگیرد.
پس فهم شخصی اینطور شغل می کند. مورد آینده ملاحظات فرهنگی میباشد. مثلاً رنگ سبز رنگ پول و همچنین رنگ غیرت می باشد. قبایل خاصی وجود داراهستند که فکر می کنند که رنگ سبز سبب خوش شانسی آنها شود، برای همین پرچم های سبز رنگ با خود دارند. در مقابل، قبایلی هم می باشند که فکر می کنند رنگ سبز سبب بدشانسی آنان خواهد شد و سعی می کنند هر طور که میباشد، از این رنگ غربت کنند.
در سود پژوهش و تجربه در طراحی و توسعه و گسترش تارنما های اینترنتی دریافته ایم که بهتر است طراحان وب بیش تر از اینکه تامل خود را مشغول این مسئله کنند که واکنش مردم نسبت به یک رنگ خاص چیست، بر روی انتخاب تیم ای از رنگ های مناسب تمرکز کنند.
البته قبل از انتخاب رنگ ها، فاکتورهای ذیل را به طبع بازرسی فرمائید:
مخاطب (مرد/زن و نوباوه/بزرگسال و ترکیب جمعیتی متنوع)
ملاحظات فرهنگی
تناسب با برند یا جنس
دسترسی و کاربرد وا رفته
همان طور که تا قبل از اینً هم گفتیم، رنگ یکیاز آن مواردی میباشد که در اولی برداشت استفاده کننده تارنما شما بسیار موثر است. به این ترتیب رنگ هایی که حس خیر ساخت نمیکنند، چشم را اذیت می کنند و یا به چشم فشار میدهند و منجر ترک وب سایت شما به وسیله استفاده کننده می گردند را تعیین نکنید.
تضادومغایرت رنگ ها نیز یکیازاز سایر از مواردی هست که در حیث کاربر نسبت به یک سایت، موءثر میباشد. به کار گیری بجا از مغایرت رنگ ها سبب ساز ارتقاء خوانایی میگردد. به این ترتیب باید رنگ دور نما نسبت به رنگ متن (نوشته) متعدد باشد.
بر این مبنا، چند پیشنهاد کاربردی داریم تا بتوانید رنگ های جالب و چشم نوازی را برای وبسایت خود انتخاب نمایید:
1- فضاهای سفید
چه طور میتوانید چشم بیننده را جذب کنید؟ تنها با اضافه کردن فضایی در بین بخش های گوناگون محتوا و بلوک های رنگی. برای مثالً ترجیح شخصی ما صفحه ای میباشد که رنگ آیتم آن خیلی تیره نباشد و دکمه خیلی روشنی مثل «دانلود» در آن باشد. زیرا چنین برگه ای نسبت به یک برگه با رنگ بندی ضعیف، بیشتر باعث تبدیل شدن کاربر به مشتری (در اینجا دانلود کننده) میشود. شما به دکمه ای نیاز دارید که نگاه بازدیدکننده را به خود جلب کند و منتهی شود بیننده خودبخود به سمت آن دکمه رفته و شغل مورد نظر را ایفا دهد.
2- رنگ های مخصوص وب
اگر میخواهید رنگ ها در مرورگرها و سیستم های متفاوت از دستگاه های اپل گرفته تا رایانه های شخصی دیگر، به یک شکل اعمال شوند، استعمال از رنگ های منحصربهفرد وب ضروری میباشد زیرا دستگاه های مختلف ممکن است رنگ ها را به طور متفاوتی علامت دهند. معمولا در نرم افزارهای دستکاری تصاویر مانند فتوشاپ و وبسایت ها و نرم افزارهای تولید کدهای رنگ آیتم ای با عنوان web colors وجود داراست.
3- از تنوع زیاد رنگ ها به کار گیری نکنید
در شرایطی که در گزینش رنگ برای طراحی سایت، نظر اکثریت را در حیث بگیرید، درمی یابید که اکثر مردم ترجیح میدهند ترکیب رنگی مورد به کار گیری، بی آلایش ترین موقعیت ممکن را داشته باشد. قرار نیست در وبسایتتان یک رنگین کمان ساخت نمائید بلکه بایستی از رنگ هایی به کارگیری نمایید که بازدیدکننده را به سمت جاری ساختن کار خاصی سوق دهد. بنابراین در تعیین رنگ ها بیشتر توجه فرمایید و از بکار بردن رنگ های زیاد دوری کنید.
4- کاهش وضوح تصویر (opacity) یا ارتقا شفافیت (transparency) چیز بدی نیست
همان گونه که قبلاً گفتیم، هیچ قانونی وجود ندارد و شما میتوانید برای بهبود کار وضعیت های متعدد را امتحان فرمایید. درصورتی که متنی را بر روی تصویر قرار داده اید یا از طرح بافتی در دورنما استفاده میکنید میتوانید با کاهش opacity گزینه، به رنگ ها شفافیت بدهید و کنتراست بیشتری فی مابین متن و گزینه تولید فرمائید.
رنگ در ساخت سایت
5- عدم استفاده از رنگ های متناقض
دوست دارید متنی که با زردرنگ در دور نما صورتی درج شده را بخوانید؟ چنین حالتی خیلی عجیب و غریب میباشد!
طراحی وب و کاربرد رنگ ها
6- رنگ لینک های کلیک شده
اختلاف نظرهای زیادی دراین باره است که از تغییر و تحول رنگ پیوند های بازدید شده استعمال کنیم یا نه. اکثری از وبسایت ها به منظور هدایت بهتر کاربران، این شغل را اعمال میدهند که از رنگ maroon برای آن استفاده می کنند. براین اساس دقت نمایید که از این رنگ در رنگ بندی منوهای مهم استفاده نکنید چون ناخودآگاه سبب سردرگمی کاربران میگردد.
7- رنگ لینک ها
بیشتر سایت های معروف مثل Google، New York Times، BBC، Yahoo و ... از رنگ آبیرنگ برای لینک و پیوند ها به کار گیری می کنند و این به یک استاندارد تبدیل گردیدهاست که چشم مردم به آن عادت کرده است، پس چرا تغییرش دهیم؟
8- تیره تا روشن
بسیاری از طراحان سایت، انتخاب رنگ های خنثی را ترجیح می دهند و از ترکیبی از تنالیته های گوناگون همان رنگی که گزینش کرده اند نیز به کار گیری می کنند. این نوع ترکیب رنگ حاصل از رنگ های خنثی نسبت به حالتی که با رنگ های اساسی شغل شده باشد، فشار کمتری به چشم وارد می کند.
به کارگیری از تیره روشن در ساخت وب سایت
9- کنتراست یا ناهمخوانی
همان گونه که قبلاً گفتیم، ناهمخوانی رنگ یکیاز دست اندرکاران مؤثر در نگهداشتن بازدیدکننده است. برای مثال تأثیر رنگ های ضدونقیض متن و دور نما در خوانایی متن بسیار اساسی میباشد. وقتی رنگ دورنما به سفید نزدیک میشود، رنگ متن بایستی به سیاه یا خاکستری نزدیک گردد. به همین سادگی!
تضاد در رنگ های ساخت سایت
10- تعیین رنگ با تمرکز به اهمیت آیتم
مثلا ترجیح ما دربارهی رنگ دکمه «پیشنهاد خرید»، رنگ قرمز راجع به سفید می باشد.
11- سایه ها و گرادینت ها
این یک فرمول تجربه گردیده است و سود خوبی داراست. گاهی با همان رنگ های جانور و اندکی تغییر و تحول در درجه بندی رنگ ها و یک سایه در ذیل لوگو، می توان ظاهر جدیدی به وب سایت اعطا کرد. این فعالیت تارنما را دیدنی تر نموده و آن را از موقعیت معمول دو بعدی خارج می کند.
از جملهً وقتی به رنگ قرمز می اندیشید، دو پندار ممکن می باشد از ذهن شما بگذرد: یکیاز اینکه قرمز رنگ خطر میباشد و دومی اینکه قرمزرنگ عشق است (قلب و رزهای قرمزرنگ). شما فکرمی کنید قرمز کدام یک از این دو میباشد؟ در اینجا باز هم به تناقض می رسیم. ممکن میباشد از نظر یک نفر قرمز رنگ زیبایی باشد در حالی که دیگری رنگ قرمزرنگ را به فال بد بگیرد.
پس فهم شخصی اینطور شغل می کند. مورد آینده ملاحظات فرهنگی میباشد. مثلاً رنگ سبز رنگ پول و همچنین رنگ غیرت می باشد. قبایل خاصی وجود داراهستند که فکر می کنند که رنگ سبز سبب خوش شانسی آنها شود، برای همین پرچم های سبز رنگ با خود دارند. در مقابل، قبایلی هم می باشند که فکر می کنند رنگ سبز سبب بدشانسی آنان خواهد شد و سعی می کنند هر طور که میباشد، از این رنگ غربت کنند.
در سود پژوهش و تجربه در طراحی و توسعه و گسترش تارنما های اینترنتی دریافته ایم که بهتر است طراحان وب بیش تر از اینکه تامل خود را مشغول این مسئله کنند که واکنش مردم نسبت به یک رنگ خاص چیست، بر روی انتخاب تیم ای از رنگ های مناسب تمرکز کنند.
البته قبل از انتخاب رنگ ها، فاکتورهای ذیل را به طبع بازرسی فرمائید:
مخاطب (مرد/زن و نوباوه/بزرگسال و ترکیب جمعیتی متنوع)
ملاحظات فرهنگی
تناسب با برند یا جنس
دسترسی و کاربرد وا رفته
همان طور که تا قبل از اینً هم گفتیم، رنگ یکیاز آن مواردی میباشد که در اولی برداشت استفاده کننده تارنما شما بسیار موثر است. به این ترتیب رنگ هایی که حس خیر ساخت نمیکنند، چشم را اذیت می کنند و یا به چشم فشار میدهند و منجر ترک وب سایت شما به وسیله استفاده کننده می گردند را تعیین نکنید.
تضادومغایرت رنگ ها نیز یکیازاز سایر از مواردی هست که در حیث کاربر نسبت به یک سایت، موءثر میباشد. به کار گیری بجا از مغایرت رنگ ها سبب ساز ارتقاء خوانایی میگردد. به این ترتیب باید رنگ دور نما نسبت به رنگ متن (نوشته) متعدد باشد.
بر این مبنا، چند پیشنهاد کاربردی داریم تا بتوانید رنگ های جالب و چشم نوازی را برای وبسایت خود انتخاب نمایید:
1- فضاهای سفید
چه طور میتوانید چشم بیننده را جذب کنید؟ تنها با اضافه کردن فضایی در بین بخش های گوناگون محتوا و بلوک های رنگی. برای مثالً ترجیح شخصی ما صفحه ای میباشد که رنگ آیتم آن خیلی تیره نباشد و دکمه خیلی روشنی مثل «دانلود» در آن باشد. زیرا چنین برگه ای نسبت به یک برگه با رنگ بندی ضعیف، بیشتر باعث تبدیل شدن کاربر به مشتری (در اینجا دانلود کننده) میشود. شما به دکمه ای نیاز دارید که نگاه بازدیدکننده را به خود جلب کند و منتهی شود بیننده خودبخود به سمت آن دکمه رفته و شغل مورد نظر را ایفا دهد.
2- رنگ های مخصوص وب
اگر میخواهید رنگ ها در مرورگرها و سیستم های متفاوت از دستگاه های اپل گرفته تا رایانه های شخصی دیگر، به یک شکل اعمال شوند، استعمال از رنگ های منحصربهفرد وب ضروری میباشد زیرا دستگاه های مختلف ممکن است رنگ ها را به طور متفاوتی علامت دهند. معمولا در نرم افزارهای دستکاری تصاویر مانند فتوشاپ و وبسایت ها و نرم افزارهای تولید کدهای رنگ آیتم ای با عنوان web colors وجود داراست.
3- از تنوع زیاد رنگ ها به کار گیری نکنید
در شرایطی که در گزینش رنگ برای طراحی سایت، نظر اکثریت را در حیث بگیرید، درمی یابید که اکثر مردم ترجیح میدهند ترکیب رنگی مورد به کار گیری، بی آلایش ترین موقعیت ممکن را داشته باشد. قرار نیست در وبسایتتان یک رنگین کمان ساخت نمائید بلکه بایستی از رنگ هایی به کارگیری نمایید که بازدیدکننده را به سمت جاری ساختن کار خاصی سوق دهد. بنابراین در تعیین رنگ ها بیشتر توجه فرمایید و از بکار بردن رنگ های زیاد دوری کنید.
4- کاهش وضوح تصویر (opacity) یا ارتقا شفافیت (transparency) چیز بدی نیست
همان گونه که قبلاً گفتیم، هیچ قانونی وجود ندارد و شما میتوانید برای بهبود کار وضعیت های متعدد را امتحان فرمایید. درصورتی که متنی را بر روی تصویر قرار داده اید یا از طرح بافتی در دورنما استفاده میکنید میتوانید با کاهش opacity گزینه، به رنگ ها شفافیت بدهید و کنتراست بیشتری فی مابین متن و گزینه تولید فرمائید.
رنگ در ساخت سایت
5- عدم استفاده از رنگ های متناقض
دوست دارید متنی که با زردرنگ در دور نما صورتی درج شده را بخوانید؟ چنین حالتی خیلی عجیب و غریب میباشد!
طراحی وب و کاربرد رنگ ها
6- رنگ لینک های کلیک شده
اختلاف نظرهای زیادی دراین باره است که از تغییر و تحول رنگ پیوند های بازدید شده استعمال کنیم یا نه. اکثری از وبسایت ها به منظور هدایت بهتر کاربران، این شغل را اعمال میدهند که از رنگ maroon برای آن استفاده می کنند. براین اساس دقت نمایید که از این رنگ در رنگ بندی منوهای مهم استفاده نکنید چون ناخودآگاه سبب سردرگمی کاربران میگردد.
7- رنگ لینک ها
بیشتر سایت های معروف مثل Google، New York Times، BBC، Yahoo و ... از رنگ آبیرنگ برای لینک و پیوند ها به کار گیری می کنند و این به یک استاندارد تبدیل گردیدهاست که چشم مردم به آن عادت کرده است، پس چرا تغییرش دهیم؟
8- تیره تا روشن
بسیاری از طراحان سایت، انتخاب رنگ های خنثی را ترجیح می دهند و از ترکیبی از تنالیته های گوناگون همان رنگی که گزینش کرده اند نیز به کار گیری می کنند. این نوع ترکیب رنگ حاصل از رنگ های خنثی نسبت به حالتی که با رنگ های اساسی شغل شده باشد، فشار کمتری به چشم وارد می کند.
به کارگیری از تیره روشن در ساخت وب سایت
9- کنتراست یا ناهمخوانی
همان گونه که قبلاً گفتیم، ناهمخوانی رنگ یکیاز دست اندرکاران مؤثر در نگهداشتن بازدیدکننده است. برای مثال تأثیر رنگ های ضدونقیض متن و دور نما در خوانایی متن بسیار اساسی میباشد. وقتی رنگ دورنما به سفید نزدیک میشود، رنگ متن بایستی به سیاه یا خاکستری نزدیک گردد. به همین سادگی!
تضاد در رنگ های ساخت سایت
10- تعیین رنگ با تمرکز به اهمیت آیتم
مثلا ترجیح ما دربارهی رنگ دکمه «پیشنهاد خرید»، رنگ قرمز راجع به سفید می باشد.
11- سایه ها و گرادینت ها
این یک فرمول تجربه گردیده است و سود خوبی داراست. گاهی با همان رنگ های جانور و اندکی تغییر و تحول در درجه بندی رنگ ها و یک سایه در ذیل لوگو، می توان ظاهر جدیدی به وب سایت اعطا کرد. این فعالیت تارنما را دیدنی تر نموده و آن را از موقعیت معمول دو بعدی خارج می کند.
راهنمای پرامپتنویسی برای ساختوساز محتوای متنی