25 Contoh Desain Material yang Pasti Anda Suka

Diterbitkan: 2018-07-10

Desain Material adalah bahasa visual yang menyatukan prinsip-prinsip dasar desain yang baik dan menggabungkannya dengan inovasi ilmu pengetahuan dan teknologi modern.

Daftar Isi sembunyikan
Dasbor CryptoAim
Pin
Agen
Pin
Konsep Menu Vertikal
Pin
Alat strategi konten
Pin
Reseptiva – Seluler
Pin
Aplikasi CasualTrack
Pin
Editor Daring
Kritik Sensasi
Pin
SDK Seluler – Tiket, Obrolan, Artikel di Android
Pin
Tren – Tantangan UI Harian 069
Pin
Desain UI posting blog
Pin
Wallpaper Desain Bahan
Pin
Konsep UI aplikasi e-learning
Pin
Kalender
Pin
Aplikasi SmartEnergy Ios
Pin
Konsep desain ulang musik Google play
Pin
Aplikasi kencan pertama
Pin
Desain Aplikasi
Pin
Aplikasi Inspektur Lapangan
Pin
Masuk/Daftar Animasi
Pin
Pemesanan Hotel – Tantangan UI Harian 067
Pin
Tata Letak Situs Web Natgeo
Pin
Aplikasi Android GrandPad – Desain Ulang
Pin
Layanan: Grafis
Pin
Desain Dompet

Berikut adalah beberapa contoh desain Material yang kami sukai. Masing-masing mengikuti tren dan prinsip desain Material dan memiliki sesuatu yang unik untuk diajarkan kepada Anda.

Jika Anda penggemar kebersihan antarmuka pengguna desain Material, maka Anda akan menyukai daftar ini. Kami mengumpulkan di sini konsep untuk aplikasi dan situs web, dengan palet warna, struktur, dan tata letak yang berbeda. Menikmati!

Ingin lebih? Lihat sumber daya desain Material ini, alat warna desain Material, dan latar belakang desain Material gratis.

Dasbor CryptoAim

CryptoAim adalah proyek desain Material yang keren untuk aplikasi yang memungkinkan Anda memeriksa tren pencarian dari banyak mata uang kripto yang berbeda. Ini memiliki antarmuka pengguna yang gelap dengan detail modern dan bersih.

1 Contoh Desain Material Dashboard CryptoAim Pin

Agen

Berikut adalah situs web mock-up berdasarkan tren desain Material. Ini berhasil menggabungkan warna neon cerah dengan cara yang inovatif. Siapa sangka kuning, biru, dan ungu berpadu serasi dalam palet warna yang sama?!

2 Contoh Desain Material Agensi Pin

Konsep Menu Vertikal

Lihat konsep menu vertikal ini yang mengikuti tren desain Material. Saat dekat dengan tepi layar, menu sederhana ini akan disejajarkan secara vertikal untuk membuat semua item menu benar-benar terlihat.

3 Desain Material Konsep Menu Vertikal Pin

Alat strategi konten

Ini adalah desain alat strategi konten. Ini memiliki antarmuka pengguna berwarna cerah dengan elemen sederhana dan detail yang cermat. Ini berisi indikator kemajuan dan aktivitas yang merupakan indikasi visual tentang langkah-langkah yang perlu diambil pengguna untuk menggunakan aplikasi.

4 Alat strategi konten Contoh Desain Material Pin

Reseptiva – Seluler

Ini adalah sistem keren yang dibuat untuk perusahaan Tec Mobile. Tujuannya adalah untuk memberikan pengalaman manajemen acara yang bersih, sehingga mudah dan cepat, baik bagi penyelenggara acara maupun bagi karyawan yang bekerja di sana. Desainnya mengikuti tren Material dan mencakup sistem web administratif dan aplikasi untuk tablet dan ponsel.

5 Receptiva - Contoh Desain Material Seluler Pin

Aplikasi CasualTrack

Ini adalah desain aplikasi Android yang disebut CasualTrack. Struktur ini mencakup bilah aplikasi permanen di bagian atas dan tombol tindakan mengambang di situs kanan bawah.

6 Contoh Desain Material aplikasi CasualTrack Pin

Editor Daring

Berikut adalah desain editor online yang tampak hebat yang dibuat dengan bantuan prinsip-prinsip desain Material. Ini termasuk dialog yang menginformasikan pengguna tentang tugas-tugas tertentu. Pin

Kritik Sensasi

Ini adalah konsep desain ulang untuk Sens Critique, aplikasi budaya Prancis yang dapat Anda gunakan untuk menemukan, menilai dan mengomentari film, serial, musik, buku, dan banyak lagi. Ini berisi daftar kisi – alternatif untuk tampilan daftar standar, yang meningkatkan pemahaman visual dari konten yang mereka tawarkan.

8 Contoh Desain Material Kritik Sens Pin

SDK Seluler – Tiket, Obrolan, Artikel di Android

Berikut adalah beberapa contoh layar untuk Zendesk Mobile SDK di Android. Ini berisi tombol tindakan mengambang yang mewakili tindakan utama dalam aplikasi. itu berbentuk lingkaran, dengan ikon di tengah, mengambang di atas UI di sudut kanan bawah layar.

