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

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

اول از همه باید بدانیم متریال دیزاین به چه معناست؟ متریال دیزاین سبکی/زبانی جدید در طراحی است که گوگل در یکی از کنفرانس های خبری خود آن را معرفی کرده است. اگر بخواهیم دقیق تر باشیم در ماه ژوئن سال قبل (۲۰۱۴)

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

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

source-news-reader-520x325

عکس فوق محیط اپلیکیشن است به اسم Source که تقریبا همان کار Feedly را انجام می‌دهد ولی کمی با طراحی متفاوت و زیبا، همچنین اگر از اپلیکیشن Inbox گوگل هم استفاده کرده باشید به سبک طراحی متریال پی خواهید برد. اگر می‌خواهید طرح بعدی خود را با این زبان طراحی کنید میتوانید از فریمورک های زیر استفاده کنید:

Material UI

web-md-framework2

 

MUI

Screen Shot 1394-02-07 at 11.31.34 copy

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

امین ضیا

کارم طراحی رابط کاربریه، ولی دوست دارم در حوزه منابع انسانی و وصل کردن نیروی فنی و متخصص به کارفرمای خوب، کار کنم و تمامی تلاشم رو هم میکنم که این کار رو به بهترین شکل انجام بدم. همیشه در حال یادگیری هستم و چیزایی رو که بلدم با همه به اشتراک میزارم . شاید در یک پست بلاگ و یا در قالب کلاس های آموزشی. همیشه میتونید با یه هدیه کوچیک خوشحالم کنید #صرفاجهت‌اطلاع

همچنین ممکن است دوست داشته باشید ...

۱۳ واکنش

  1. امید گفت:

    سلام،
    یه جا اینپوتارو اینجوری زده بودم به سبک اندروید،نمی دونستم متریال هست.

  2. محمد گفت:

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

  3. امید گفت:

    خیلی عالی بود. ممنون

  4. شاید بهتره توضیحاتی که از خودتون اراعه دادین رو با یک کلمه منفی شروع نکنید و نگین من از دانشگاه متنفرم!
    این جمله موج منفی به کاربر میده.

  5. مهدی گفت:

    من از این نوع طراحی خیلی خوشم میاد و دوست دارم یاد بگیرمش!!

  6. طه گفت:

    سلام خیلی خوب بود ممنون
    اموزش های متریال دیزاین به صورت ویدیو در سایت .udacity.com قرار داده شده
    البته اموزش های دیگه ایی هم مربوط به توسعه دهندگان اندروید و وب هست
    نکته ی جالب این که خود برنامه نویسان ارشدگوگل هم حضور دارن تو این دوره های اموزشی

  7. سهیل گفت:

    تشکر از مطلب مفیدی که گذاشتین
    خیلی مختصر و مفید

  8. عابدین گفت:

    سلام
    مرسی از معرفی این روش بسیار عالی بود

  9. علی گفت:

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

  10. حمید گفت:

    مرسی خیلی . مفید بود

  11. سامان گفت:

    خیلی ممنون عالی بود مطلب . مفید ، ساده ، کوتاه .

  12. سمیرا گفت:

    ممنونم.کارآمد بود

  13. موفقیت گفت:

    خلاصه و جامع بود . ممنون از شما !

پاسخ دهید

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