پیشرو انفورماتیک


Strict Standards: Declaration of JCacheControllerView::get() should be compatible with JCacheController::get($id, $group = NULL) in /home/h97813/domains/pishroanformatic.com/public_html/libraries/joomla/cache/controller/view.php on line 137

Strict Standards: Only variables should be assigned by reference in /home/h97813/domains/pishroanformatic.com/public_html/plugins/content/rsform/rsform.php on line 57

Strict Standards: Only variables should be assigned by reference in /home/h97813/domains/pishroanformatic.com/public_html/plugins/content/jw_sigpro/jw_sigpro.php on line 51

Strict Standards: Only variables should be assigned by reference in /home/h97813/domains/pishroanformatic.com/public_html/plugins/content/jw_sigpro/jw_sigpro.php on line 52

Strict Standards: Only variables should be assigned by reference in /home/h97813/domains/pishroanformatic.com/public_html/plugins/content/joominahtml5player/joominahtml5player.php on line 34

Strict Standards: Only variables should be assigned by reference in /home/h97813/domains/pishroanformatic.com/public_html/plugins/content/rsform/rsform.php on line 57

تاثیر رنگ در طراحی سایت

آیا شما نیز با تاثبر بسزای رنگ ها در طراحی سایت واقف هستید؟ رنگ در طراحی وب سایت به حدی موثر هست که یتواند فروش یک سایت را بیش از 45 برابر افزایش دهد. در این مقاله قصد داریم به صورت دقیق به تفسیر این موضوع بپردازیم. در دنیای اطراف ما رنگ های فراوانی وجود دارد. در بیشتر موارد ما رنگ ها را به گونه ای نام گذاری کرده ایم که درک ارتباط میان رنگ ها بسیار دشوار است.نامهایی مانند قرمز ، سبز، آبی، زرد ،بنفش و بلوطی برای محاوره و صحبت کردن فوق العاده هستند اما دیدگاه اندکی در مورد ساختار رنگ فراهم میکنند. از لحظه ای که ما قادر به صحبت کردن هستیم رنگ توسط زبان بخشی از مغز پردازش میشود و این بدان معناست که نام هایی که ما به رنگ ها داده ایم به انها گره خورده است. از سوی دیگر انداره و میزان به طریقی دیگر توسط مغر ما پردازش میشود. ما برای اندازه گیری از راه های متناسب با انها که ثابت و شناخته شده است و به خوبی عمل میکنند استفاده میکنیم مانند اینچ و سانتی متر. ایده های اندازه گیری به صورت طبیعی به سمت ما آمده اند. در حالی که رنگ میتواند اندازه گیری شود و در یک روش مشابه توصیف شوند.در اغلب موارد برای ما درک و دستکاری رنگ برای اندازه گیری بخش های آن بسیار دشوار است.

 

سختی ها و دشواری های اندازه گیری بخش های مختلف رنگ ادامه داشت تا اینکه اسحاق نیوتن یک سری آزمایشات با منشور انجام داد. بعد از ازمایشات نیوتن ما متوجه این موضوع شدیم که نور از رنگ های مختلف تشکیل شده است که میتوان بطور جداگانه اندازه گیری شوند. اسحاق نیوتن در سال 1666 چرخه ی رنگ را به وجود اورد. چرخه ی رنگ خیلی زود به تصویب و تایید هنرمندان رسید . بنابراین هنرمندان توانستند بهتر رنگ ها را درک کنند.

امروزه  بسیاری از هنرمندان از قرمز ، زرد  و آبی به عنوان رنگ های اصلی استفاده میکنند و بسیاری از کلاس های تئوری رنگ به این رنگ ها به عنوان رنگ اصلی مراجعه میکنند. علم از زمان اسحاق نیوتن تکامل یافت  و موجب شده است که ما درک کنیم که چکونه میبینیم. چشم شامل گیرنده های مختلف نور است . گیرنده ها به دو دسته تقسیم میشوند. گیرنده هایی که به نور حساسند و گیرنده های مخروطی برای تشخیص سه رنگ اصلی قرمز سبز و آبی.

