Mobil Uygulamalarda Materyal Tasarımının Güzel Uygulamaları

Bugünlerde pek çok kişi ilham almak için mobil uygulamalarda Materyal Tasarımının güzel uygulamalarını arıyor.

Evet, Materyal tasarımı geldi ve tasarım tarihini değiştirdi ve son iki yılda mobil uygulama tasarımında oldukça popülerdi ve mobil uygulamalarda çok sayıda güzel Materyal Tasarımı uygulaması var.

Ama ondan önce Material Design'ın ne olduğunu ve neden en popüler ve başarılı tasarım dili haline geldiğini anlayalım.

Malzeme tasarımı nedir?

Material Design, Google tarafından 2014 yılında geliştirilmiş bir tasarım dilidir. Google Asistan'da kullanıma sunulan "kart" motiflerini genişleten Materyal Tasarımı, ızgara tabanlı düzenleri, duyarlı animasyonları ve geçişleri, dolguyu ve aydınlatma ve gölgeler gibi derinlik efektlerini daha özgürce kullanır.

2015 itibariyle, Google'ın Android için mobil uygulamalarının çoğu, Gmail, YouTube, Google Drive, Google Dokümanlar, E-Tablolar ve Slaytlar, Google Haritalar, Gelen Kutusu dahil olmak üzere yeni tasarım dilini uygulamıştı.

Google Play markalı uygulamaların tümü ve daha küçük bir ölçüde Chrome tarayıcı ve Google Keep. Google Drive, Dokümanlar, E-Tablolar, Slaytlar ve Gelen Kutusu'nun masaüstü web arayüzleri de bunu içeriyor.

Web uygulaması kullanıcı arayüzleri için Materyal Tasarımının kanonik uygulamasına Polimer denir.

Standardı yerel olarak uygulamayan tarayıcılar için bir Web Bileşenleri API'si sağlayan bir altlık olan Polymer kitaplığından ve Malzeme Tasarımının görsel öğelerini içeren "kağıt öğeler koleksiyonu" dahil bir öğe kataloğundan oluşur.

Izgara tabanlı mizanpajlara, geçiş efektlerine ve derinliğe odaklanan sistem, kısa sürede Android uygulamalarına da girdi ve sistemi iOS tasarım standardına getirdi.

Materyal Tasarımının İlkeleri

Görsel ipuçları ilham verdi

Google, tasarım felsefesini tanımlamak için "dokunsal gerçeklik" terimini kullanır, çünkü malzeme tasarımındaki yüzeyler ve kenarlar gerçek hayattaki kağıt ve mürekkep çalışmalarından esinlenmiştir.

Bu, kullanıcıların ekranlarındaki dijital arayüzü herhangi bir zorluk yaşamadan görsel olarak anlamalarına yardımcı olur. Gerçeğe dayalı tasarım, ekrandaki nesnelerin tanınmasını ve etkileşime girmesini kolaylaştırır.

cesur estetik

Malzeme tasarımında renk seçimleri cesur ve bilinçli. Göz alıcı renk şemaları, kullanıcıyı deneyimin içine çekmek için temel baskı tabanlı tasarım teknikleriyle birlikte çalışır.

Kullanıcı eylemlerine vurgu yapmak için kasıtlı beyaz boşluk, uçtan uca görüntüler ve büyük tipografi kullanılır. Bu şekilde kullanıcı, ekranındaki arayüzün amacını ve işlevselliğini hızlı bir şekilde anlar.

İlgili Yazı: Mobil Uygulamaların Tasarımında En Yaygın Hatalar

Hareket yoluyla yapılan anlam

Yapay ve mekanik animasyonlar yerine malzeme tasarımında hareket akıcı ve doğal görünüyor. Google, bunu birkaç farklı şekilde yapmanızı önerir:

• Doğal hızlanma ve yavaşlama: Doğal olmayan hareketi önlemek için sayfadaki öğeler düzgün bir şekilde hızlanmalı ve yavaşlamalıdır. Ani kalkışlar, durmalar ve yön değişiklikleri kullanıcı için sarsıcı ve dikkat dağıtıcıdır.
• Görsel süreklilik: Kullanıcının yoldan çıkmaması için iki görsel durum arasındaki geçiş sorunsuz ve zahmetsiz olmalıdır. Bir web sitesi veya uygulama bir sayfadan diğerine geçerken çok fazla zil ve ıslık gereksizdir.
• Hiyerarşik zamanlama: En önemli içeriği içeren öğeler, gözün takip edebileceği en kolay yola yerleştirilerek vurgulanmalıdır. Başka bir deyişle, önemli unsurlara dikkat çekmek önemlidir.
• Tutarlı koreografi: Hareketli öğeler, dikkat dağıtıcı olabileceğinden rastgele geçiş yapmamalıdır. Bunun yerine, mantıklı olan düzenli yollarda seyahat etmelidirler.

