Menu
97 35 94 66  info@samiaco.ir
16

انیمیشن های متحرک جهت پس زمینه سایت

انیمیشن های متحرک جهت پس زمینه سایت

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


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



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



سربرگ متحرک به وسیله CSS نیز یکی از روش های نوین جهت متحرک کردن می باشد در این روش تصویر طوری به کاربر نشان داده می شود گویی دوربین به سمت جلو و عقب می رود و همین ترفند باعث می شود که تصویر متحرک دیده شود .

 


تعداد امتيازات: (1) Article Rating
تعداد مشاهده خبر: (89)
کد خبر: 2622


  • انیمیشن های متحرک جهت پس زمینه سایت