9 Mobile SDK – Tiket, Obrolan, Artikel di Android Contoh Desain Material Pin

Tren – Tantangan UI Harian 069

Berikut adalah desain aplikasi stok gambar yang menunjukkan gambar yang sedang tren di atas. Ini menawarkan pengalaman terpadu di semua platform dan perangkat dan mencakup beberapa prinsip seluler penting.

10 Trending - Contoh Desain Material tantangan UI harian Pin

Desain UI posting blog

Ada banyak sekali penggunaan tipografi dalam konsep desain material ini untuk posting blog, namun ukuran font harus sedikit ditingkatkan.

11 Posting blog desain UI Contoh Desain Material Pin

Wallpaper Desain Bahan

Apakah Anda penggemar Desain Material? Unduh wallpaper gratis ini dan gunakan untuk ponsel atau layar desktop Anda.

12 Wallpaper Desain Bahan Pin

Konsep UI aplikasi e-learning

Ini adalah konsep UI kecil untuk aplikasi kursus e-learning yang menggunakan prinsip Material Design 2.0. Lihat ikon yang dibuat dengan hati-hati!

13 Konsep UI aplikasi e-learning Contoh Desain Material Pin

Kalender

Ini adalah desain layar kalender untuk aplikasi yang digunakan untuk mengelola semua barang penting Anda. Aplikasi ini menyertakan kalender bawaan yang memungkinkan Anda melihat semua acara Anda.

14 Kalender Pin

Aplikasi SmartEnergy Ios

Berikut adalah desain untuk Aplikasi SmartEnergy IOS yang menawarkan cara mudah untuk terhubung ke mainboard energi rumah Anda dari ponsel cerdas Anda.

15 Contoh Desain Material Aplikasi SmartEnergy Ios Pin

Konsep desain ulang musik Google play

Ini adalah konsep desain ulang musik Google play yang mengikuti semua prinsip desain Material 2.0. Lihat detailnya.

16 Konsep desain ulang musik Google play Pin

Aplikasi kencan pertama

Ini adalah beberapa visual desain Material untuk orientasi aplikasi iOS Firstdate. Ini termasuk ilustrasi yang indah dan aliran yang bersih dan ramah pengguna.

17 Contoh Desain Material aplikasi Firstdate Pin

Desain Aplikasi

Warna dalam Desain Material terinspirasi oleh warna-warna berani yang ditempatkan pada lingkungan netral. Ini juga berisi bayangan dalam dan sorotan terang, yang merupakan dua karakteristik lain dari desain di bawah ini.

18 Desain Aplikasi Pin

Aplikasi Inspektur Lapangan

Berikut adalah konsep aplikasi seluler Field Inspector yang digunakan untuk memantau dan mengaudit objek. Ini adalah layar yang menampilkan menu utama, objek pada peta dan daftar parameter yang perlu diperiksa.

19 Contoh Desain Material aplikasi Field Inspector Pin

Masuk/Daftar Animasi

Palet warna ini terbuat dari warna primer dan aksen yang telah dirancang untuk bekerja secara harmonis. Konsep desain ini juga memiliki animasi halus yang patut dicoba.

20 Login:Daftar Contoh Desain Materi Animasi Pin

Pemesanan Hotel – Tantangan UI Harian 067

Desain material mengambil inspirasi dari elemen desain berbasis cetak – seperti tipografi, warna, dan citra – dan menyesuaikannya dengan web untuk membuat hierarki dan fokus. Inilah yang dilakukan desain di bawah ini, dengan kisi-kisi dasar dan templat strukturalnya. Ini menawarkan solusi yang konsisten dengan mengulangi elemen visual dan kisi struktural.

21 Pemesanan Hotel - Contoh Desain Material tantangan UI harian Pin

Tata Letak Situs Web Natgeo

Dalam desain Material, sifat fisik kertas, seperti kerataan dan ketidakjelasan, diterjemahkan ke layar. Berikut adalah contoh dari prinsip ini di bawah ini.

22 Contoh Desain Material Tata Letak Situs Web Natgeo Pin

Aplikasi Android GrandPad – Desain Ulang

Ini adalah desain ulang aplikasi pendamping Android GrandPad. Desain ulang aplikasi iOS ini memanfaatkan fleksibilitas Desain Material dan komponen material FAB yang Diperluas yang baru.

23 Aplikasi Android GrandPad - Desain Ulang Pin

Layanan: Grafis

Desain material menciptakan bahasa visual bagi pengguna yang menyatukan prinsip-prinsip dasar desain yang baik dan memodernkannya. Berikut adalah contoh grafik ikon yang melakukan hal itu.

24 Layanan- Contoh Desain Material Grafis Pin

Desain Dompet

Dalam desain Material yang digunakan pada aplikasi, menu biasanya muncul saat berinteraksi dengan tombol dan kemudian menampilkan daftar opsi. Berikut adalah contoh yang bagus dari itu!

25 Contoh Desain Bahan Desain Dompet Pin