متریالایز یک Framework واکنش‌گرای مدرن برای توسعه Front-End که توسط دانشجویان دانشگاه کارنگی ملون شهر پیتسبورگ، بر پایه طراحی متریال دیزاین، طراحی و به رایگان در اختیار طراحان وب قرار گرفته است. Materialize بیشترین تمرکز خود را بر روی تجربه کاربری (UX) معطوف کرده است. متریال دیزاین به طور خلاصه یک زبان طراحی است که شرکت گوگل در سال ۲۰۱۴ تحت عنوان Google Design به معرفی آن پرداخت. در این سبک از طراحی، اصول و قوائد موفق طراحی کلاسیک با نوآوری و فناوری درهم آمیخته می‎شود و ضمن توجه به رنگ بندی و سایه‌ها، سیستم شبکه‎بندی و استفاده از انیمشین‌ها، جلوه ای زیبا و پویا به طراحی می‎دهد. شاید بتوان این شیوه از طراحی را به نوعی نسخه بهبود یافته طراحی تخت (Flat Design) دانست که پالت رنگ‌ها، افکت‎ها و انیمیشن‌های متنوع، آن را بسیار جذاب‎تر کرده است.

1. Materialize‫چیست‬‫؟‬

2. ‫متریاالیز‬‫یک‬‫‌ورک‬‫م‬‫فری‬‫‌گرای‬‫ش‬‫واکن‬‫مدرن‬‫برای‬‫توسعه‬Front-End‫که‬‫توسط‬
‫دانشجویان‬‫دانشگاه‬‫کارنگی‬‫ملون‬‫شهر‬،‫پیتسبورگ‬‫بر‬‫پایه‬‫طراحی‬‫متریال‬‫د‬،‫یزاین‬
‫طراحی‬‫و‬‫به‬‫رایگان‬‫در‬‫اختیار‬‫طراحان‬‫وب‬‫قرار‬‫گرفته‬‫است‬.Materialize‫بیشترین‬
‫تمرکز‬‫خود‬‫را‬‫بر‬‫روی‬‫تجربه‬‫کاربری‬(UX)‫معطوف‬‫کرده‬‫است‬.
Materialize
‫متریال‬‫دیزاین‬‫به‬‫طور‬‫خالصه‬‫یک‬‫زبان‬‫طراحی‬‫است‬‫که‬‫شرکت‬‫گوگل‬‫در‬‫سال‬۲۰۱۴
‫تحت‬‫عنوان‬Google Design‫به‬‫معرفی‬‫آن‬‫پرداخت‬.‫در‬‫این‬‫سبک‬‫از‬،‫طراحی‬‫اصول‬‫و‬
‫قوائد‬‫موفق‬‫طراحی‬‫کالسیک‬‫با‬‫نوآوری‬‫و‬‫فناوری‬‫درهم‬‫آمیخته‬‫می‬‫شود‬‫و‬‫ضمن‬‫توجه‬‫به‬
‫رنگ‬‫بندی‬‫و‬،‫‌ها‬‫ه‬‫سای‬‫سیستم‬‫شبکه‬‫بندی‬‫و‬‫استفاده‬‫از‬،‫‌ها‬‫ن‬‫انیمشی‬‫جلوه‬‫ای‬‫زیبا‬‫و‬‫پو‬‫یا‬
‫به‬‫طراحی‬‫می‬‫دهد‬.‫شاید‬‫بتوان‬‫این‬‫شیوه‬‫از‬‫طراحی‬‫را‬‫به‬‫نوعی‬‫نسخه‬‫بهبود‬‫یافته‬
‫طراحی‬‫تخت‬(Flat Design)‫دانست‬‫که‬‫پالت‬،‫‌ها‬‫گ‬‫رن‬‫افکت‬‫ها‬‫و‬‫‌های‬‫ن‬‫انیمیش‬،‫متنوع‬
‫آن‬‫را‬‫بسیار‬‫جذاب‬‫تر‬‫کرده‬‫است‬.

3. ‫پالت‌رنگ‌متریال‌دیزاین‬

4. Materialize‫یکی‬‫از‬‫‌ورک‬‫م‬‫فری‬‫های‬CSS‫است‬‫که‬‫با‬‫بهره‬‫مندی‬‫از‬‫‌های‬‫ب‬‫قال‬‫آماده‬
‫طراحی‬CSS‫برای‬،‫رنگ‬‫تایپوگرافی‬،،‫‌ها‬‫ل‬‫جدو‬،‫‌ها‬‫ه‬‫شبک‬‫نمودارها‬‫و‬‫همچنین‬‫در‬‫اختی‬‫ار‬
‫گذاشتن‬‫انیمیشن‬‫ها‬‫و‬‫عناصر‬‫بصری‬‫متنوع‬‫سرعت‬‫طراحی‬‫و‬‫توسعه‬‫را‬‫به‬‫شکل‬‫قابل‬
‫مالحظه‬‫ای‬‫افزایش‬‫‌دهد‬‫ی‬‫م‬.‫متریاالیز‬‫بدون‬‫شک‬‫یکی‬‫از‬‫‌ترین‬‫م‬‫مه‬‫‌ورک‬‫م‬‫فری‬‫های‬
‫‌دیزاین‬‫ل‬‫متریا‬‫است‬‫که‬‫ضمن‬‫پشتیبانی‬‫از‬SASS،‫فرآیند‬‫توسعه‬‫و‬‫یکپارچه‬‫سازی‬
‫طراحی‬‫را‬‫در‬‫وب‬،‫‌ها‬‫ت‬‫سای‬‫نرم‬‫افزارهای‬‫تحت‬‫وب‬‫و‬ً‫ا‬‫خصوص‬‫اپلیکیشن‬‫های‬‫‌های‬‫ن‬‫تلف‬
،‫هوشمند‬‫بهبود‬‫می‬‫بخشد‬.
‫صفحه‌اصلی‌مقاله‬

5. ‫صفحه‌اصلی‌مقاله‬
•‫طراحی‬‫زیبا‬‫و‬‫منحصر‬‫بفرد‬
•‫تنظیمات‬‫کاربردی‬‫و‬‫آسان‬
•‫سیستم‬‫‌ای‬‫ه‬‫شبک‬(Grid)‫و‬ً‫ال‬‫کام‬‫واکنشگرا‬
•‫پشتیبانی‬‫از‬SASS‫برای‬‫توسعه‬‫بهتر‬
•‫بهره‬‫مندی‬‫از‬‫عناصر‬‫بصری‬‫و‬‫‌های‬‫ن‬‫انیمیش‬‫متنوع‬
•‫همخوانی‬‫با‬‫تمامی‬‫مرورگرها‬
•Ready Retina‫بودن‬‫‌های‬‫ب‬‫قال‬‫طراحی‬‫شده‬
•‫استفاده‬‫از‬‫کدهای‬‫معتبر‬(Validate)
‫چرا‌متریاالیز‬‫؟‬

6. ‌‫هاست‬‫ایران‬
‫کانال‌تلگرام‌هاست‌ایران‬