در 2014 ، گوگل انتشار نسخه مواد طراحی " هدف اصلی آنها مقابله با س questionsالات با طراحی برنامه ها برای دستگاه های Android بود. بحث این بود که " طراحی تخت "در صفحه های کوچک به خوبی نمایش داده نمی شود. آنها احساس می کردند که طراحی فاقد نشانه های بصری واضح است و قابلیت استفاده کاربران تلفن همراه را مختل می کند.
Matías Duarte ، معاون رئیس Google Design ، توضیح داد:
"بر خلاف کاغذ واقعی ،" طراحی مواد "ما می تواند رشد کند و هوشمندانه سازگار شود. مواد ، سطوح فیزیکی و مسطحی را با سایه هایی که به معنای لمس کردن شما کمک می کند ، ارائه می دهد. "
و این اساساً همان چیزی است که اکنون طراحی سخت افزار وجود دارد: روشی برای ایجاد لمس در عناصر یک برنامه.
با انتشار زبان جدید و رهنمودهای Material Design ، Google امیدوار است که مشکلات UX را حل کند (تجربه کاربر) و سردرگمی کاربران در برنامه های اندرویدی. دو سال بعد ، چارچوب آنها از حوزه برنامه های تلفن همراه فراتر رفته و اکنون اصلی است که به طور منظم در طراحی وب استفاده می شود.
در ادامه، منابعی را پیشنهاد می کنم که در آن ها پیدا خواهید کرد ressources برای ادغام طراحی متریال در خود وبلاگ وردپرس.
1 - رفتار
نمونه کامل یک سایت برای یادگیری طراحی برنامه با " مواد طراحی " Behance نکات و مثالهای بی شماری دارد که می توانید از آنها به عنوان الهام استفاده کنید. Behance اتفاقاً از " مواد طراحی در سایت خودشان ، با جعبه هایی که به طور ظریف از شبکه آویزان می شوند ، سایه های میانی برای جلب توجه ، و نشانگرهای واضح برای اقدامات قابل کلیک.
2 - CodePen
دانلود
CodePen ، "زمین بازی توسعه دهنده" که خود به خود اختصاص داده است ، وقتی صحبت از 'طلای معدن است' مواد طراحی ". نه تنها نمونه های بسیار جالبی خواهید داشت و می توانید CSS ، HTML و JavaScript را که توسعه دهندگان برای ساختن وب سایت های مختلف از آنها استفاده می کنند ، مشاهده کنید.
3 - Dribbble
اگر با مورد دوم آشنایی ندارید ، Dribble یک شبکه اجتماعی برای طراحان ، توسعه دهندگان ، هنرمندان و سایر علاقه مندان به " طرح ". جستجوی " مواد طراحی در سایت آنها فقط به شما نشان می دهد که چگونه فناوری مواد طراحی همه جا حضور دارد در اینجا می توانید از چیزی به سادگی یک آیکون برای طراحی وب سایت کامل الهام بگیرید.
4 - جوایز طراحی مواد Google Design
یک سال پس از راه اندازی Google Design Material Design ، آنها از شش برنامه برتر با استفاده از چارچوب در "جایزه طراحی مواد ". تعداد زیادی سایت را در این لیست افتخاری تشخیص خواهید داد. اگر می خواهید پتانسیل ها را ببینید مواد طراحی "، ما شما را تشویق می کنیم که نگاهی به این لیست بیندازید. اگر Google وقت بگذارد و یک منبع را برچسب گذاری کند ، پس ارزش دور زدن است.
5 - ساخته شده با مواد
این سایت با قدمت نوامبر 2014 منبع الهام بخشی عالی برای " مواد طراحی " در بیشتر سایتها از تصاویر صفحه نمایش با وضوح بالا از وب سایت ها و برنامه های تلفن همراه استفاده شده است که از " مواد طراحی " و گرچه گم شدن در این نمونه های الهام بخش آسان است ، فراموش نکنید که اسنادی را که برای توسعه دهندگان در نوار کناری سمت راست قرار داده اند ، بررسی کنید. اگر می خواهید با "" توسعه دهید ، این اسناد مفید خواهد بود. مواد طراحی '.
6 - وبلاگ طراحی مواد
این وبلاگ اتفاقاً یکی از موارد موردعلاقه ما است ، نه تنها به این دلیل که مجموعه کاملی از ابزارها و موضوعاتی را شامل می شود که ممکن است در هنگام صحبت در مورد این موضوع به آنها علاقه مند باشید ، بلکه همچنین به دلیل اینکه یک کار عالی انجام می دهد به شما نشان می دهد تکنیک های طراحی با "طراحی مواد". اگر فرصتی برای دیدن انیمیشن های آنها در عمل پیدا نکردید ، به سایت مراجعه کنید و بر روی یکی از پست های وبلاگ آنها کلیک کنید.
7 - MaterialUp
بخشی از خانواده سایت ها Uplabs MaterialUp همه چیز در مورد طراحی متریال است: نمونه وب سایت ها، اسکرین شات های برنامه موبایل، ابزارها، نکات و موارد دیگر. حتی اگر در حال حاضر هیچ چیز مفیدی پیدا نکردید، به طراحی وب سایت آنها نگاهی بیندازید. چیدمان و ظاهر آن یادآور گوگل درایو است، درست است؟ اگر به دنبال یک منابع شما می توانید اعتماد کنید، می توانید به این وب سایت مراجعه کنید؟
8 - Pinterest
اگر قرار باشد سایتی به عنوان منبع اصلی الهام بخش "طراحان" نامگذاری شود ، Pinterest این افتخار را با Behance به اشتراک می گذارد. با جستجوی سریع عبارت "مواد طراحی شما از طریق وب سایت ها و برنامه هایی که از این چارچوب استفاده می کنند ، به فیلم ها و تصاویر دسترسی فوری دارید.
این برای این لیست است ressources برای " مواد طراحی ". به اشتراک بگذارید آن را با دوستان خود در شبکه های اجتماعی مورد علاقه خود به اشتراک بگذارید.
