طراحی سایت

هارمونی رنگ ها در طراحی وب سایت اصول به کار گیری از رنگها در ساخت سایت با تحلیلی بر کتاب ها روانشناسی رنگهای پنتون، رنگها برای معاش عالی تاثیر مری لامبرت، هارمونی رنگها تاثیر تینا ساتن و کتاب مدریریت رنگ برای طراحان دیجیتال از انتشارات 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 استعمال نکنید. اینکار بیننده را عصبی می نماید.

هارمونی رنگ ها در طراحی وب سایت اصول به کار گیری از رنگها در ساخت سایت با تحلیلی بر کتاب ها روانشناسی رنگهای پنتون، رنگها برای معاش عالی تاثیر مری لامبرت، هارمونی رنگها تاثیر تینا ساتن و کتاب مدریریت رنگ برای طراحان دیجیتال از انتشارات 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 استعمال نکنید. اینکار بیننده را عصبی می نماید.