Di 2014, Google mengumumkan rilis Material Desain ". Tujuan awal mereka adalah menjawab pertanyaan dengan desain aplikasi untuk perangkat Android. Argumennya adalah bahwa " Desain datar "Tidak ditampilkan dengan baik di layar kecil. Mereka merasa bahwa desain tidak memiliki isyarat visual yang jelas dan menghambat kegunaan pengguna ponsel.

Matías Duarte, wakil presiden Google Design, menjelaskan:

“Tidak seperti kertas asli, 'Desain Material' kami dapat tumbuh dan beradaptasi dengan cerdas. Material menawarkan permukaan fisik dan datar, dengan bayangan yang memberi makna pada apa yang dapat Anda sentuh ”.

Dan pada dasarnya itulah desain perangkat keras sekarang: cara membuat elemen aplikasi tampak dapat disentuh.

Dengan merilis bahasa baru dan pedoman Desain Bahan, Google berharap dapat menyelesaikan masalah UX (Pengalaman Pengguna) dan kebingungan di antara pengguna aplikasi Android. Dua tahun kemudian, Framework mereka telah melampaui bidang aplikasi seluler dan sekarang menjadi prinsip yang biasa digunakan dalam desain web.

Berikut ini, saya menawarkan beberapa sumber di mana Anda akan menemukan ressources untuk mengintegrasikan Desain Material pada . Anda blog WordPress.

1 - Behance

Behance

Download

Contoh sempurna situs untuk mempelajari desain aplikasi dengan " Material Desain ". Behance memiliki banyak tip dan contoh yang dapat Anda gunakan sebagai inspirasi. Behance juga kebetulan memanfaatkan " Material Desain Di situs mereka sendiri, dengan kotak-kotak yang secara halus menggantung di luar kisi, bayangan tengah untuk perhatian, dan penanda yang jelas untuk tindakan yang dapat diklik.

2 - CodePen

codepen

Download

CodePen, 'taman bermain pengembang' yang ditugaskan sendiri, adalah tambang emas pengembang dalam hal ' Material Desain ". Anda tidak hanya akan memiliki beberapa contoh yang sangat keren, dan Anda dapat melihat CSS, HTML, dan JavaScript yang digunakan pengembang untuk membangun berbagai situs web.

3 - Dribbble

dribble-sumber daya bahan-desain

Download

Jika Anda tidak terbiasa dengan yang terakhir, Dribble adalah jejaring sosial untuk desainer, pengembang, artis, dan orang lain yang tertarik dengan " Mendesain ". Pencarian untuk " Material Desain Dalam situs mereka hanya akan menunjukkan kepada Anda bagaimana teknologi Material Desain Apakah ada di mana-mana. Di sini Anda akan menemukan inspirasi untuk sesuatu yang sederhana seperti ikon untuk mendesain situs web yang lengkap.

4 - Penghargaan Desain Material Google Design

google-desain-penghargaan-sumber daya bahan-desain

Download

Setahun setelah Google meluncurkan Desain Material, mereka menghargai enam aplikasi terbaik menggunakan Framework di "Material Design Awards ". Anda akan mengenali sejumlah besar situs dalam daftar kehormatan ini. Jika Anda ingin melihat potensi Material Desain ”, Kami mendorong Anda untuk melihat daftar ini. Jika Google meluangkan waktu untuk menandai sumber, maka jalan memutar itu layak dilakukan.

5 - Dibuat dengan Material

dibuat-dengan-bahan-sumber daya bahan-desain

Download

Berasal dari November 2014, situs ini menawarkan sumber inspirasi yang bagus untuk " Material Desain ". Sebagian besar situs menampilkan tangkapan layar resolusi tinggi dari situs web dan aplikasi seluler yang menggunakan " Material Desain ". Dan meskipun mudah tersesat dalam contoh yang menginspirasi ini, jangan lupa untuk melihat dokumentasi yang telah mereka sertakan untuk pengembang di sidebar kanan atas. Dokumentasi ini akan berguna jika Anda ingin mengembangkan dengan " Material Desain '.

6 - Blog Desain Material

Bahan-desain-blog-sumber daya bahan-desain

Download

Blog ini kebetulan menjadi salah satu favorit kami, tidak hanya karena mencakup banyak alat dan topik yang mungkin Anda minati terkait dengan topik ini, tetapi juga karena ia melakukan pekerjaan yang luar biasa dalam menunjukkan kepada Anda teknik desain dengan "Material Design". Jika Anda belum pernah melihat animasi mereka beraksi, kunjungi situsnya dan klik salah satu posting blog mereka.

7 - MaterialUp

materialup sumber daya bahan-desain

Download

Bagian dari keluarga situs Uplabs MaterialUp adalah semua tentang desain material: situs web sampel, tangkapan layar aplikasi seluler, alat, kiat, dan banyak lagi. Bahkan jika Anda tidak dapat menemukan sesuatu yang berguna saat ini, lihatlah desain situs web mereka. Tata letak dan tampilannya mengingatkan pada Google Drive, bukan? Jika Anda mencari sumber Anda dapat mempercayai, Anda dapat beralih ke situs web ini?

8 - Pinterest

pinterest-sumber daya bahan-desain

Download

Jika suatu situs dinamai sebagai sumber inspirasi utama bagi "desainer", Pinterest akan berbagi kehormatan ini dengan Behance. Dengan pencarian cepat untuk istilah "Material Desain Anda memiliki akses instan ke video dan gambar dari situs web dan aplikasi yang menggunakan kerangka kerja ini.

Itu saja untuk daftar ini ressources Untuk " Material Desain ". Jangan ragu untuk membagikannya dengan teman Anda di jejaring sosial favorit Anda.