Seveceğiniz 25 Materyal Tasarım Örneği

Yayınlanan: 2018-07-10

Materyal Tasarımı, iyi tasarımın temel ilkelerini sentezleyen ve bunları modern bilim ve teknolojinin yenilikleriyle birleştiren görsel bir dildir.

İçindekiler gizle
CryptoAim Kontrol Paneli
Toplu iğne
Ajans
Toplu iğne
Dikey Menü Konsepti
Toplu iğne
İçerik stratejisi aracı
Toplu iğne
Receptiva – Mobil
Toplu iğne
CasualTrack uygulaması
Toplu iğne
Çevrimiçi Düzenleyici
Duyusal Eleştiri
Toplu iğne
Mobil SDK – Biletleme, Sohbet, Android'de Makaleler
Toplu iğne
Trend - Günlük UI meydan okuması 069
Toplu iğne
Blog gönderisi kullanıcı arayüzü tasarımı
Toplu iğne
Malzeme Tasarımı Duvar Kağıdı
Toplu iğne
E-öğrenme uygulaması kullanıcı arabirimi konsepti
Toplu iğne
Takvim
Toplu iğne
SmartEnergy Ios Uygulaması
Toplu iğne
Google play müzik yeniden tasarım konsepti
Toplu iğne
İlk buluşma uygulaması
Toplu iğne
Uygulama Tasarımı
Toplu iğne
Saha Müfettişi uygulaması
Toplu iğne
Giriş/Kayıt Animasyonu
Toplu iğne
Otel Rezervasyonu – Günlük UI yarışması 067
Toplu iğne
Natgeo Web Sitesi Düzeni
Toplu iğne
GrandPad Android Uygulaması – Yeniden Tasarım
Toplu iğne
Hizmet: Grafik
Toplu iğne
Cüzdan Tasarımı

İşte sevdiğimiz bazı Malzeme tasarımı örnekleri. Bunların her biri, Materyal tasarım trendlerini ve ilkelerini takip eder ve size öğretecek benzersiz bir şeye sahiptir.

Materyal tasarımı kullanıcı arayüzlerinin temizliğini seviyorsanız, bu listeye bayılacaksınız. Burada hem uygulamalar hem de web siteleri için farklı renk paletleri, yapıları ve düzenleri olan kavramları bir araya getirdik. Zevk almak!

Daha fazla istemek? Bu Malzeme tasarımı kaynaklarına, Malzeme tasarımı renk araçlarına ve ücretsiz Malzeme tasarımı arka planlarına göz atın.

CryptoAim Kontrol Paneli

CryptoAim, birçok farklı kripto para biriminin arama eğilimlerini kontrol etmenizi sağlayan bir uygulama için harika bir Materyal tasarım projesidir. Modern ve temiz detaylara sahip karanlık bir kullanıcı arayüzüne sahiptir.

1 CryptoAim Dashboard Materyal Tasarım Örnekleri Toplu iğne

Ajans

İşte Malzeme tasarım trendlerine dayanan bir maket web sitesi. Canlı neon renkleri yenilikçi bir şekilde başarıyla birleştirir. Aynı renk paletinde sarı, mavi ve morun birlikte bu kadar iyi gittiğini kim düşünebilirdi ki?!

2 Ajans Materyal Tasarımı Örnekleri Toplu iğne

Dikey Menü Konsepti

Materyal tasarım trendlerini takip eden bu dikey menü konseptine göz atın. Bir ekran kenarına yakın olduğunda, bu basit menü, tüm menü öğelerini tamamen görünür kılmak için dikey olarak yeniden hizalanır.

3 Dikey Menü Konsept Malzeme Tasarımı Toplu iğne

İçerik stratejisi aracı

Bu, bir içerik stratejisi aracının tasarımıdır. Basit ve dikkatli bir şekilde ayrıntılı öğelerle canlı renkli bir kullanıcı arayüzüne sahiptir. Kullanıcının uygulamayı kullanmak için atması gereken adımların görsel bir göstergesi olan bir ilerleme ve etkinlik göstergesi içerir.

