Material Design چیست؟

معرفی Material Design و کاربرد اون

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

معرفی material design

همیشه طراحان سایت با این رقابت مواجه ان تا یه زبون چشمی واسه کاربران به وجود بیارن که علاوه بر همگام بودن با اصول طراحی سنتی ، شامل امکانات و فن آوریای نوین و خلاقانه باشه. گوکل در سال ۲۰۱۴ متریال دیزاین رو با هدف ارائه راهنمایی در جهت طراحی قشنگتر، رابط کاربری مناسب و طراحی ریسپانسیو منتشر کرد.

هدف از طراحی و معرفی Material Design ترکیب اصول سنتی طراحی با امکانات و تکنولوژیای روزه. هم اینکه متریال دیزاین تعادلی خاص میان زیبایی و کاربری ایجاد کرده و راه حلی مناسب واسه تولید وب سایتای مدرن رو ارائه میده.

به چه دلیل از Material Design گوگل استفاده کنیم؟

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

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

طراحی رسپانسیو با متریال دیزاین

در اوایل جولای ۲۰۱۵ (همین سه هفته پیش) گوگل فریم ورک جدید خود رو، با نام Material Design Lite منتشر کرد. فریم ورک متریال دیزاین دارای توانایی نصب آسون، بارگذاری راحت و حجم ۲۵ کیلو بایت (به صورت فشرده) هستش. متریال دیزاین شامل کتابخونه ای از کامپوننتا و تما به شکل کدای HTML , CSS و Jsه.

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

نمونه قالب پنل مدیریت با Material Design

نمونه قالب پنل مدیریت با Material Design

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

واسه دسترسی به فریم ورک متریال دیزاین و دانلود منابع اون می تونین به منبع اصلی متریال دیزاین در سایت GitHub مراجعه کنین و یا مستقیما به سایت Material Design Lite رفته و آخرین نسخه رو دریافت کنین.

طراحی متریال در مرورگرای مدرن مانند اپرا، فایر فاکس، گوگل کروم و … به آسونی کار میکنه. ولی در اینترنت اکسپلورر ورژن ۹ کمی با مشکل روبروس.

تجربه به کار گیری Bootstrap و طراحی سایت با اون رو داشتین؟ پس حتما از Material Design هم لذت میبرین. ورود اینجور فریم ورکایی موجب میشه تا این خلا بزرگ میان طراحی و کدنویسی از بین بره.

خیلیا هستن که قدرت تحلیل و کدنویسی خیلی بالایی دارن ولی نتیجه کار اونا معمولا در زیر یه طراحی بیریخت و به درد نخور مخفی می مونه. استفاده Material Design راه حلی مناسب واسه رفع این ضعفه هستش.