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