4 İçerik stratejisi aracı Materyal Tasarım Örnekleri Toplu iğne

Receptiva – Mobil

Bu, Tec Mobile şirketi için oluşturulmuş harika bir sistemdir. Amacı, hem etkinlik organizatörü hem de orada çalışan çalışanlar için kolay ve hızlı hale getiren temiz bir etkinlik yönetimi deneyimi sağlamaktır. Tasarım, Materyal trendlerini takip eder ve bir yönetim web sistemi ile tabletler ve cep telefonları için uygulamalar içerir.

5 Receptiva - Mobil Materyal Tasarım Örnekleri Toplu iğne

CasualTrack uygulaması

Bu, CasualTrack adlı bir Android uygulamasının tasarımıdır. Bu yapı, sitenin üst kısmında kalıcı bir uygulama çubuğu ve sağ altta kayan bir eylem düğmesi içerir.

6 CasualTrack uygulaması Materyal Tasarımı Örnekleri Toplu iğne

Çevrimiçi Düzenleyici

İşte Materyal tasarım ilkelerinin yardımıyla oluşturulmuş harika görünümlü bir çevrimiçi editör tasarımı. Kullanıcıları belirli görevler hakkında bilgilendiren diyaloglar içerir. Toplu iğne

Duyusal Eleştiri

Bu, filmleri, dizileri, müzikleri, kitapları ve daha fazlasını keşfetmek, derecelendirmek ve yorumlamak için kullanabileceğiniz bir Fransız kültürel uygulaması olan Sens Critique'in yeniden tasarım konseptidir. Standart liste görünümlerine alternatif olan ve sundukları içeriğin görsel olarak daha iyi anlaşılmasını sağlayan ızgara listeleri içerir.

8 Sens Critique Materyal Tasarımı Örneği Toplu iğne

Mobil SDK – Biletleme, Sohbet, Android'de Makaleler

İşte Android'deki Zendesk Mobile SDK için bazı ekran örnekleri. Uygulamadaki birincil eylemi temsil eden kayan bir eylem düğmesi içerir. daire şeklindedir, ortasında bir simge vardır ve ekranın sağ alt köşesindeki kullanıcı arayüzünün üzerinde yüzer.

9 Mobil SDK – Biletleme, Sohbet, Android Materyal Tasarımı Örneği ile ilgili Makaleler Toplu iğne

Trend - Günlük UI meydan okuması 069

İşte trend olan görseli en üstte gösteren bir stok görsel uygulamasının tasarımı. Tüm platformlarda ve cihazlarda birleşik bir deneyim sunar ve bazı temel mobil ilkeleri içerir.

10 Trend - Günlük UI meydan okuması Materyal Tasarımı Örneği Toplu iğne

Blog gönderisi kullanıcı arayüzü tasarımı

Bir blog yazısı için bu materyal tasarım konseptinde tipografinin harika bir kullanımı var, ancak yazı tipinin boyutu biraz arttırılmalıdır.

11 Blog yazısı UI tasarımı Materyal Tasarımı Örneği Toplu iğne

Malzeme Tasarımı Duvar Kağıdı

Materyal Tasarımı hayranı mısınız? Bu ücretsiz duvar kağıdını indirin ve telefonunuz veya masaüstü ekranınız için kullanın.

12 Materyal Tasarımı Duvar Kağıdı Toplu iğne

E-öğrenme uygulaması kullanıcı arabirimi konsepti

Bu, Materyal Tasarımı 2.0 ilkelerini kullanan bir e-öğrenme kursları uygulaması için küçük bir UI konseptidir. Özenle hazırlanmış simgelere göz atın!

13 E-öğrenme uygulaması UI konsepti Materyal Tasarımı Örneği Toplu iğne

Takvim

Bu, tüm önemli şeylerinizi yönetmek için kullanılan bir uygulama için bir takvim ekranı tasarımıdır. Uygulama, tüm etkinliklerinizi görmenizi sağlayan bu yerleşik takvimi içerir.

14 Takvim Toplu iğne

SmartEnergy Ios Uygulaması

İşte size akıllı telefonunuzdan evinizin enerji anakartına bağlanmanın kolay yolunu sunan SmartEnergy IOS Uygulaması tasarımı.

15 SmartEnergy Ios Uygulaması Malzeme Tasarımı Örneği Toplu iğne

Google play müzik yeniden tasarım konsepti

Bu, tüm Materyal tasarımı 2.0 ilkelerini izleyen bir Google play müzik yeniden tasarım konseptidir . Detaylı olarak inceleyin.

16 Google play müzik yeniden tasarım konsepti Toplu iğne

İlk buluşma uygulaması

Bunlar, Firstdate iOS uygulamasına katılım için bazı Materyal tasarım görselleridir. Güzel çizimler ve temiz ve kullanıcı dostu bir akış içerir.

17 Firstdate uygulaması Materyal Tasarımı Örneği Toplu iğne

Uygulama Tasarımı

Color in Material Design, nötr ortamlara yerleştirilen cesur renklerden ilham alıyor. Ayrıca, aşağıdaki tasarımın diğer iki özelliği olan derin gölgeler ve parlak vurgular içerir.

18 Uygulama Tasarımı Toplu iğne

Saha Müfettişi uygulaması

İşte nesneleri izlemek ve denetlemek için kullanılan bir Field Inspector mobil uygulama konsepti . Ana menüyü, haritadaki nesneleri ve kontrol edilmesi gereken parametrelerin listesini gösteren ekranlardır.

19 Field Inspector uygulaması Malzeme Tasarımı Örneği Toplu iğne

Giriş/Kayıt Animasyonu

Bu renk paleti, birlikte uyumlu çalışmak üzere tasarlanmış ana ve vurgu renklerinden yapılmıştır. Bu tasarım konsepti ayrıca kontrol etmeye değer pürüzsüz bir animasyona sahiptir.

20 Giriş:Kayıt Animasyon Malzeme Tasarımı Örneği Toplu iğne

Otel Rezervasyonu – Günlük UI yarışması 067

Materyal tasarımı, ilhamını tipografi, renk ve görüntü gibi baskı tabanlı tasarım öğelerinden alır ve hiyerarşi ve odak oluşturmak için web'e uyarlar. Temel ızgaraları ve yapısal şablonları ile aşağıdaki tasarımın yaptığı tam olarak budur. Görsel öğeleri ve yapısal ızgaraları tekrarlayarak tutarlı bir çözüm sunar.

21 Otel Rezervasyonu - Günlük UI meydan okuması Materyal Tasarım Örneği Toplu iğne

Natgeo Web Sitesi Düzeni

Materyal tasarımında kağıdın düzlük ve opaklık gibi fiziksel özellikleri ekrana çevrilir. Aşağıda bu ilkenin bir örneği verilmiştir.

22 Natgeo Web Sitesi Düzeni Malzeme Tasarımı Örneği Toplu iğne

GrandPad Android Uygulaması – Yeniden Tasarım

Bu, GrandPad'in Android yardımcı uygulamasının yeniden tasarımıdır. Bu iOS uygulaması yeniden tasarımı, Malzeme Tasarımının esnekliğinden ve yeni Genişletilmiş FAB malzeme bileşeninden yararlanır.

23 GrandPad Android Uygulaması - Yeniden Tasarım Toplu iğne

Hizmet: Grafik

Materyal tasarımı, kullanıcılar için iyi tasarımın temel ilkelerini sentezleyen ve modernize eden bir görsel dil oluşturur. İşte tam da bunu yapan bir simge grafiği örneği.

24 Servis- Grafik Materyal Tasarımı Örneği Toplu iğne

Cüzdan Tasarımı

Uygulamalarda kullanılan Materyal tasarımında, menüler genellikle bir düğmeyle etkileşimde görünür ve ardından bir seçenekler listesi görüntüler. İşte buna harika bir örnek!

25 Cüzdan Tasarımı Malzeme Tasarımı Örneği Toplu iğne