عنوان مقاله :

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 استفاده کنید 

برچسب :

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

افکت تصاویر اینستاگرام با cssFilters

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

دییسبا فریمورکی بر پایه css و javascript

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

Cropper - پلاگین ساده جی کوئری برای crop تصاویر

Croppe یک پلاگین جی کوئری برای crop کردن ساده تصاویر است . این پلاگین از تنظیمات ، متدها ، event ها ، فرامین لمسی ، زوم ، چرخش ، تغییر مقیاس ، canvas...

آزمایش استخراج رنگ از عکس ها

امروز ما میخوایم یک آزمایش سرگرم کننده استخراج رنگ از تصاویر رو با شما به اشتراک بزاریم ، این یک ایده جالبه اینکه ما یه سری پالت های رنگی و یه عکس دار...

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

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

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

admin | 2 سال پیش

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

احد | 2 سال پیش

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

admin | 2 سال پیش

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