domainhostcentre
5style-color-colorstory-01-large-mdpi-verge-super-wide
فناوری

Material Design می‌خواهد طراحی اندروید و وب را دگرگون کند

5style-color-colorstory-01-large-mdpi-verge-super-wide

Material Design طراحی جدید گوگل برای ظاهر سیستم‌عامل اندروید و خدمات اینترنتی این شرکت است که دیشب در کنفرانس Google I/O از آن رونمایی شد.

این طراحی نه تنها زیبایی دوچندان به اندروید و محصولات گوگل می‌بخشد، بلکه نوعی هماهنگی ظاهری میان دنیای اینترنت و دنیای اندروید ایجاد می‌کند.

001_small

در طراحی Material Design عناصر صفحه به صورت پویا، جمع و یا باز می‌شوند. فضای خالی نسبتاً زیاد و انیمیشن‌های زیبا و متنوعی درون صفحه وجود دارد. عناصر صفحه در Material Design حالت سه بعدی دارند که این جلوه با نورپردازی و ایجاد سایه به‌وجود می‌آید. طراحی به‌گونه‌ای است مهم‌ترین بخش صفحه بیشتر به چشم بیاید و تمرکز کاربر بر روی آن قسمت باشد. این شیوهٔ جدید طراحی، ساده، رنگارنگ، و تخت است ولی ۳ بعدی بودن باعث تمایز این طراحی با طراحی تختی که هم‌اکنون رواج دارد شده است. برای دیدن فیلم Material Design اینجا کلیک کنید.

نمونه‌ای از طراحی Material Design در وبسایت Polymer به نمایش گذاشته شده است. برای کارکردن با آن اینجا کلیک کنید.

در طراحی Material Design هر عنصر صفحه نه تنها رنگ، بلکه ارتفاع نیز دارد. Matias Duarte نائب رئیس طراحی اندروید در کنفرانس Google I/O این‌گونه توضیح داد: «ما در نسخهٔ نمایشی Android L به برنامه‌نویسان امکان می‌دهیم که برای عناصر صفحه ارتفاع تعیین کنند. Framework خودش حالت پرسپکتیو را به‌وسیلهٔ نورپردازی مجازی و سایه‌های پویا به وجود می‌آورد» برای اطلاعات بیشتر به صفحهٔ Material Design در وبسایت گوگل مراجعه کنید.

9Androids-new-clothes

۳ بعدی سازی در Material Design هم‌اکنون یک جلوهٔ ویژهٔ مجازی است ولی در آینده با آمدن نمایشگرهای ۳ بعدی می‌تواند خیلی مهم باشد. اگر امروز شروع به طی کردن این راه کنیم، در آینده با فراگیر شدن نمایشگرهای ۳ بعدی، برنامه‌ها و وب‌سایت‌ها آمادگی و تناسب لازم را برای کار کردن با این طرز نمایش خواهند داشت.

می‌توان گفت واردکردن Material Design به وب، پیچیده‌تر از واردکردن آن به اندروید است. اندروید توسط گوگل ساخته می‌شود ولی آنچه که محتویات وب را به نمایش درمی‌آورد مرورگرها هستند، که مردم از انواع مختلف آن استفاده می‌کنند. برای اینکه طراحان بتوانند صفحات وب را به صورت Material Design طراحی کنند، گوگل از تکنولوژی عناصر وب (Web Components) و یک کتاب‌خانهٔ نرم‌افزاری به نام Polymer بهره می‌برد. Polymer به سازندگان وب‌سایت‌ها امکان می‌دهد تا طراحی‌های مختلفی بر پایهٔ این تکنولوژی انجام دهند و با نسخه‌های جدید مرورگرهای معروف نیز سازگاری دارد.

Google_MaterialDesign14

Matias Duarte می‌گوید: ما می‌خواستیم ظاهر برنامه‌ها در موبایل و دسکتاپ یکسان باشد و مهم‌تر از آن، این ظاهر باید ساده و قابل فهم باشد و کاربران تنها به صورت دیداری کار با آن را یاد بگیرند. شما می‌توانید این طراحی را بر روی هر نمایشگر و صفحه‌ای نمایش دهید.

یکسان‌سازی رابط کاربری برای گوگل اهمیت دارد چون در این صورت کاربران راحت‌تر می‌توانند با خدمات گوگل در اندروید، در مرورگر، در ساعت‌های هوشمند و حتی در سیستم‌عامل Chrome OS کار کنند.

در بحث شرکت کنید

  • 57
    680

    این نوع طراحی بسیار زیباست، من عاشق این Material Design شدم.

  • 2364
    50

    دل خوشی از metro مایکروسافت ندارم ولی بخش زیادی از این گرایش به سمت اینترفیس فلت از مترو(و شروع خود مترو هم از چند سال پیش در نرم افزار Zune) شروع شد. appها هرچه بیشتر به سمت html5 در حال حرکتند و در html5 هم طراحی فلت اگر به درستی اعمال بشه محیط کاری بسیار بهتری به کاربر میده.

  • 25491
    10

    ای بابا اینم که ویندوز ۸ شد

  • 140
    420

    ای وای بد بخت شدم از فردا مشتریا زنگ میزنن و این نوع طراحی رو می خوان ، از الان باید کار و اجراشو یاد بگیریم!

  • 1920
    60

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

  • 25493
    10

    هیچ حرف تازه ای نداره.