عنوان مقاله :

10 فریم ورک برای ساده کردن طراحی Material Design

گردآوری و تالیف : حسام موسوی
تاریخ انتشار : 05 اردیبهشت 1394
دسته بندی ها : ابزار طراحی

وقتی شما اصول یک طراحی خوب رو با نوآوری های تکنولوژی و علم ترکیب می کنید چه اتفاقی میفته ؟

خب ، ای کاریه که گوگل انجام داده !  می پرسید چطور ؟

با خلق مفهوم Material Design

به عبارت ساده ، Material Design به معنی طراحی بصری که اصول و قواعد طراحی کلاسیک و احتمالات و روش های علمی یا فن آوری رو با هم تو یه چیز به اسم Material Design جمع کرده ، محبوبیت Material Design هر روز در حال افزایشه ، بنابراین ابزار ها و مبابع مربوط به اون هم قاعدتا رو به افزایشه !

در این پست من به شما 10 تا از بهترین فریمورک های که میتونید برای طراحی Material تو پروژهاتون استفاده کنید رو معرفی میکنم و همچنین در پست های آنیده کیت های رابط کاربری گرافیکی رو برای دانلود و همینطور مثال های برای بهتر فهمیدن Material Design در اختیارتون قرار میدم که امیدوارم مورد قبولتون قرار بگیره ! 

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

 

Materialize

فریمورک اول اسمش Materialize  که یک فریمورک رسپانسیو و front-end که تمرکز اصلیش روی تجربه کاربریه . 

 

Material UI

Material UI یک فریمورکیه که شامل مجموعه ای از واکنش اجزاهاست که این اجزاها تاکید بر نوع طراحی رابط کاربری داره 

 

 

 MUI

MUI یک فریمورک بسیار سریع و فرز برای طراحی Material که میتونه برای سرعت بخشیدن به سرعت توسعه به صورت غیرهمزمان لود شه و بدون در نظر گرفتن نوع کد نویسی قابل استفاده هست 

 

 Daemonite

daemonite یه فریمورک ساده که با پشتیبانی کامل از html 5 !

 

LumX

Lumx یه فریمورک front-end کاملا رسپانسیو و از مشخصات AngularJS و Material Design استفاده کرده !

 

 

Material Meteor  

Material Meteor نیز یک فریمورک رسپانیسو و همین طور front-end که اساسش بر مبنایی پکیج کلی Material Design بنا شده !

 

 Framaterial

Framaterial یه فریمورک ساده که میتونه با استفاده از box ها و بدونه کمک هیچ کتابخونه و پلاگینی مورد استفاده قرار بگیره ! خیلی راحت . 

 

Material Framework

Material Framework یک فریمورک رسپانسیو که می تونه مفاهیم Material Design ای رو انجام بده که تو هیچ سایت و نرم افزاری قرار نداره .

 

Material Foundation

Material Foundation یک فریمورک که مفاهیم Material رو بصورت کامل ارائه میده و توسط ZURB ارائه شده .

 

Material Design for Bootstrap

Material Design for Bootstrap یه تم برای Boostrap 3 که اجازه میده شما از Material Design روی front-end استفاده کنید 

برچسب :

مقالات پیشنهادی

50 منابع تازه برای طراحان وب - مهر 95

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

رنگهای فوق العاده در [ Less - Sass - Scss - Stylus - Css ]

Brand-Colors - امروز میخوام در این پست یک ابزار جدیدیی رو معرفی کنم که شامل بیشتر از 400 رنگ مختلفه که میتونید از اون در scss, less, sass, stylus و c...

منابع تازه برای طراحان و توسعه دهندگان - شهریور 94

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

35 افزونه و برنامه Chrome برای توسعه دهندگان | قسمت اول

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

دیدگاه های ارزشمند شما

فاضل | 1 سال پیش

سلام استاد، مطالب خیلی جالبی بودن. مرسی. فقط میشه یه خورده بیشتر باز کنید این بحث رو؟؟ الان میشه بگی bracketsهم یه فریمورک هستش یا نه؟ این بحث material یا همین فریمورک رو اگه توضیح بدین ممنون میشم چون دوست دارم بیشتر بدونم این مبحث رو.

admin | 1 سال پیش

سلام ، brackets اصلا یه ویرایشگر متن برای نوشتن کد مثل notepad
اما فر یم ورک ها اصولا برای زبان های مختلف میان تا کار با اون رو کمی راحت تر کنن حالا با دستورات و فرماینه ساده ای که ارائه میدن

احد | 2 سال پیش

ممنون خیلی استفاده کردم :)

admin | 2 سال پیش

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