اصول استعمال از رنگها در طراحی وب با تحلیلی بر کتب روانشناسی رنگهای پنتون،طراحی سایت در مشهد رنگها برای زندگی عالی اثر مری لامبرت، هارمونی رنگها اثر تینا ساتن و کتاب مدریریت رنگ برای طراحان دیجیتال از انتشارات For.Dummies نگاشته شدهاست. اصول استعمال از رنگها در ساخت سایت با طراحی دیجیتال و یا حتی طراحی کلاسیک تفاوت چندانی ندارد. در اصل برای تعیین رنگ در طراحی سه کتاب مرجع Color the Dreams و The Psychology و Word and Image هر سه نوشته Carl Jung روانشناس سوئدی گزینه استناد قرار میگیردطراحی سایت . یونگ یک کدام از روانشناسانی بود که برای نخسین بار از رنگ برای دانستن به عواطف و احساسات و رنج های آدمی بهره برد.
نکته ای که به کارگیری از رنگها در ساخت وب سایت را با طراحی روی صفحه متمایز میکند. تفاوت رنگ و فروغ میباشد. در طراحی دیجیتال و ساخت رایا پارس وب سایت ما از سه نوروروشنایی قرمز رنگ، سبز، زرد رنگ برای ایجاد کرد تصاویر به کارگیری میکنیم. هریک از این سه نورها 255 شیب رنگی در اختیار ما قرار میدهد که عملا بیشتراز شانزده میلیون رنگ متفاوت برای طراحی در دست ما قرار میگیرد. برخی از شیب رنگ ها برای چشم آدم قابل تمایز نیست.
اصول به کار گیری از رنگ ها در طراحی وب سایت
برای ساخت وب سایت میتوان از رنگهای مکمل، رنگهای مشابه و... استفاده نمود. همان طور که گفتیم رنگ با فروغ و روشنایی متعدد می باشد. هنگامیکه ahrefs حرف از رنگ های کامل کننده، مشابه و مانند آن می شود خواسته ما ارتباط رنگ ها در دایره رنگ است. دایره رنگ دایره ای می باشد که استارت با سه رنگ اساسی آبی رنگ، رنگ زرد، قرمز در سه بخش معادل لبریز می گردد. آنگاه با ترکیب این سه رنگ گوشه در بین رنگ ها را پر می کنند. ادغام دو رنگ کنارهم در دایره رنگ و ساخت رنگ جدید میتواند تا بینهایت ادامه یابد.
برای گزینش رنگ مناسب در قسمت های مختلف تارنما، ابزارهای گزینش رنگ آنلاین را نیز میتوان استفاده کرد. از در میان ابزار های آنلاین جانور ابزار Color Wheel از گروه ابزارهای شرکت ادوبی آفریننده فتوشاپ یکیاز بهترین ها می باشد. این ابزار در آدرس https://color.adobe.com/create/color-wheel/ بصورت یک ابزار آنلاین مجانی در دسترس میباشد. با یاری این ابزار میتوان برای قسمت های متعدد تارنما انتخاب رنگ را جاری ساختن داد.
اصولا با هر روشی که بخواهید رنگ های وبسایت را انتخاب نمایید. می بایست شروع یک رنگ یا تم اصلی برای سایت خود در حیث بگیرید. رنگ های مانند آبی رنگ برای وب سایت های آموزشی و دولتی، رنگ های سبز برای وب سایت های مرتبط با طبیعت و خردسال ها، رنگ بنفش برای سایت های خدماتی و رنگ صورتی برای وبسایت های فروش محصولات آرایشی زنانه بصورت پیش فرض به وسیله اکثر اوقات افراد رعایت میشوند.
هنگامی که مشتری به شما مراجعه میکند و از قبلی رنگ سازمانی خود را گزینش کرده است. شما دیگر نمیتوانید براساس الگوی فوق رنگ ها را انتخاب نمائید. در صورتیکه رنگ سازمانی شرکتی با رنگ های از پیش تعیین شده تفاوت داشت شما باید با امداد رنگ های مشابه و کامل کننده ادغام رنگ سایت را به سمتی ببرید که حس خیر به مشتری القاء کند.
مثال: شرکتی در حوزه انرژی با فیلد کاری استحصال گاز طبیعی و فراوری و فروش آن به شما مراجعه میکند و رنگ سازمانی خود را زرد رنگ اعلام میکند. این شرکت از قبل کارت ویزیت و سایر ملزومات اداری را براساس این رنگ سازمانی خریداری کرده است و قابلیت و امکان تغییر تحول رنگ سازمانی خود را ندارد. دراینصورت شما می توانید با استفاده از رنگ هایی مانند آبیرنگ و مشکی بعنوان رنگ مکمل و از رنگ نارنجی بعنوان رنگ مشابه زرد در طراحی به کار گیری کنید. ادغام این چهار رنگ میتواند سایتی قشنگ تشکیل داد کند.
نکته : برای طراحی قسمت اساسی محتوا که موفق آن متن است از پس زمینه سفید و رنگ مشکی برای فونت استعمال فرمائید. برخی از تارنما های ایرانی از رنگ طوسی برای فونت بهره میگیرند. اینکار از دید گرافیکی خطا است. رنگ طوسی بعنوان رنگ نوشته از حیث روانشناسی به معنی بی مداقه بودن و مرده بودن موضوع می باشد. به طبع ما نمی خواهیم چنین حسی را به مشتریانمان القاء کنیم.
نکته : رنگ طوسی بعنوان رنگ خنثی در گرافیک وب بسیار کاربرد دارااست. اما استفاد از آن بعنوان رنگ نوشته پیروز وب سایت میتواند خواننده را خسته کند.
برای اعتقاد و باور از صدق این حرف کافیست در گوگل عبارت graphic tutorial را جستجو کرده و ده وبسایت نخستین را در مرورگر خود باز نمایید. آحاد سایت های مطرح از رنگ فونت سیاه خالص در دورنما سفید خالص بهره می برند.
در سایت وب 24 شما رنگ سازمانی سبز را در هدر مشاهده می کنید. لوگو سایت با رنگی مقداری تیره تر همراه با رنگ سفید بعنوان رنگ خنثی طراحی شده است. رنگ فونت نوشته ها در متن مقالهها مشکی و رنگ عنوان ها با رنگ سازمانی همرنگ انتخاب شده اند. پیوند ها و رنگ هاور آن ها از رنگ های مشابه رنگ سازمانی میباشد. در پایین مقالهها از رنگ کامل کننده برای دکمه بخش نظر ها مصرف شده است. رنگ مکمل دقت مخاطب را بهاین بخش جلب کند.
برای استفاده از رنگ ها در تارنما بایستی از چه اصولی تاسی کنیم:
سفید:
در اپ فتوشاپ رنگ سفید خالص و سیاه خالص رنگ تشخیص داده نمیشوند. بلکه نوروفروغ و سایه شناخته میشوند. در صورتی شما سعی کنید با لایه های تنظیمی این دو رنگ را تغییر دهید. بهره ای حاصل نخواهید کرد. در طبیعت سفید و سیاه رنگ محسوب میشوند.
کاربرد رنگ سفید در طراحی سایت: رنگ سفید بعنوان فونت روی پس زمنیه های تیره خوانایی بسیار بالایی دارد. امروزه با تمرکز به تمایل کاربران به استفاده از دورنما تیره (برنامه هایی مانند فتوشاپ، 3D max و... در نسخه های 2017 خود از رنگ گزینه طوسی و یا مشکی بهره گرفته اند) رنگ فونت سفید برای فونت بسیار پرکاربرد شدهاست.
فراموش نکنید که رنگ فونت سفید روی دورنما سیاه مطلق چشم را خسته میکند.
گرافیک سفید رنگ چه تاثیری در مخاطب میگذارد: ادب و امنیت و سالم و ملایمت
نکته : در طراحی وب سایت رنگ سفید خالص اکثر وقت ها برای دورنما محتوا متنی وب سایت به کارگیری می گردد.
سياه :
بهترین رنگ برای نوشته های قالب سایت در مقالات و متن های وقت گیر می باشد. بهترین بهره رنگ سیاه در پس زمنیه سفید خالص میباشد.
نکته : رنگ سیاه و سفید در طراحی های گورخری و لانه زنبوری و زیگزاگی افراد استیگمات را آزار میدهند.
قرمز:
رنگ زمینه CTA می تواند شیب رنگی از قرمز باشد تا کاربران را برای کلیک کردن روی دکمه ترغیب کند.
رنگ قرمز کامل کننده مناسبی برای نوار های گوشه ای نیست. یعنی در حالتیکه صفحه آرایی شما آبی یا سبز میباشد از رنگ قرمز برای خط به دور یا همان Border استعمال نکنید. اینکار بیننده را عصبی می کند.
رنگ قرمز میتواند بیننده را به خیال و خاطر مواردی تحت بیاندازد: بستنی یخی، عشق، خوراک، لذت، حرارت
شیب رنگ قرمزرنگ و واحد سنجش ادغام آن با رنگهای مشابه مانند نارنجی میتواند احساس های مختلفی در بیننده ایجاد کرد کند.
مثال: شرکت شانل از رنگ قرمزرنگ جگری برای تشویق بیننده به خرید رژلب استعمال می کند. این رنگ در این تبلیغ شم توان تعیین را در استفاده کننده تداعی خواهد کرد.
رنگ جگری تیره در جای دیگر ممکن میباشد شم کاملا متفاوتی ساخت کند. مثال در یک تارنما عرضه تولیدات گوشتی ممکن است منتهی شود شم کهنگی را تداعی نماید.
آبی:
آبی و سرمه ای رنگ پس زمنیه هدر تارنما های دولتی و آموزشی میباشد. میتوانید برای یک سایت رسمی از این رنگ بعنوان رنگ مهم سایت به کار گیری کنید. رنگ آبی رنگ تیره با رنگ سفید ادغام زیبایی را ساخت و ساز می کند.
رنگ آبی رنگ قادر است حس های مختلفی را در بیننده تداعی کند مانند : حس سوز و سرما، وفاداری، ضمانت
سبز:
رنگ سبز در بنگاه های تجاری به معنای درستی و صداقت در اعمال شغل میباشد.این رنگ بیشتر در وب سایت های مربوط به طبیعت و خردسالان به فعالیت گرفته شدهمیباشد. با این موقتا رنگ سبز رنگ سازمانی شرکت ها و ارگانهای مختلفی با حوزه های عمل متعدد در سرتاسر فقیه می باشد.
رنگ سبز در کنار رنگ هایی مانند سفید، مشکی و آبی ترکیب زیبایی ایجاد کرد می کند. برای رنگ مکمک سبز میتوان از قرمز و یا نارنجی استفاده کرد.
زرد رنگ :
زرد کمترین تباین را در دور نما سفید دارااست. در صورتیکه رنگ بگراند وبسایت شما سفید میباشد در داخل مقاله ها خود از رنگ زرد استفاده نکنید. زردرنگ بیشترین تاثیر را روی دور نما سیاه مطلق از خود تشکیل داد میکند. زردرنگ که روی سیاه مطلق قرار داشته باشد. بشدت اعتنا را جلب می کند.
اصول استعمال از رنگها در طراحی وب با تحلیلی بر کتب روانشناسی رنگهای پنتون،طراحی سایت در مشهد رنگها برای زندگی عالی اثر مری لامبرت، هارمونی رنگها اثر تینا ساتن و کتاب مدریریت رنگ برای طراحان دیجیتال از انتشارات For.Dummies نگاشته شدهاست. اصول استعمال از رنگها در ساخت سایت با طراحی دیجیتال و یا حتی طراحی کلاسیک تفاوت چندانی ندارد. در اصل برای تعیین رنگ در طراحی سه کتاب مرجع Color the Dreams و The Psychology و Word and Image هر سه نوشته Carl Jung روانشناس سوئدی گزینه استناد قرار میگیردطراحی سایت . یونگ یک کدام از روانشناسانی بود که برای نخسین بار از رنگ برای دانستن به عواطف و احساسات و رنج های آدمی بهره برد.
نکته ای که به کارگیری از رنگها در ساخت وب سایت را با طراحی روی صفحه متمایز میکند. تفاوت رنگ و فروغ میباشد. در طراحی دیجیتال و ساخت رایا پارس وب سایت ما از سه نوروروشنایی قرمز رنگ، سبز، زرد رنگ برای ایجاد کرد تصاویر به کارگیری میکنیم. هریک از این سه نورها 255 شیب رنگی در اختیار ما قرار میدهد که عملا بیشتراز شانزده میلیون رنگ متفاوت برای طراحی در دست ما قرار میگیرد. برخی از شیب رنگ ها برای چشم آدم قابل تمایز نیست.
اصول به کار گیری از رنگ ها در طراحی وب سایت
برای ساخت وب سایت میتوان از رنگهای مکمل، رنگهای مشابه و... استفاده نمود. همان طور که گفتیم رنگ با فروغ و روشنایی متعدد می باشد. هنگامیکه ahrefs حرف از رنگ های کامل کننده، مشابه و مانند آن می شود خواسته ما ارتباط رنگ ها در دایره رنگ است. دایره رنگ دایره ای می باشد که استارت با سه رنگ اساسی آبی رنگ، رنگ زرد، قرمز در سه بخش معادل لبریز می گردد. آنگاه با ترکیب این سه رنگ گوشه در بین رنگ ها را پر می کنند. ادغام دو رنگ کنارهم در دایره رنگ و ساخت رنگ جدید میتواند تا بینهایت ادامه یابد.
برای گزینش رنگ مناسب در قسمت های مختلف تارنما، ابزارهای گزینش رنگ آنلاین را نیز میتوان استفاده کرد. از در میان ابزار های آنلاین جانور ابزار Color Wheel از گروه ابزارهای شرکت ادوبی آفریننده فتوشاپ یکیاز بهترین ها می باشد. این ابزار در آدرس https://color.adobe.com/create/color-wheel/ بصورت یک ابزار آنلاین مجانی در دسترس میباشد. با یاری این ابزار میتوان برای قسمت های متعدد تارنما انتخاب رنگ را جاری ساختن داد.
اصولا با هر روشی که بخواهید رنگ های وبسایت را انتخاب نمایید. می بایست شروع یک رنگ یا تم اصلی برای سایت خود در حیث بگیرید. رنگ های مانند آبی رنگ برای وب سایت های آموزشی و دولتی، رنگ های سبز برای وب سایت های مرتبط با طبیعت و خردسال ها، رنگ بنفش برای سایت های خدماتی و رنگ صورتی برای وبسایت های فروش محصولات آرایشی زنانه بصورت پیش فرض به وسیله اکثر اوقات افراد رعایت میشوند.
هنگامی که مشتری به شما مراجعه میکند و از قبلی رنگ سازمانی خود را گزینش کرده است. شما دیگر نمیتوانید براساس الگوی فوق رنگ ها را انتخاب نمائید. در صورتیکه رنگ سازمانی شرکتی با رنگ های از پیش تعیین شده تفاوت داشت شما باید با امداد رنگ های مشابه و کامل کننده ادغام رنگ سایت را به سمتی ببرید که حس خیر به مشتری القاء کند.
مثال: شرکتی در حوزه انرژی با فیلد کاری استحصال گاز طبیعی و فراوری و فروش آن به شما مراجعه میکند و رنگ سازمانی خود را زرد رنگ اعلام میکند. این شرکت از قبل کارت ویزیت و سایر ملزومات اداری را براساس این رنگ سازمانی خریداری کرده است و قابلیت و امکان تغییر تحول رنگ سازمانی خود را ندارد. دراینصورت شما می توانید با استفاده از رنگ هایی مانند آبیرنگ و مشکی بعنوان رنگ مکمل و از رنگ نارنجی بعنوان رنگ مشابه زرد در طراحی به کار گیری کنید. ادغام این چهار رنگ میتواند سایتی قشنگ تشکیل داد کند.
نکته : برای طراحی قسمت اساسی محتوا که موفق آن متن است از پس زمینه سفید و رنگ مشکی برای فونت استعمال فرمائید. برخی از تارنما های ایرانی از رنگ طوسی برای فونت بهره میگیرند. اینکار از دید گرافیکی خطا است. رنگ طوسی بعنوان رنگ نوشته از حیث روانشناسی به معنی بی مداقه بودن و مرده بودن موضوع می باشد. به طبع ما نمی خواهیم چنین حسی را به مشتریانمان القاء کنیم.
نکته : رنگ طوسی بعنوان رنگ خنثی در گرافیک وب بسیار کاربرد دارااست. اما استفاد از آن بعنوان رنگ نوشته پیروز وب سایت میتواند خواننده را خسته کند.
برای اعتقاد و باور از صدق این حرف کافیست در گوگل عبارت graphic tutorial را جستجو کرده و ده وبسایت نخستین را در مرورگر خود باز نمایید. آحاد سایت های مطرح از رنگ فونت سیاه خالص در دورنما سفید خالص بهره می برند.
در سایت وب 24 شما رنگ سازمانی سبز را در هدر مشاهده می کنید. لوگو سایت با رنگی مقداری تیره تر همراه با رنگ سفید بعنوان رنگ خنثی طراحی شده است. رنگ فونت نوشته ها در متن مقالهها مشکی و رنگ عنوان ها با رنگ سازمانی همرنگ انتخاب شده اند. پیوند ها و رنگ هاور آن ها از رنگ های مشابه رنگ سازمانی میباشد. در پایین مقالهها از رنگ کامل کننده برای دکمه بخش نظر ها مصرف شده است. رنگ مکمل دقت مخاطب را بهاین بخش جلب کند.
برای استفاده از رنگ ها در تارنما بایستی از چه اصولی تاسی کنیم:
سفید:
در اپ فتوشاپ رنگ سفید خالص و سیاه خالص رنگ تشخیص داده نمیشوند. بلکه نوروفروغ و سایه شناخته میشوند. در صورتی شما سعی کنید با لایه های تنظیمی این دو رنگ را تغییر دهید. بهره ای حاصل نخواهید کرد. در طبیعت سفید و سیاه رنگ محسوب میشوند.
کاربرد رنگ سفید در طراحی سایت: رنگ سفید بعنوان فونت روی پس زمنیه های تیره خوانایی بسیار بالایی دارد. امروزه با تمرکز به تمایل کاربران به استفاده از دورنما تیره (برنامه هایی مانند فتوشاپ، 3D max و... در نسخه های 2017 خود از رنگ گزینه طوسی و یا مشکی بهره گرفته اند) رنگ فونت سفید برای فونت بسیار پرکاربرد شدهاست.
فراموش نکنید که رنگ فونت سفید روی دورنما سیاه مطلق چشم را خسته میکند.
گرافیک سفید رنگ چه تاثیری در مخاطب میگذارد: ادب و امنیت و سالم و ملایمت
نکته : در طراحی وب سایت رنگ سفید خالص اکثر وقت ها برای دورنما محتوا متنی وب سایت به کارگیری می گردد.
سياه :
بهترین رنگ برای نوشته های قالب سایت در مقالات و متن های وقت گیر می باشد. بهترین بهره رنگ سیاه در پس زمنیه سفید خالص میباشد.
نکته : رنگ سیاه و سفید در طراحی های گورخری و لانه زنبوری و زیگزاگی افراد استیگمات را آزار میدهند.
قرمز:
رنگ زمینه CTA می تواند شیب رنگی از قرمز باشد تا کاربران را برای کلیک کردن روی دکمه ترغیب کند.
رنگ قرمز کامل کننده مناسبی برای نوار های گوشه ای نیست. یعنی در حالتیکه صفحه آرایی شما آبی یا سبز میباشد از رنگ قرمز برای خط به دور یا همان Border استعمال نکنید. اینکار بیننده را عصبی می کند.
رنگ قرمز میتواند بیننده را به خیال و خاطر مواردی تحت بیاندازد: بستنی یخی، عشق، خوراک، لذت، حرارت
شیب رنگ قرمزرنگ و واحد سنجش ادغام آن با رنگهای مشابه مانند نارنجی میتواند احساس های مختلفی در بیننده ایجاد کرد کند.
مثال: شرکت شانل از رنگ قرمزرنگ جگری برای تشویق بیننده به خرید رژلب استعمال می کند. این رنگ در این تبلیغ شم توان تعیین را در استفاده کننده تداعی خواهد کرد.
رنگ جگری تیره در جای دیگر ممکن میباشد شم کاملا متفاوتی ساخت کند. مثال در یک تارنما عرضه تولیدات گوشتی ممکن است منتهی شود شم کهنگی را تداعی نماید.
آبی:
آبی و سرمه ای رنگ پس زمنیه هدر تارنما های دولتی و آموزشی میباشد. میتوانید برای یک سایت رسمی از این رنگ بعنوان رنگ مهم سایت به کار گیری کنید. رنگ آبی رنگ تیره با رنگ سفید ادغام زیبایی را ساخت و ساز می کند.
رنگ آبی رنگ قادر است حس های مختلفی را در بیننده تداعی کند مانند : حس سوز و سرما، وفاداری، ضمانت
سبز:
رنگ سبز در بنگاه های تجاری به معنای درستی و صداقت در اعمال شغل میباشد.این رنگ بیشتر در وب سایت های مربوط به طبیعت و خردسالان به فعالیت گرفته شدهمیباشد. با این موقتا رنگ سبز رنگ سازمانی شرکت ها و ارگانهای مختلفی با حوزه های عمل متعدد در سرتاسر فقیه می باشد.
رنگ سبز در کنار رنگ هایی مانند سفید، مشکی و آبی ترکیب زیبایی ایجاد کرد می کند. برای رنگ مکمک سبز میتوان از قرمز و یا نارنجی استفاده کرد.
زرد رنگ :
زرد کمترین تباین را در دور نما سفید دارااست. در صورتیکه رنگ بگراند وبسایت شما سفید میباشد در داخل مقاله ها خود از رنگ زرد استفاده نکنید. زردرنگ بیشترین تاثیر را روی دور نما سیاه مطلق از خود تشکیل داد میکند. زردرنگ که روی سیاه مطلق قرار داشته باشد. بشدت اعتنا را جلب می کند.