Kullanıcı Arayüzü Mobil Navigasyonuna 24 Yaratıcı Örnek
Yayınlanan: 2015-12-01Mobil navigasyon menüleri çok önemlidir ve tasarımları ve işlevleri kesinlikle uygulamanızın profesyonel görünmesini sağlayacaktır. Aralarından seçim yapabileceğiniz çeşitli stiller vardır: yan menü, hamburger menüsü ve daha fazlası.
Bir mobil navigasyon sistemi için kullanıcı arayüzü tasarlamanın yeni ve benzersiz yollarını mı arıyorsunuz? Başka yerde arama!
İlhamınız için 24 yaratıcı UI mobil navigasyon örneği seçtik. Bu UI mobil navigasyon tasarımlarının farklı stilleri ve renk paletleri vardır ve hatta bazıları animasyonludur!
Bu mobil uygulama animasyonlarının hareket ettiğini görmek için bağlantılarına tıklayın ve orijinal gönderilere gidin. Orada, bu harika uygulama konseptleri için animasyonları oluştururken tasarımcının aklında ne olduğunu görebileceksiniz.
Burada ince gölge efektli hem düz hem de 3D tasarımları bulacaksınız. Ayrıca hem koyu hem de canlı renkli navigasyon sistemi tasarımları bulacaksınız!
Bu UI mobil navigasyon tasarımlarından hangisinin en yaratıcı olduğunu düşünüyorsunuz? Aşağıdaki yorum bölümünde bize bildirin.
Yan menü animasyonu
Bu mobil menü animasyonu, bir yan menünün ve nasıl çalıştığının gerçekten yaratıcı bir örneğini sunar. Bu örnek oldukça hoş ve dikkat çekicidir ve gizli bir sürgülü menü kullanır. Gizli Geçiş, sürgülü çekmece menüsü, hamburger menüsü vb. gibi farklı adlar kullanılarak çağrılabilen duyarlı bir gezinmedir. Bazı iOS uygulamalarına bu tür gezinmenin kullanımını yaygınlaştırmaları için kredi verilir. Bu tasarımı kullanmanın en büyük yararı, arayüzünüze küçük ekranlı mobil cihazlar için oldukça kullanışlı olan dağınıklıktan uzak bir görünüm kazandırmasıdır.
Seyahat Uygulaması
Bu, uçuşlarınızın tüm detaylarını anlatan çok kullanışlı bir uygulamanın tasarımıdır. Gezinme kaydırma yoluyla yapılır. Bu tür navigasyon, daha büyük ekranlı cihazlarda da harika görünüyor ve yakın gelecekte büyümesi bekleniyor. Bu tür gezinmeyi kullanmak, menünün konumuna bağlı olarak içeriğinizi sağa/sola itmenizi sağlar. Bu, bağlantılarınızın görünürlüğünü artırmak için yararlı bir yaklaşımdır.
Fantezi Ligler Uygulaması
Bu Fantezi Ligler Uygulaması gerçekten güzel bir mobil navigasyon tasarımına sahiptir. Bir ekran geçiş menüsü kullanır. Ekrandaki geçişin arkasındaki konsept, Gizli Geçiş menüsünün konseptine benzer. Ayrıca tasarımcıların alanı temizlemesine ve işlerin daha net görünmesine yardımcı olur. Burada tasarımcılar dikey menüyü ekrandaki bir geçişe dönüştürür, böylece daha fazla alan oluşturulabilir ve öğeler kolaylıkla sunulabilir.
TV Freak Yan Menüsü
Bu, son tasarım aşamasına yaklaşan bir yan menü konseptidir. Bu tür menünün anlaşılması, Gizli Geçişe kıyasla daha kolaydır. Tasarımcıların her birinin etrafında oynamasına izin vermesi, bu tür navigasyonu aralarında oldukça popüler hale getiriyor.
listeleyici
Bu, bu tasarımcının üzerinde çalıştığı bir uygulama için yalnızca küçük bir gizli bakış. Birçok sevimli simge ve canlı renkler kullanan samimi bir arayüz tasarımına sahiptir. Simge Menüsü, mobil cihazlar için tasarım söz konusu olduğunda tasarımcıların önünde hala belirli zorluklar olmasına rağmen bu yıl büyümesi beklenen bir başka trend.
Moda Uygulaması – Kullanıcı Zaman Çizelgesi
Gezinme, bir uygulama tasarımının önemli bir parçasıdır ve uygulama tasarımcıları üzerinde büyük bir etkiye sahiptir. Bu yıl ona daha kritik düşünceler getirdi ve benzersiz deneyimler yaratmak için öğelerini daha da geliştirdi. Örneğin, bunun bir moda uygulaması konsept tasarımı olduğuna bakın!
VeLx – Lizbon
VeLx, Lizbon'da harika yerler bulmanızı sağlayan gerçekten güzel bir uygulama. Bu uygulama seyahat etme şeklimizi değiştirmeyi amaçlıyor ve bir kentsel sistem olarak çalışıyor. Bu, uygulamanın nasıl görüneceğine dair gizli bir bakış.
Mobil Açılır Kaydırıcı
Bu bir mobil açılır menü kaydırıcısıdır. Bu tasarımcı, bize bu tasarım konseptini göstermeye karar verdiğinde bazı ilginç UX fikirleri üzerinde çalışıyordu.
Güzel Kullanıcı Arayüzü Düzeni
Adından da anlaşılacağı gibi, bu hoş bir UI tasarım konseptidir. Arayüz samimi ve neşeli görünüyor, seçilen simgeler hoş bir dokunuş ve navigasyon sistemi ilginç ve benzersiz görünüyor.
Görev Takibi
Bu uygulama, kolay bir navigasyon sistemi aracılığıyla hayatınızda faydalı olan her şeyi izlemenize izin verecektir. Tasarımcı, menü sistemiyle oynadı ve ilgi çekici ve anlamlı bir kullanıcı deneyimi yaratmak için ayarlanmış bir kullanıcı arayüzü oluşturdu.
Mobil Portföy Konsepti
Bir mobil portföyün nasıl görüneceğini hiç düşündünüz mü? İşte harika bir örnek! Bu tür navigasyon, sadeliği ve minimalist çekiciliği ile bilinir. Yerel kontrolleri tanımak ve tanımlamak da kolaydır. Bu tür menü ayrıca her tür tarayıcı ve cihazda harika çalışır.
yan menü ios
Dikey gezinme, masaüstü cihazlar için iyi olan yatay olana kıyasla mobil cihazlarda iyi çalışır. Örnek olarak bu projeye bakın! Bu, tasarımcının üzerinde çalıştığı bir uygulamanın ekran görüntüsü. Ayrıca açıklamadaki bir bağlantı aracılığıyla projenin tamamını kontrol edebilirsiniz.
Emlak şirketi mobil sitesi
Bu, bir emlak şirketinin mobil sitesi için bir makettir. Mobil müşterilerini hedeflemek isteyen herkes için dikey gezinme güzel bir seçenektir.
Toplu Taşıma iPhone Uygulaması
Bu uygulama ile toplu taşıma daha kolay çalışabilir. Bu uygulama, İzmir vatandaşlarına ve turistlere bu şehirde gitmek istediğiniz yere en kısa rotaları bulmalarında yardımcı olur.
BFC İş Ortakları Mobil
Bu mobil tasarım konsepti, New York'taki büyük bir inşaat şirketi içindir. Bu projelerin iki versiyonu var. Biri ana sayfa ekinin basit bir açılır navigasyon sistemine sahip olduğu, diğeri ise ana sayfa bağlantıları için alt bağlantıların soldan kaydırıldığı.
Volkan Uygulaması (Katlanmış menü)
Bu, Volcano'nun tasarım konseptinden gizli bir bakış. Sadece navigasyon açısından değil, aynı zamanda yaratıcı bir tasarıma sahiptir! Tasarımcı, uygulamaya göz atarken menü öğelerinin erişilebilirliğini artırmak için farklı ayrıntılarla oynadı.
GIF: Menü animasyonu
Yatay gezinme iyidir, ancak kapsamı yalnızca masaüstüyle sınırlıdır. Mobil cihazlarda iyi çalışmıyorlar. Bir masaüstü yatay menüsünü bir uygulamaya nasıl uyarlayabileceğiniz aşağıda açıklanmıştır. Bu GIF animasyonunda, bu tasarımcının uygulama tasarım konseptini göreceksiniz.
iOS Uygulaması için Bağlam Menüsü
Bu örnekte, yepyeni bir iOS arayüzü için gerçekten güzel bir bağlam menüsü ve ayar tasarım konsepti bulacaksınız. Navigasyon stilini mükemmel bir şekilde tamamlayan ve ona heyecan verici bir çekicilik veren temasını açıkça gözlemleyebilirsiniz.
Gizli bakış #3'ü bulmak için
ToFind bu tasarımcının tasarım projesidir ve bu sadece küçük bir gizli zirvedir. Ekrandaki geçiş menüsü ayrıca alt menüye erişimi kolaylaştırır ve bu da mobil kullanıcıların rahatlığına katkıda bulunur.
Alıntılar uygulaması (Sketch freebie)
Bu tasarımcı, Sketch uygulamasına bir şans vermeye karar verdi ve işte sonuç. Birkaç saatlik çalışmanın ardından, işte gerçekten güzel bir alıntı uygulaması örneği. Açıklama kısmından kaynak dosyalara da göz atabilirsiniz.
Menü Konsepti
Biraz ilham arıyorsanız, onu yeni bulmuş olabilirsiniz. Bu menü konsepti harika görünüyor ve dikey kaydırmalı mobil navigasyonun uygulamalarda nasıl kullanılabileceğini mükemmel bir şekilde gösteriyor.
Menü kaydırıcı/besleme ekranı
Bu menü kaydırıcı harika görünüyor. Bu örnekte, mobil navigasyonda nasıl simge tabanlı bir slayt oluşturabileceğinizi göreceksiniz. Bu, her geçen yıl yapısında daha fazla değişiklik getiren gelişen bir kavramdır.
Web uygulaması [WIP]
Bu ekibin şu anki projesi hakkında ne düşündüğünüzü onlara bildirmekten çekinmeyin. Bu güzel tasarım detaylarına sahip gerçekten güzel bir web uygulaması.
Bahçe Uygulaması Konsepti
Bu tasarım konsepti gerçekten güzel ve bir bahçe uygulaması için mükemmel. Proje fikri oldukça havalı ve işte küçük bir gizli bakış. Bu uygulama, kullanıcıların sebzeler arasında gezinmesine izin verecek ve onları nasıl yetiştirecekleri hakkında yararlı bilgiler sunacaktır.