متریال دیزاین

گوگل همچنین برخی رابط‌های برنامه‌نویسی( اپلیکیشن (API)) را برای توسعه‌دهندگان شخص ثالث منتشر کرده است

تا از این زبان طراحی جدید در اپلیکیشن‌های خود بهره بگیرند.

هدف اصلی متریال دیزاین ایجاد یک زبان بصری جدید است که از مفاهیم «طراحی خوب» به همراه ابتکارهای فنی و علمی بهره بگیرد.

گوگل در سال 2018 یک بازنگری در این زبان انجام داده است و روی انعطاف‌پذیری بیشتر برای طراحان جهت ایجاد تم‌های سفارشی با هندسه، رنگ‌ها و تایپوگرافی متنوع تمرکز داشته است.

در سال 2020 غالب اپلیکیشن‌های موبایل گوگل برای اندروید به همراه وب‌اپلیکیشن خود، از این زبان طراحی جدید استفاده می‌کنند.

همچنین متریال دیزاین به عنوان زبان طراحی اندروید و کروم‌او‌اس مطرح است.

در سال 2018 گوگل با معرفی امکان ایجاد تم‌های سفارشی شروع به بازطراحی اغلب اپلیکیشن‌های خود به صورت نسخه‌های سفارشی

و تطبیق‌یافته متریال دیزاین به نام" Google Material Theme" کرد و از نام( Material Design 2 ) برای آن استفاده نمود.

این زبان جدید تمرکز بیشتری روی فضاهای خالی، گوشه‌های گرد، آیکون‌های رنگی، نوارهای ناوبری تحتانی و استفاده از نسخه خاص با تراکم اندازه از فونت" Google Sans "داشته است.

در سال 2020 اپلیکیشن‌های مختلف گوگل هم این طراحی" Google Material Theme "را پیاده‌سازی کرده‌اند و تنها استثنا، اپلیکیشن یوتیوب است.

پیاده‌سازی خاص متریال دیزاین برای رابط‌های کاربری وب‌اپلیکیشن‌ها" Polymer" نام دارد

که شامل کتابخانه( PolymerAPI ) کامپوننت‌های وب برای مرورگرهایی که این استاندارد را به صورت( نیتیو )پیاده‌‌سازی نمی‌کنند

و یک کاتالوگ از عناصر شامل مجموعه عناصر کاغذی که نمایانگر عناصر بصری متریال دیزاین است.

مفاهیم اصلی متریال دیزاین

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

متریال دیزاین یک استعاره است

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

درشت، گرافیکی و با مقاصد گویا

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

حرکت معنا می‌بخشد

روی Motion تمرکز کرده و پیوستگی را از طریق بازخورد ظریف و گذارهای منسجم حفظ می‌کند.

به محض این که عناصر روی صفحه ظاهر می‌شوند، شکلشان تغییر یافته و محیط را از طریق تعامل‌های تولیدکننده تبدیل‌های جدید، شناسایی می‌کنند.

کامپوننت‌های متریال دیزاین

کامپوننت‌های متریال بلوک‌های ساخت تعاملی برای ایجاد رابط کاربری هستند

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

کتابخانه‌های کامپوننت برای اندروید، iOS، فلاتر و وب ارائه شده‌اند.

کامپوننت‌ها طیفی از نیازهای اینترفیس، شامل موارد زیر را پوشش می‌دهند:

    نمایش (Display): قرارگیری و سازمان‌دهی محتوا با استفاده از کامپوننت‌هایی مانند کارت‌ها، لیست‌ها و برگه‌ها.

    ناوبری (Navigation): به کاربران امکان می‌دهد که در بخش‌های مختلف محصول حرکت کنند و شامل دراورهای ناوبری (Navigation Drawers) و زبانه‌ها (Tabs) می‌شود.

    اکشن‌ها (Actions): به کاربران امکان می‌دهد که وظایف را با استفاده از کامپوننت‌هایی مانند دکمه اکشن شناور انجام دهند.

    ورودی (Input): به کاربران امکان می‌دهد که اطلاعات را وارد کنند یا با استفاده از کامپوننت‌های مانند فیلدهای متنی، چیپ‌ها و کنترل‌های انتخاب، مواردی را انتخاب کنند.

   ارتباط (Communication): به کاربران در مورد اطلاعات کلیدی و پیام‌ها با استفاده از کامپوننت‌هایی از قبیل اسنک‌بار، بنر و دیالوگ‌ها هشدار می‌دهد.

قالب‌بندی

قالب‌بندی ( متریال (Material Theming)) امکان سفارشی‌سازی متریال دیزاین را برای تطبیق ظاهر و حس برند با پشتیبانی و راهنمایی برای سفارشی‌سازی رنگ‌ها، استایل‌های تایپوگرافی و شکل‌های گوشه عناصر تسهیل می‌کند.

رنگ

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

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

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

تایپوگرافی

متریال دیزاین 14 استایل تایپوگرافی برای همه چیز از عناوین تا بدنه، متن و کپشن‌ها ارائه می‌کند.

هر استایل معنای روشنی دارد و کاربرد کاملاً مشخصی را درون اینترفیس به نمایش می‌گذارد.

خصوصیت‌های مهم مانند تایپ‌فیس، وزن فونت، و حالت کوچکی/بزرگی حروف می‌تواند برای هر نوع برند یا طراحی تطبیق پیدا کند.

همه تایپوگرافی‌ها در کامپوننت‌های متریال دیزاین از یکی از 13 استایل نوع گلوبال استفاده می‌کنند.

شکل

به‌کارگیری استایل‌های شکل می‌تواند به جلب توجه یا شناسایی کامپوننت‌ها، انتقال حالتشان و ابراز برند کمک کند.

همه کامپوننت‌های متریال به صورت دسته‌بندی‌های شکل بر مبنای اندازه‌شان گروه‌بندی می‌شوند.

این استایل‌های گلوبال روشی برای تغییر سریع شکل ،کامپوننت‌هایی با اندازه مشابه محسوب می‌شوند.

خلق پرسوناهای برند با استفاده از متریال دیزاین

Pesto یک اپلیکیشن آشپزی معاصر است که به جستجو، اشتراک و ذخیره‌سازی دستورهای آشپزی کمک می‌کند.

UI این اپلیکیشن تجربه ورق زدن یک کتاب آشپزی زیرا را تداعی می‌کند. (نقطه تمرکز متریال دیزاین=آیکونوگرافی، تصاویر و رنگ)

Crane Air یک اپلیکیشن برای یک ایرلاین است که برای مسافران با تعداد پرواز زیاد ارائه شده است. (نقطه تمرکز متریال دیزاین= تایپوگرافی )

Pinch یک اپلیکیشن اشتراک تصویر است که در خصوص ذخیره‌سازی و کاوش تصاویر الهام‌بخش

و پروژه‌های مختلف عکاسی از طریق قرار دادن آن‌ها در دسته‌های شخصی‌سازی‌شده عمل می‌کند.( نقطه تمرکز متریال دیزاین=موشن )

Abisko یک اپلیکیشن سرویس‌های مرتبط با اسکی است که امکان بررسی شرایط آب‌و‌هوا، خرید بلیت و رزرو هتل، اقامتگاه و خدمات پروازی را فراهم می‌سازد.

جنبه زیبایی‌شناختی آن غلبه دارد و گرافیک در جهت تشویق ورزشکاران در رشته‌های پرهیجان شامل اسکیت خیابانی، اسنوبورد و غیره عمل می‌کند. (نقطه تمرکز متریال دیزاین=آیکونوگرافی، تصاویر و رنگ )

Shrine یک اپلیکیشن خرید است که روی قشر جوان تمرکز دارد.

این قشر شامل افراد علاقه‌مند به ساخت ابزارها و وسایل مختلف و خریداران علاقه‌مند به خرده‌فروشی‌های با تعداد کم و مستقل است.

جنبه زیبایی‌شناسی این اپلیکیشن روی نور، فضا و تمرکز روی محصول است. (نقطه تمرکز متریال دیزاین=تصاویر و رنگ)

The Fortnightlyیک اپلیکیشن خبری است که روی اخبار لحظه‌ای و موضوعات به‌روز متمرکز است.

زیبایی‌شناسی آن روی جنبه کلاسیک و روزنامه‌ای متمرکز است و از تایپوگرافی و رنگ‌آمیزی متریال دیزاین بهره می‌گیرد.