Material Design چیست؟
آموزش گرافیک وب

Material Design چیست؟

Material Design(طراحی متریال)، در کنفرانس I/O Google در سال ۲۰۱۴ میلادی معرفی شد. طراحی متریال، یک زبان طراحی بصری است که برای دستگاه های اندروید استفاده می شد. این زبان، از طریق پلتفرم، به منظور انسجام بیشتر بین محصولات Google، رشد کرد. سپس با گذشت زمان، تکامل یافت، و به عنوان یک منبع باز منتشر شد. طراحی متریال، اخیراً محبوبیت بیشتری پیدا کرده است، زیرا بسیاری از طراحان، شروع به ادغام آن نه تنها در پروژه های اندرویدی، بلکه در سایر پروژه های وب نیز کرده‌اند.

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

اساس Material Design

اساس Material Design

اجزاء اساسی طراحی متریال عبارتند از:

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

محتوای بلد(پر رنگ)، گرافیکی و عمدی: این اصل مبتنی بر طراحی چاپ است. با استفاده از این اصل می توانید بین عناصر سلسله مراتب ایجاد کنید. با انتخاب عمدی رنگ و تصاویر، محتوای شما می تواند جسورانه و گرافیکی به نظر برسد. از این اصل، برای تایپوگرافی در مقیاس بزرگ نیز استفاده می شود. و همچنین از فضای خالی عمدی می توانید بر عناصر خاصی که می خواهید در مرکز توجه اقدامات کاربر قرار بگیرند تأکید کنید. این ویژگی ها، تکنیک های اساسی طراحی بصری را هدایت می کنند. و تایپوگرافی، شبکه ها، فضا، مقیاس، رنگ و تصاویر کل طراحی را، پیش می برند، و عناصری را در فضاهای مشخص و دارای سلسله مراتب شفاف خلق می کنند.

حرکت معنادار و مفهومی را ارائه می دهد: انیمیشن یکی از مولفه های اصلی در طراحی متریال است. انیمیشن ها باید در یک محیط واحد اتفاق بیفتند، و برای تمرکز در طراحی، بکار روند، Material Design نوعی طرح ترکیبی است که به منظور انتقال فضای فیزیکی با افزودن سایه ها و شیب ها تشکیل می شود. و شامل انتقال های ساده و آسان است. در طراحی متریال، هر شئ، در یک محیط سه بعدی که شامل محورهای X ، Y و   Zاست، در نظر گرفته می شود.

گوگل چه ابزاری را برای کمک به طراحانی که از طراحی متریال استفاده می کنند، منتشر کرده است؟

گوگل چه ابزاری را برای کمک به طراحانی که از طراحی متریال استفاده می کنند، منتشر کرده است؟

جدا از دستورالعمل های طراحی، گوگل از طراحان با ابزارها و منابع بسیاری پشتیبانی می کند، که عبارتند از:

Gallery: ابزاری برای مدیریت تکرارهای طراحی و دریافت فیدبک (بازخورد).

Resizer: یک بیننده تعاملی است که به طراحان کمک می کند تا نقاط انفصال طراحی متریال را در دسکتاپ، موبایل و لب تاب تست کنند.

Color Tool: پالت های رنگی، دسترسی به تست، پیش نمایش و اشتراک گذاری را می توانید با این ابزار ایجاد کنید.

Device Metrics: مرجعی مفید برای اندازه گیری رابط کاربری شما در چندین دستگاه می باشد.

Stage: رابط های پویا را با حرکت تعاملی امکان پذیر می کند.

Icons: کتابخانه ای از صدها نماد متریال.

Material Components: اجزای UI طراحی متریال قابل تنظیم و مدولار را، ارائه می دهد. این نسخه در اندروید، iOS و وب وجود دارد.

چه تفاوتی بین طراحی فلت و Material Design وجود دارد؟

چه تفاوتی بین طراحی فلت و Material Design وجود دارد؟

Material Design گوگل:

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

طراحی فلت اپل:

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

تفاوت بین طراحی فلت و Material Design

تفاوت بین طراحی فلت و Material Design

زمان بارگیری

طراحی فلت، راحت تر و سریعتر از طراحی متریال بارگیری می شود.

کاربران هدف

طراحی فلت بیشتر برای کاربرانی مناسب است که تعامل با وب سایت را ترجیح می دهند، در حالی که material design بیشتر بر پاسخ واقعی کاربران متمرکز است.

رنگ‌ها

رنگ های طراحی متریال مسطح تر بوده و باعث ایجاد ارتباطی بیشتر در طرح می شوند.

مطالبات / نیازها

طراحی فلت نیازهای ساده را برآورده می کند در حالی که material design متناسب با نیازهای پیچیده تری است.

چرا باید از طراحی متریال استفاده کنیم؟

چرا باید از طراحی متریال استفاده کنیم؟

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

در زیر برخی از مزایای استفاده از Material Design ذکر شده است:

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

در بحث‌‌ پیرامون این مقاله شرکت کنید!

تیم تحریریه هوراوب

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


سوالات متداول

  • ۱.آیا Material Design یک چارچوب است؟
    Material Design مجموعه ای جامع از دستورالعمل های طراحی است که فراتر از یک چارچوب ساده است. الگوهای طراحی متریال گوگل، به جای یک چارچوب، می توانند یک کتابخانه طراحی در نظر گرفته شوند. این یکی از جامع ترین کتابخانه های منبع باز است که در حال حاضر موجود است.
  • ۲.Material Design در چه مواردی استفاده می شود؟
    چارچوب Material Design در ابتدا به عنوان سبک رسمی وب سایت ها و برنامه های Google (از جمله برنامه های اندروید) ساخته شده است. از آن زمان، فراتر از سیستم عامل های Google، برای وب سایت ها و برنامه ها از برندهای های مختلف استفاده شده است.
  • ۳.چگونه می توانم از Material Design استفاده کنم؟
    گوگل، بهترین روشها و دستورالعمل‌های طراحی متریال را برای اجرای صحیح آن ارائه داده است.