گوگل در سال ۲۰۱۴ با معرفی نسخه ۵ اندروید (لالی پاپ)، زبان بصری جدیدش رو هم با نام”متریال” معرفی کرد که انقلاب جدیدی در طراحی های رابط کاربری بوجود آورد. در واقع گوگل قصد داره با ترکیب این سبک طراحی با تکنولوژی روز تجربه کاربری بهتری رو به کاربرانش ارائه بده.
این سبک طراحی به دلیل نوپا بودن در شرایط فعلی از منابع کمتری برخورداره ولی در این مقاله سعی شده تعدادی از این منابع کمیاب رو معرفی کنیم.
اول از همه خود گوگل
اول از همه سراغ خود گوگل میریم که باعث و بانی این سبک طراحی خودشه. گوگل تعدادی فایل رو در قالب نرم افزار ادوبی ایلوستریتور ارائه کرده که میشه بدون افت کیفیت ویرایششون کرد و تو طراحی های ازشون استفاده کرد. لینک های زیر منابعی هستن که گوگل در اختیار توسعه دهنده ها و طراح ها گذاشته :
- Mobile Whiteframe
- Tablet Whiteframe
- Desktop Whiteframe
- Color palette
- Roboto font
- Structural elements
- More of individual UI concepts
الهام گیری از طراحان جهانی
وبسایت های Dribbble و CodePen که خیلی از طراح های رابط کاربری باهاشون آشنان دو تا منبع خوب و ایده بگیر متریال هستن. شما می تونید از طرح هایی که تو این سایت ها گه گاهی بصورت متن باز توسط کاربرا گذاشته میشه استفاده کنید.
فایل پروژه های افتر افکت
Jelio Dimitrov این اثر رو تو نرم افزار افتر افکت ایجاد کرده. اگه شما هم علاقه‌مند به ساخت همچین انیمیشنی هستید این منبع می تونه کمکتون کنه!
رابط کاربری کنترل ها به سبک متریال
زمین بازی متریال
این زمین بازی رو طراحی به اسم “Eric Bidelman” آماده کرده و باغ بزرگیه پر از کدهای متریال. استفاده از این کدها می تونه شما رو با اصول اولیه طراحی متریال آشنا کنه.
کنترل های متریال
زمان بندی سلسله مراتبی به سبک متریال گوگل
الگوی طراحی آیکن های گوگل
رابط کاربری جدید اندروید لالی پاپ
اصول و مبانی طراحی متریال
طراحی متریال
تشکر بابت این آموزش
۱