۱۰ فریمورک Material Design وب که ارزش توجه کردن را دارند
![۱۰ فریمورک Material Design وب که ارزش توجه کردن را دارند](https://www.majidonline.com/file/width/800/378/design-pattern.jpg 1x, https://www.majidonline.com/file/width/1600/378/design-pattern.jpg 2x)
به عبارت ساده، Material Design (یا به فارسی، ماده طراحی که بهتر است از همان اصطلاح انگلیسی استفاده شود) یک مفهوم از طراحی بصری است که اصول و قوانین طراحی کلاسیک، احتمالات و هنجارهای علم یا فنآوری را برای ما به ارمغان میآورد.
دارالترجمه رسمی
دارالترجمه رسمی پارسیس شامل خدمات ترجمه رسمی و تخصصی در بیش از 60 زبان زنده دنیا
دارالترجمه رسمی پارسیس شامل خدمات ترجمه رسمی و تخصصی در بیش از 60 زبان زنده دنیا
افزونه های سئو وردپرس
بهترین افزونه های سئو وردپرس به صورت کاملا فارسی
بهترین افزونه های سئو وردپرس به صورت کاملا فارسی
مشاوره و خدمات سئو
آژانس تخصصی "انجام سئو"؛ ارائه خدمات حرفه ای سئو سایت
آژانس تخصصی "انجام سئو"؛ ارائه خدمات حرفه ای سئو سایت
افزونه فرم ساز آسان
فرم ساز آسان اولین فرم ساز کاملا فارسی وردپرس
فرم ساز آسان اولین فرم ساز کاملا فارسی وردپرس
خرید ورق گالوانیزه رنگی
خرید انواع ورق گالوانیزه رنگی با بهترین قیمت
خودتان را اینجا معرفی کنید
خرید انواع ورق گالوانیزه رنگی با بهترین قیمت
Material Design یک زبان طراحی است که توسط گوگل توسعه داده شده است و در تاریخ ۲۵ ژوئن ۲۰۱۴ در کنفرانس Google I/O معرفی شد. از سال ۲۰۱۵ مفهوم Material Design در وب سایت، نرم افزارهای Desktop و نرم افزارهای موبایل شرکت گوگل (مانند Gmail، YouTube، Google Drive، Google Docs، Google Maps و ...) گنجانده شد. از زمانی که مباحث Material Design مطرح شد، ابزارها و منابع مختلفی نیز برای آن بوجود آمده است که در این مطلب من قصد دارم برخی از frameworkهای وب که برای Material Design طراحی شدهاند و ارزش توجه کردن را دارند، به شما معرفی کنم تا برای پروژههای بعدی خود از این فریمورک ها استفاده کنید.
برترین FrameWorkهای وب برای MaterialDesign
MaterializeMaterialize یک فریمورک front-end واکنشگرا (Responsive) است که تمرکزش بیشتر بر روی تجربه کاربری (User Experience) است.
![](http://www.majidonline.com/assets/files/images/web/material_design/web-md-framework1.png)
Material UI
Material UI یک فرمورک وب با مجموعهای از کامپوننتهایی است که برای طراحی رابط کاربری استفاده میشوند.
![](http://www.majidonline.com/assets/files/images/web/material_design/web-md-framework2.png)
MUI
MUI یک فریمورک وب سبک و سریع و کاملا cross-platform برای Material Design است که برای سرعت بخشیدن به توسعه، میتواند بصورت غیرهمزمان اجرا شود.
![](http://www.majidonline.com/assets/files/images/web/material_design/web-md-framework3.png)
daemonite
daemonite یک فریمورک ساده HTML5 برای Material Design است.
![](http://www.majidonline.com/assets/files/images/web/material_design/web-md-framework4.png)
LumX
LumX یک فریمورک واکنشگرا (Responsive) برای توسعه front-end بر پایه AngularJS و خصوصیات MaterialDesgin است.
![](http://www.majidonline.com/assets/files/images/web/material_design/web-md-framework5.png)
Materialize Meteor
Materialize Meteor یک فریمورک واکنشگرا (Responsive) برای توسعه front-end برپایه پکیجهای Meteor است.
![](http://www.majidonline.com/assets/files/images/web/material_design/web-md-framework6.png)
Framaterial
Framaterial یک فرمورک وب ساده است که میتوان بدون استفاده از هیچ پلاگین یا کتابخانههای خارجی از آن استفاده کرد.
![](http://www.majidonline.com/assets/files/images/web/material_design/web-md-framework7.png)
Material Framework
Material Framework یک فریمورک واکنشگرا (Responsive) است که میتواند مفاهیم Material Design را در صفحات وب و یا وب اپلیکیشن انجام دهد.
![](http://www.majidonline.com/assets/files/images/web/material_design/web-md-framework8.png)
Material Foundation
Material Foundation فریمورک Material Design بر پایه Foundation framework است.
![](http://www.majidonline.com/assets/files/images/web/material_design/web-md-framework9.png)
Material Design برای Bootstrap
Material Design برای Bootstrap یک پوسته برای بوتاسترپ ۳ است که این امکان را به شما میدهد Material Design را بر روی صفحات وب خود پیاده سازی نمایید.
![](http://www.majidonline.com/assets/files/images/web/material_design/web-md-framework10.png)
فریمورک هایی که معرفی شد، همگی برای تحقق Material Design گوگل در وب طراحی شدهاند. اگر شما فریمورک Material Design دیگری میشناسید وهمچنین تجربیات و نظرات خودتان را در زمینه Material Design توسط بخش نظرات این مطلب با ما به اشتراک بگذارید.
نظرات و سوالات کاربران
مرسی
پس material design lite رو که از همه بهتر هست رو چرا قرار ندادین؟ یا material angular js ؟
fork دقیقا چیه؟
www.fuelphp.com/" rel="nofollow">http://www.fuelphp.com/
دوستان ی نگاه به این فریمورک هم بندازین
سلام
ممنون از معرفی فریم ورک های خوب متریال دیزاین.
پیشنهاد من اینکه برای انتخاب یه فریم ورک به تعداد fork , star های اون تو گیت هاب دقت کنید هر کدوم که بیشتر بود اون رو انتخاب کنید.
:)