تکنیک css گرادینت در طراحی سایت

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

یک طراح سایت باید همیشه خود را بروز نگه دارد اگر کسب و کارهای دیگر هر سالی یکبار آپدیت می شود.

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

اگر با فتوشاپ کار کرده باشید با گرادینت  آشنا هستید ولی اگر آشنا نیستید چند مثال در اینجا براتون آوردم .

با گرادینت می شود چند رنگ را با هم ترکیب کرد و بک گراندهای جذابی را استفاده کرد که حتی شما می توانید در منو سایت ها و بک گراندها کارها از آن استفاده کنید.

در زمان قدیم یک گرادینت در فتوشاپ طراحی می کردند و آن را در منو سایت پیاده سازی می کردند که می توانست شکل جذابی به سایت دهد ولی از وقتی که سایت ها در موبایل هم باید به شکل امروزی در می آمدند دیگر نمی تواند از بک گرادینت استفاده کرد چند دلیل هست که دیگر گرادینت های فتوشاپی جواب نمی دهد.

• پایین آوردن سرعت سایت
• بهم ریختن سایت در حالت موبایلی
• بالا رفتن محتویات سایت

ولی امروز با روی کار آمدن css3  شما می توانید گرادینت های جذاب و حرفه ای را با استفاده از کدهای css3  طراحی کنید و سایت ها خودتون رو از این خشکی و رنگ های تک رنگ رها کنید چرا باید از گرادینت های css3  استفاده کنیم:

• بالا بردن سرعت سایت
• کم حجم کردن سایت
• جذابیت دادن به بک گراند سایت
• جلوه دادن به هر چی حتی دکمه های سایت
• شما می توانید برای اینکه از گرادینت سایت استفاده کنید از چند ترکیب رنگ استفاده کنید

همان طور که اسمش پیدا هست شما می توانید ترکیب رنگی یا از عرض یا طول بک خود داشته باشید مثل نمونه ها و مثال هایی که خودتون هم می توانیم امتحان کنید و جذابیت سایت خودتون را بیشتر کنید .

در این تکنیک شما می توانید بر خلاف Linear  که از بالا و چپ و راست و پایین می شود روی آن کرد در گرادینت Radial در نقطه وسط هر بک گراند یک رنگ دیگر هم ترکیب کنید مثلا شما بخواهید یک نوری از پشت یک شی بع بیرون بتابد Radial در مرکز کاربرد دارد  مثال نمونه و مثال های زیر :

همه مرورگرها این تکنیک  css3 را پشتیبانی می کنند به غیر از :

• نسخه Safari 3.5
• نسخه ۳.۵ Firefox
• نسخه ۱۱ Opera
• نسخه ۸ IE

در پایان

شما می توانید با کمی خلاقیت سایت هایی حرفه ای و جذاب طراحی کنید که مشتری و کاربران از دید آنها جذب شوند کاری که ما در بیشتر نمونه کارهای طراحی سایت خود انجام داده ایم

امیدواریم شما هم از این تکنیک های css3 استفاده کنید .