70+ แหล่งข้อมูลการออกแบบวัสดุสำหรับนักพัฒนา Android
การออกแบบวัสดุเป็นหัวใจและจิตวิญญาณใหม่ของ Android ของ Google การออกแบบวัสดุเป็นภาษาภาพที่ผสมผสานหลักการของการออกแบบที่ดีกับนวัตกรรม มันมุ่งเน้นการสร้าง ประสบการณ์การใช้งานที่สวยงามและสอดคล้องกัน ใช้ประโยชน์จากหลักการและมาตรฐานการออกแบบที่ยอดเยี่ยม Google และผู้ผลิตแอปรายใหญ่อื่น ๆ เช่น Whatsapp และ SwiftKey กำลังใช้การออกแบบวัสดุในการออกแบบแอปของพวกเขาอยู่แล้ว.
หากคุณรอคอยที่จะแนะนำการออกแบบวัสดุในแอพของคุณเราได้รวบรวมแหล่งข้อมูลการออกแบบวัสดุที่ดีที่สุดสำหรับคุณ - พาเล็ตเทมเพลตฟอนต์แผ่นงานและไอคอน ฯลฯ หากเราพลาดอะไรหรือต้องการแนะนำทรัพยากรบางอย่างให้เรา ยินดีที่จะรับฟังความคิดเห็นจากคุณ.
จานสีวัสดุ
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers.jpg)
สติ๊กเกอร์ & ไอคอน
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_2.jpg)
แม่แบบเค้าโครง
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_2.jpg)
Roboto & Noto แบบอักษร
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_3.jpg)
จานสีและเสื้อโค้ตสี
เครื่องกำเนิดจานสี
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_3.jpg)
แถบสีของวัสดุ
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_4.jpg)
เสื้อโค้ตสีวัสดุ
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_5.jpg)
สีการออกแบบวัสดุ
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_6.jpg)
ชุดเครื่องมือ LESS / CSS สำหรับพาเล็ตสีการออกแบบวัสดุ
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_7.jpg)
จานสีสำหรับ Android, iOS และเว็บ
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_8.jpg)
ชุดไอคอน & เทมเพลต
Android Grid PSD (เทมเพลต Android L)
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_9.jpg)
ชุดไอคอน Android L (1600+)
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_10.jpg)
เทมเพลตไอคอนการออกแบบของ Google (PSD)
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_11.jpg)
ระบบกริดไอคอน Android L (AI)
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_12.jpg)
ไอคอนระบบการออกแบบวัสดุ (PNG & Sketch)
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_13.jpg)
ชุด Avatar Flat Design วัสดุ (PNG, PSD, AI)
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_14.jpg)
แบบอักษรสัญลักษณ์ของวัสดุการออกแบบ (744 ใน TTF & WOFF)
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_15.jpg)
ไอคอนการออกแบบวัสดุ (1100+ ใน PNG, SVG, เวกเตอร์, XAML)
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_16.jpg)
ไอคอนฟรีออกแบบวัสดุ (420+ ใน SVG, EPS, PSD และ PNG)
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_17.jpg)
ไอคอนการออกแบบวัสดุ (430+ ใน CSH)
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_18.jpg)
ไอคอนการออกแบบวัสดุ / Webfonts (EOT, SVG, TFF & WOFF)
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_19.jpg)
ชุดไอคอนวัสดุ (435 ใน SVG & Sketch)
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_20.jpg)
แม่แบบไอคอนการออกแบบวัสดุ 2.0 (AI)
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_21.jpg)
1,000 ไอคอนการออกแบบวัสดุ (PNG)
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_22.jpg)
ชุดไอคอนวัสดุฟรี (39 ใน PSD)
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_23.jpg)
ไอคอน Powerpoint & ประเด็นสำคัญ (420+)
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_24.jpg)
ชุดไอคอนการออกแบบวัสดุฟรี (40 in PNG)
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_24.jpg)
ชุดไอคอน Android Lollipop
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_25.jpg)
ไอคอนวัสดุสำหรับพีซี (30 ใน ICO และ PNG)
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_26.jpg)
ชุดไอคอนการออกแบบวัสดุ (53 ใน PSD)
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_27.jpg)
ไอคอนการออกแบบวัสดุของ Google (แบบอักษรสำหรับ IOS)
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_28.jpg)
ชุดการออกแบบวัสดุ GUI
ชุด UI การออกแบบวัสดุฟรี
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_29.jpg)
ชุด UI การออกแบบวัสดุ Android
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_30.jpg)
ฟรีชุด UI วัสดุ
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_31.jpg)
ชุดการออกแบบวัสดุ UI
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_32.jpg)
ชุด UI ฟรี
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_33.jpg)
ชุด UI การขยายการทำอาหาร
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_34.jpg)
Kit Android L GUI
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_35.jpg)
ชุด GUI ออกแบบวัสดุ Facebook
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_36.jpg)
ชุด UI วัสดุฟรีโดย PSDboom
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_37.jpg)
Kit L Android UI 5.0
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_38.jpg)
Android Lollipop UI Design Kit
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_39.jpg)
การออกแบบวัสดุแรงบันดาลใจ Bootstrap
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_40.jpg)
Android Lollipop 5.0 GUI
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_41.jpg)
UI การออกแบบวัสดุ Android
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_42.jpg)
ชุด UI ของแอปออกแบบวัสดุ
DiscoMusica
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_43.jpg)
Zalando
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_44.jpg)
Dribbble
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_45.jpg)
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_46.jpg)
ปฏิทิน
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_47.jpg)
Dropbox
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_48.jpg)
กล่องจดหมายโดย Gmail
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_49.jpg)
การตรวจสอบแบตเตอรี่ขั้นต่ำ
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_50.jpg)
Evernote
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_51.jpg)
Barter.Li
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_52.jpg)
Skype
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_53.jpg)
ชุดการออกแบบวัสดุ UI
โปรไฟล์ Twitter
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_54.jpg)
ตัวเลือกวันที่และเวลา
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_55.jpg)
เกมส์
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_55.jpg)
เครื่องเล่นเสียง
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_56.jpg)
แป้นพิมพ์
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_57.jpg)
แอปอีคอมเมิร์ซ
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_58.jpg)
แป้นพิมพ์ Android L
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_59.jpg)
ตัวอักษร
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_60.jpg)
เบอร์
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_61.jpg)
การออกแบบ UI แรงบันดาลใจของแอปวัสดุ
ในส่วนนี้เรามาดูแนวคิดการออกแบบวัสดุแรงบันดาลใจการออกแบบสำหรับแอพยอดนิยม.
Behance
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_62.jpg)
พูดเบาและรวดเร็ว
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_63.jpg)
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_64.jpg)
Google Drive
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_65.jpg)
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_66.jpg)
Soundcloud
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_67.jpg)
Dribbble
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_68.jpg)
Gmail
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_69.jpg)
โทรเลข
![](http://savtec.org/img/images_1/70-material-design-resources-for-android-developers_70.jpg)