Your browser does not support JavaScript!
وب انیمیشن
وب انیمیشن چیست و چگونه ساخته می شود؟

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

امروزه شما می توانید تصاویر های متحرک را به فراوانی در اینترنت مشاهده کنید.

وب انیمیشن

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

  • - استفاده از گیف های متحرک
  • - استفاده از زبان برنامه نویسی دینامیک HTML 
  • - استفاده از زبان برنامه نویسی جاوا
  • - استفاده از HTML Canvas
  • - استفاده از نرم افزارهای شاک ویو و  فلش
  • - استفاده از CSS Animation
  • - استفاده از SVG smil

انواع استفاده از انیمیشن در وب سایت:

  • - عناصر رابط انیمیشنی
  • - انیمیشن های زمان انتظار
  • - انیمیشن های داستانی
  • - انیمیشن های صرفا تزئینی
  • - انیمیشن های تبلیغاتی

انیمیشن می تواند یک خط ساده، یک ویدئو و یا یک تصویر پس زمینه باشد که دارای حرکت باشد. مانند هر روش طراحی دیگر، انیمیشن ها می توانند نامحسوس باشند و یا برعکس سهم بزرگی از کار را شامل باشد. وب انیمیشن ها معمولا به صورت  GIF, CSS, SVG,WebGL و ویدئو ذخیره می شوند.

وب انیمیشن

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

نمونه کار هایی از وب انیمیشن های گروه طراحی تبلیغات لولسا:

http://www.zheen.ir

http://www.firemode.net

http://peace-childhood.jamiatdefaa.org