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

6

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 کار کنند.


اگر خواننده جدید سایت «یک پزشک»  هستید!
شما در حال خواندن سایت یک پزشک (یک پزشک دات کام) به نشانی اینترنتی www.1pezeshk.com هستید. سایتی با 18 سال سابقه که برخلاف اسمش سرشار از مطالب متنوع است!
ما را رها نکنید. بسیار ممنون می‌شویم اگر:
- سایت یک پزشک رو در مرورگر خود بوک‌مارک کنید.
-مشترک فید یا RSS یک پزشک شوید.
- شبکه‌های اجتماعی ما را دنبال کنید: صفحه تلگرام - صفحه اینستاگرام ما
- برای سفارش تبلیغات ایمیل alirezamajidi در جی میل یا تلگرام تماس بگیرید.
و دیگر مطالب ما را بخوانید. مثلا:

این عکس پرنده واقعا فتوشاپی نیست و ترکیبی هم نیست و در یک جلسه گرفته شده است!

این عکس شگفت‌انگیز از یک پرنده در حال شگفت‌زده کردن کاربران در اینترنت است و مغز مردم از پردازش آنچه در عکس می‌بینند، ناتوان شده است!اگرچه این یک عکس ویرایش نشده و ترکیبی هم نیست و به صورت روتین با یک بار شات و نوردهی گرفته شده است.…

چرا غذاها در کتاب‌های مصور و انیمیشن‌ها اینقدر اشتها برانگیزند؟!

دوران کودکی خودم را که به یاد می‌آورم، یاد کتاب‌های داستان مصور می‌افتم که در بعضی از صفحات آن عکس میزهای پر از غذا درج شده بود. نقاشی‌های آنقد آنقدر خوب بودند که تصور می‌کردم میوه‌ها و مرغ و بوقلمون و سوسیس فرنگی‌ها مسلما باید کیفیت…

نحوه تماشای فیلم ها و سریال های تلویزیونی مارول به ترتیب درست – یک فهرست جالب

خب، اول اصلا باید پاسخ بدهیم که چرا ممکن است کسی از فیلم‌ها و برنامه‌های تلویزیونی مارول لذت ببرد و عاشق‌شان باشد.من خودم اصلا دوست‌دار این فیلم‌ها نیستم. ولی خب مگر من عاشق ژانرهایی از سای فای نیستم و از اینکه بقیه این دنیاها را درک…

چرا هنگامی که می‌خواهند عکسی از ما بگیرند، ناخودآگاه سرمان را کج می‌کنیم؟

وقتی در فیس بوک، اینستاگرام یا سایر سایت‌های رسانه اجتماعی پر از عکس هستیم، احتمالاً متوجه یک روند در زبان بدن کاربران خواهیم شد. هنگام عکس گرفتن و مواجهه با دوربین، برخی افراد به طور خودکار سر خود را به یک طرف خم می‌کنند. به نظر می‌رسد که…

عکس‌های بسیار جالبی از روز‌های اولیه هوانوردی، دهه‌های 1890-1930

در اواخر قرن 19 و اوایل قرن 20، جهان شاهد تغییر ژرفی در فناوری شد. رویاپردازانی مانند برادران رایت، اتو لیلینتال و آلبرتو سانتوس-دومونت که با میل سیری ناپذیر برای تسخیر قلمرو‌های ناشناخته پرواز می‌کوشیدند، با جسارت و عزم تزلزل ناپذیر داستان…

ژاک شارل: کسی که اولین بالون هیدروژنی تاریخ را به پرواز درآورد

در 4 ژوئن 1783، برادران مون‌گلفیه اولین بار یک بالون هوای گرم را در جنوب فرانسه به نمایش گذاشتند. این بالون که از گونی محکمی پوشیده شده با کاغذ ساخته شده بود و تا نزدیک به 2 کیلومتر بالا رفت و به مدت 10 دقیقه در هوا باقی ماند.خبر موفقیت…
آگهی متنی در همه صفحات
6 نظرات
  1. فرشاد می گوید

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

  2. wiki می گوید

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

  3. merila می گوید

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

  4. مجید می گوید

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

  5. مسعود می گوید

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

  6. حامیکامپ می گوید

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

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.