خانه / طراحی / معرفی فریم متریال دیزاین

معرفی فریم متریال دیزاین

 web-md-framework2-1024x434

متریال دیزاین به چه معناست؟

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

 

المان‌های طراحی شده بسیار مهم است اما خیلی زیباتر با انیمییشن‌ها و  Transition های بسیار زیبا و در عین حال پیچیده. خود گوگل ادعا دارد که زبان جدید طراحی آنها، الهام گرفته از مرکب و کاغذ است. یکی از طراحان مشهور جهان به نام Matias Durate میگوید همانگونه که اجسام در دنیای واقعی قابل حس هستند و طول و عرض و ارتفاع دارند در این نوع طراحی دیجیتال هم باید همین حس‌ها را منتقل کرد.

 

اگر بخواهیم در یک جمله بگوییم متریال دیزاین چیست.

می‌توانیم بگویم متریال دیزاین نسخه مکتوب، مستند و علمی طراحی تخت (Flat Design) هست. در ابتدا این نوع طراحی محدود به اپلیکیشن‌های موبایلی بود که برای اندروید فراهم شده‌اند و استفاده از آن در محیط وب کمی نامفهوم بود، ولی متریال دیزاین خیلی سریع جای خود را بین طراحان رابط کاربری وب پیدا کرده و میتوان گفت در حال محبوب شدن است، اگر از اپلیکیشن Inbox گوگل هم استفاده کرده باشید به سبک طراحی متریال پی خواهید برد. اگر می‌خواهید طرح بعدی خود را با این زبان طراحی کنید میتوانید از فریمورک های زیر استفاده کنید:

web-md-framework2-1024x434

material-ui : فریم ورکی برای طراحی متریال

برای شروع یاد گیری از لینک بالا و گزینه یGet Started(شروع به کار)

برای اموزش به سایت github

Materialize

یک فریم‌ورک front-end واکنش‌گرا (Responsive) است که تمرکزش بیشتر بر روی تجربه کاربری (User Experience) است.

MUI
MUI یک فریم‌ورک وب سبک و سریع و کاملا cross-platform برای Material Design است که برای سرعت بخشیدن به توسعه، می‌تواند بصورت غیرهمزمان اجرا شود.

daemonite
daemonite یک فریم‌ورک ساده HTML5 برای Material Design است

LumX
LumX یک فریم‌ورک واکنش‌گرا (Responsive)  برای توسعه front-end بر پایه AngularJS و خصوصیات MaterialDesgin است.

Materialize Meteor
Materialize Meteor یک فریم‌ورک واکنش‌گرا (Responsive) برای توسعه front-end برپایه پکیج‌های Meteor است

Framaterial
Framaterial یک فرم‌ورک وب ساده است که می‌توان بدون استفاده از هیچ پلاگین یا کتابخانه‌های خارجی از آن استفاده کرد.

Material Framework
Material Framework یک فریم‌ورک واکنش‌گرا (Responsive) است که می‌تواند مفاهیم Material Design را در صفحات وب و یا وب اپلیکیشن انجام دهد.

Material Foundation
Material Foundation فریم‌ورک Material Design بر پایه Foundation framework است.

Learn how to easily start using Materialize in your website

لینک سایت اموزشی

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

لینک بالا یک سایت اموزش به زبان انگلیسی است برای استفاده از متریال در سایت به ساده گی

 

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

پاپ کده

درباره‌ی majidkingkm

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *