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