طراحي سايت

 اصول به كار گيري از رنگها در طراحي وب با تحليلي بر كتاب ها روانشناسي رنگهاي پنتون، رنگها براي معاش عالي تاثير مري لامبرت، هارموني رنگها تاثير تينا ساتن و كتاب مدريريت رنگ براي طراحان ديجيتال از انتشارات 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 استفاده نكنيد. اينكار بيننده را عصبي مي نمايد.
رنگ قرمز‌رنگ مي‌تواند بيننده را به خيال مواقعي ذيل بياندازد: بستني يخي، عشق و علاقه، خوراك، لذت، حرارت
شيب رنگ قرمز رنگ و ترازو تركيب آن با رنگهاي شبيه مانند نارنجي رنگ قادر است شم هاي مختلفي در بيننده ايجاد كرد نمايد.
نمونه: كمپاني شانل از رنگ قرمز جگري براي تشويق بيننده به خريد رژلب استفاده مي نمايد. اين رنگ در‌اين تبليغ شم قدرت تعيين را در مخاطب تداعي خواهد كرد.
رنگ جگري تيره در مكان ديگر ممكن ميباشد حس به طور كامل متفاوتي ايجاد كرد نمايد. نمونه در يك سايت عرضه محصول ها گوشتي ممكن ميباشد منجر گردد شم كهنگي را تداعي كند.
آبي رنگ:
آبي رنگ و طوطيا اي رنگ پس زمنيه هدر تارنما هاي دولتي و آموزشي ميباشد. مي‌توانيد براي يك تارنما قانوني از اين رنگ بعنوان رنگ اساسي وبسايت به كارگيري فرماييد. رنگ آبي‌رنگ تيره با رنگ سپيد مخلوط زيبايي را ساخت و ساز مي نمايد.
رنگ آبي‌رنگ قادر است شم هاي مختلفي را در بيننده تداعي نمايد مانند : شم سرما، وفاداري، تضمين
سبز:
رنگ سبز در بنگاه هاي تجاري به معناي صحت و صداقت در اجرا شغل ميباشد.اين رنگ بيشتر در سايت هاي مرتبط با طبيعت و خردسال ها به عمل دريافت شد‌ه‌مي‌باشد. با اين موقتا رنگ سبز رنگ سازماني شركتهاي و سازمانهاي مختلفي با حوزه هاي فعاليت متعدد در سرتاسر فقيد ميباشد.
رنگ سبز در كنار رنگ هايي مانند سپيد، مشكي و آبي‌رنگ تركيب زيبايي ايجاد كرد مي نمايد. براي رنگ مكمك سبز ميتوان از قرمز‌رنگ و يا اين كه نارنجي رنگ به كار گرفت.
رنگ زرد :
زردرنگ كمترين تباين را در دور‌نما سپيد داراست. در صورتي‌كه رنگ دور‌نما سايت شما سپيد است در داخل مقالات خويش از زردرنگ به كارگيري نكنيد. رنگ زرد بيشترين اثر را روي دورنما سياه مطلق از خويش ساخت ميكند. رنگ زرد كه روي سياه مطلق قرار داشته باشد. بشدت توجه را جلب مي نمايد.