لوگوی گوگل به مناسبت روز مادر و نحوه پیاده سازی آن

یکشنبه 24 ارديبهشت 1391

اکثر شرکت‌های حوزه فناوری اطلاعات امسال هم برنامه‌های ویژه‌ای برای روز مادر تدارک دیده اند اما گوگل باز هم مثل همیشه با شیوه ای خاص این روز را به مادران تبریک گفت...

لوگوی گوگل به مناسبت روز مادردر اکثر کشورهای جهان هر ساله دومین یک شنبه ماه می میلادی به عنوان روز مادر جشن گرفته می شود از قضا امسال این تاریخ با تولد حضرت زهرا (س) و روز مادر در ایران مصادف شده است.
هر سال شرکت ها و وبسایت های بزرگ به نحوی تلاش می کنند در حیطه کاری خود این روز را به شکلی خاص جشن بگیرند. از تخفیف ویژه خرید محصولات اپل برای خانم های علاقه مند به گجت های این شرکت در هفته اخیر گرفته تا تغییر در بک‌گراند و اضافه کردن جملاتی در وصف مادران در سایت بینگ همگی از اقدامات انجام شده در طول هفته گذشته توسط شرکت های شاخص دنیای فناوری اطلاعات برای تبریک روز مادر بوده است. گوگل هم که معمولا به مناسبت های مختلف لوگوی صفحه اول سایت خود را تغییر می دهد امروز هم لوگوی خود را تغییر داد و به شیوه خود این روز را به مادران دنیای IT تبریک گفت. کاربران هم دیگر عادت کرده اند که در مناسبت های مختلف باید شاهد یک لوگوی جدید و جذاب از طرف گوگل باشند.
اگر امروز صفحه اصلی گوگل را باز کنید با انیمیشنی رو به رو می شوید که در آن یک مادر و 2 فرزندش نقش های آن را بازی می کنند. این 2 کودک با دسته گلی این روز را به مادر خود تبریک میگویند. اما این همه ابتکار تیم گرافیک گوگل نیست، داستان وقتی جذاب‌تر می شود که می‌بینید مادر داستان ما همان حرف g و 2 کودک هم همان حروف oo نام لاتین گوگل است.

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

از کلیت این انیمیشن جذاب که بگذریم به مشکلات و نحوه پیاده سازی این انیمیشن در صفحه اول گوگل می رسیم.
شاید اگر ما و شما قصد گذاشتن همچین انیمیشنی در سایت خود را داشتیم اولین راهکار این کار را در قرار دادن یک تکه فیلم روی صفحه سایت‌مان می‌دیدیم اما بنابر دلایلی گوگل نمی تواند یا نمی خواهد در صفحه اول وب سایت خود از فیلم استفاده کند چون در این صورت یک فیلم با حجم بالا را به چندین میلیون کاربر روزانه خود تحمیل می کند. خودتان حساب کنید همین چند کیلوبایت ناقابل وقتی در تعداد بازدید های روزانه صفحه اول گوگل ضرب شود چه عدد بزرگی را به وجود می آورد.
شاید راهکار بعدی ما انیمیشن فلش و فایل SWF باشد اما باز هم گوگل نمی تواند امید داشته باشد که شما حتما افزونه Flash Player را بر روی مرورگر خود نصب کرده اید همین‌طور باز هم در این حالت حجم ترافیک بالایی از سرور‌های گوگل استفاده می شود چون فایل های فلش ذاتاً فایل های سنگینی هستند.
برای اینکه به مهم بودن حجم فایل های این سایت پی ببرید باید بدانید اگر تنها 1 کیلوبایت اضافه در کدهای این سایت باشد و این عدد را در بازدید 49 میلیاردی روزانه این سایت ضرب کنیم نتیجه 45 ترابایت مصرف بیشتر از پهنای باند سرورهای این شرکت به ازای هر روز خواهد شد!!!

 

پس راه کار چیست؟

 

از قرار دادن فیلم و فایل فلش و راه کار قدیمی عکس های متحرک با پسوند gif که بگذریم به راه حل تلفیقی از HTML و CSS و Java Script میرسیم که بدون شک بهترین راه کار پیاده سازی این گونه انیمیشن ها در صفحات وب است. تیم فنی گوگل همه وضعیت های کاراکترها در طول زمان این انیمیشن را با استفاده از تکنیک CSS Sprite در یک عکس واحد قرار داده است و با استفاده از زبان های CSS و Java Script در هر لحظه قسمتی از این عکس را به شما نمایش می دهد و این کار چنان با قدرت و بدون اشکال انجام شده است که در طول تماشای این انیمیشن هرگز کاربر احساس نمی کند با تعدادی عکس ساده مواجه شده است.

عکسی که در اینجا مشاهده می کنید همان عکسی است که صحبتش را کردیم:

نحوه طراحی لوگوی گوگل

گوگل توانسته با یک عکس 69 کیلوبایتی و یک تکه کد چند کیلوبایتی این انیمیشن را بدون هیچ مشکلی روی همه مرورگرهای وب نشان دهد.

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

 
منبع
نویسنده
لوگوی گوگل به مناسبت روز مادر و نحوه پیاده سازی آن


علی آجودانیان
 
تعداد مقالات 8 عدد
       
کپی رایت