احتمالا این سه رنگ اصلی طنینی آشنا برای ما و کسانی که بر روی وب کار میکنند  است. به خاطر این که برای ما روشی برای نوشتن رنگ ها است. صفحه های نمایش رنگ های قرمز، سبز و آبی را برای بخش های مختلف هر پیکسل دارند. هر رنگ دارای 256تنوع در روشنایی و در نتیجه  16،777،216 احتمال برای رنگ متفاوت وجود دارد. ما میتوانیم رنگ را با rgb تابع  و عملکرد رنگ rgb (255،115،0) یا با مقادیر هگزا #ff7300 یا هر دو، رنگ ها را به روش های متفاوت توصیف کنیم.

تفکر در مورد رنگ های وابستهرنگ وب سایت
برای در مورد رنگ و ارتباط آنها میتوانیم با css تابع رنگ hsl شروع کنیم . این تابع رنگ رابه فام ، غلظت رنگ و روشنایی تجزیه میکند. فام در واحد های کمتر از 360 درجه بیان شده است در حالی که غلظت رنگ و روشنایی در واحد های کمتر از 100بیان شده است.
بنابراین فام به عنوان یک ارزش کمتر از 360 بیان شده است. این مقدار به یک چرخ رنگی ترسیم شده است. فرض کنید در حال گشت زدن در اطراف چرخه ی رنگ هستید. زمانی که شما رنگ قرمز(0) دارید و میخواهید رنگ زرد را بسازید تنها می بایست فام را به 60 حرکت دهید. در تئوری رنگ ها مفهوم رنگ های مکمل این است که دو رنگ در دو طرف مخالف چرخه رنگ هستند برای پیدا کردن مکمل رنگ قرمز تنهای کافی است شما مقدار 180 درجه نسبت به رنگ قرمز را پیدا کنید . در این حالت ثفر برای قرمز با 180 جمع میشود و رنگ سبز آبی را به وجود می آورد.
خبر
غلظت رنگ و روشنایی کمی ساده تر است. رنگ های پر رنگ100 بدون رنگ خاکستری هستند در حالی که رنگ های کم ر نگ 0 سیاه و سفید هستند. در زمینه ی روشنایی 0 سیاه است و100 سفید است. تنظیم این مقادیر و کم و زیاد کردن آنها به شما کمک میکند تا رنگ را روشن تر یا تیره تر کنید. از آنجایی که درک ما از رنگ معمولا به فام یک رنگ گره خورده است راحت تر است که در مورد غلظت رنگ و روشنایی بر حسب مقیاس فکر کرد.
دستکاری رنگ با Sass
در حال حاضر شما باید به خوبی فهمیده باشید که چگونه میتوان یک رنگ را دستکاری کرد. با این حال با css تنها ، هیچ راهی وجود ندارد تا یک رنگ را به صورت نسبی بدون دخالت دست به رنگ دیگری تنظیم کرد. Sass شامل طیف عظیمی از توابع رنگ است که شما را قادر به دستکاری جنبه های مختلف یک رنگ میکند. Sass برای تکنیک های دستکاری رنگ کامل است در حالی که css کم و کسری دارد. دستکاری رنگ در طراحی سایت از اهمیت فراوانی برخوردار است ، زیرا هر مشتری سلیقه ی خاص و متفاوتی در طراحی سایت درخواستی خود دارد.

 

در اکثر موارد با ارزش ترین توابع ، توابع hsl برای تیره کردن و روشن کردن ، پر رنگ و کم رنگ کردن و تنظیم فام هستند. هر یک از این توابع محسبات ساده ای را در مقادیر hsl اصلی رنگ انجام میدهند. به عنوان مثال اجازه دهید یک رنگ اصلی(primary) را در یک فایل خالی تعریف کنیم:

1. sass
2. $primary: #437825;
اجازه دهید ارزش دیگری برای $ ثانویه (secondary $) که روشنتر و مکمل رنگ اصلی ماست پیدا کنیم:
1. sass
2. $primary: #437825;
3. $secondary: adjust-hue( lighten( $primary, 10% ), 180);
ما همچنین می توانیم مکمل تابع ($color) را به عنوان مختصری برای تنظیم رنگ، ($color, 180) به عنوان مکمل رنگ که همان 180 درجه مخالف رنگ مرجع است استفاده کنیم. ابن توابع رنگ فقط مسئول تغییر قسمتی از تنظیمات هستند. اما در صورتی که بخواهید برای اولین بار با آن کار کنید ممکن است کمی گیج شوید. . بنابراین، اگر شما یک رنگ را با یک مقدار L از 52 به 50 تیره تغییر دهید، رنگ حاصل سیاه و سفید می باشد. برای دریافت این حاشیه شما می توانید تابع ترکیبی را که به سادگی مخلوط دو رنگ با هم است استفاده کنید.
1. sass
2. $primary: #437825;
3. $primary-dark: mix(black, $primary, 20%);
حالا که ما همه ابزارها برای دستکاری رنگ ها در پالت رنگ ما داریم ، میتوانیم از منطق اعمال رنگ ها استفاده کنیم. اجازه دهید که بگوییم ما درطراحی سایت هایمان دکمه های فراوانی داریم( مانند صفحه اصلی، تماس با ما، درباره ی ما، خدمات و...) اگر رنگ دکمه ها تیره باشد متن باید روشن باشد اما اگر رنگ دکمه ها روشن باشد رنگ متن حتما میبایست تیره باشد. شما میتوانید ارزش هر مقدار از رنگ را از توابع فام روشنایی و غلظت سوال کنید.برای درک چگونگی روشن کردن دکمه ها ما از توابع روشنایی استفاده میکنیم:
1. sass
2. @if lightness($color) > 50 {
3. color: black; }
4. @else {
5. color: white;
6. }
قرار دادن رنگ نسبی برای استفاده عملی
تا کنون تمامی این مطالب غیر عملی بوده اند. اما این تکنیک ها را میتوان عملا استفاده کرد تم ها میتوانند به راحتی رنگ ها را تغییر دهند. هنگامی که مشتری در مورد رنگ وب سایت خود شکایتی دارد، میتوان ان را یک جا تنظیم کرد. شما میتوانید یک طرح کلی برای سایت ایجاد کنید و با تغییر دادن ترکیب رنگ انها را عوض کنید. به سادگی با کمک برخی از اصول ترکیب رنگ میتوان ٱنها را منعطف تر کرد. شرکت پیشرو انفورماتیک با تجربه های فراوان در زمینه ی طراحی سایت های منعطف و اصولی آمادگی خود را برای ساخت و طراحی سایت ارگان های دولتی و خصوصی اعلام میکند. جهت کسب اطلاعات بیشتر با شماره 02124521710 تماس حاصل فرمایید.


  • Strict Standards: Non-static method ModValAddThisHelper::calcOutput() should not be called statically in /home/h97813/domains/pishroanformatic.com/public_html/modules/mod_valaddthis/mod_valaddthis.php on line 21

    Strict Standards: Only variables should be assigned by reference in /home/h97813/domains/pishroanformatic.com/public_html/modules/mod_valaddthis/helper.php on line 27

    Strict Standards: Only variables should be assigned by reference in /home/h97813/domains/pishroanformatic.com/public_html/modules/mod_valaddthis/helper.php on line 90

طراحی سایت طراحی سایت طراحی سایت طراحی سایت طراحی سایت طراحی سایت طراحی سایت طراحی سایت طراحی سایت طراحی سایت

پیشرو انفورماتیک طراحی سایت ، بهینه سازی سایت ، تجارت الکترونیک ، بازاریابی اینترنتی
تهران، خیابان شریعتی, بالاتر از ملک، کوچه کشواد پلاک 86
contactus 06
شماره های تماس با ما :
88146627 21 98+
موبایل : 80  34  181  0912
 

info@pishroanformatic.com

pishroanformatic@hotmail.com