Materyal Tasarımı sadece düzen yaratmaz, amaç ve anlam ile düzen yaratır. Google markasının duyusal bir ifadesidir.

Satın alma bulursa, Apple'ın üstün kullanıcı deneyimi üzerindeki görünür tekeline yönelik ilk ciddi tehdit olabilir. Bir iPhone tutkunu olarak, ilk defa Android'in yoluna yan yan bakışlar atmaya başladığımı itiraf etmeliyim.

Materyal Tasarımının zihin uyuşturan özgüllüğü iki gerçeğe bir yanıttır:

• Bir geliştiricinin bir kullanıcı arayüzünü mahvetmesi mümkünse, yapacaklardır.
• İyi tasarımın alternatifi tasarımsızlık değil, kötü tasarımdır.

Şimdi, mobil uygulamalarda Materyal Tasarımının en güzel uygulamalarından bazılarını burada bulabilirsiniz.

Materyal Tasarımını onu yaratanlardan daha iyi kim uygulayabilir? Google Takvim, mobil uygulamalarda Materyal Tasarımının en güzel uygulamalarından biridir. 1.000.000'den fazla indirme ile kesinlikle partiyi sallıyor.

Google Takvim

Yeni başlayanlar için, Google'ın uygulaması sonunda çoğu takvim uygulamasının kullandığı ve fiziksel bir planlayıcının düzenini taklit eden geleneksel skeuomorfik tasarımı ortadan kaldırdı.

Programımızı kağıda yazma ihtiyacının artık bir kısıtlaması yok. Google'ın takvimi size dikey bir düzen verir ve geçerli günü sayfanın en üstüne yerleştirir.

Bu şekilde yalnızca gelecek günleri ve etkinlikleri görürsünüz. Hiçbir şeyin olmadığı günler yoğunlaştırılır ve bu, size yalnızca gerçekte neyin yararlı olduğunu göstermek için deneyimi daha da kolaylaştırır.

Arayüzde yapılan bu tek değişiklik, aynı anda kullanıcının, kullanıcı arayüzünün etraflarında hareket etmesi için deneyimin merkezinde kalmasını sağlar. Biraz paralaks kaydırma yapın ve bunları birleştiren gerçekten harika görünümlü bir uygulamanız olur.

Evernote

Evernote, materyal tasarım konusundaki yaklaşımından dolayı genellikle övülür ve mobil uygulamalarda Materyal Tasarımının güzel uygulamalarının göz alıcı bir örneğidir.

Uygulama, baştan sona güçlü ve tutarlı bir renk şemasına sahiptir ve işlevsel olduğu kadar iyi tasarlanmıştır. Simgeler, bunun bir metin notu, elle yazılmış bir not veya çekeceğiniz bir fotoğraf olup olmadığını net ve verimli bir şekilde belirtir.

Fil simgesi basit ve zariftir; web sitesi, iOS ve Windows 10 uygulamaları da aynı şekilde özenle tasarlanmış ve düzenlenmiştir.

Microsoft Sağlık

Microsoft Health aslında Play Store'daki en iyi örneklerden biridir.

Uygulama, Band fitness takipçisi ile çalışacak şekilde tasarlanmıştır ve tüm istatistiklerinizi düz beyaz simgelerle birlikte basit bir dikey düzende gösterir. Bu başlıklardan birine tıklandığında, panel istatistiklerinizi ortaya çıkarmak için 'açılır'.

Kullanıcı arayüzü, iyi bir uygulama tasarımının ayırt edici özelliği olan gerektiğinde daha derine inme seçeneğine sahipken bir bakışta genel bir bakış elde etmenize izin vermek için harikadır.

Muhteşem: Beni Motive Et

Birçok kişi Fabulous: Motivate Me'nin mobil uygulamalardaki en hassas ve en derinden düşünülmüş Materyal tasarımı uygulaması olduğunu düşünüyor.

Uygulama, net, düz görüntüleri ve cesur renkleri ile yeni malzeme tasarım ilkelerini tüm normal yollarla araştırıyor, ancak aynı zamanda Play Store'daki en çekici animasyonlardan bazılarına da sahip.

Liste, Facebook Live'ın mobil uygulaması olmadan tamamlanmış sayılmaz.

Uygulama, Materyal Tasarımının çok minimal ancak etkili bir örneğidir. Gölgelemeyi tipik olarak görülmeyen bir şekilde kullanır; derinlik sağlamak için karanlık yerine açık gölgeler kullanarak.

Malzemenin temel yönleri olan ikonografi, animasyon ve etkileşim tasarımından ilginç bir şekilde yararlanır.