Kullanıcı Arayüzü Mobil Navigasyonuna 24 Yaratıcı Örnek

Yayınlanan: 2015-12-01

Mobil 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ı.

İçindekiler gizle
Yan menü animasyonu
Seyahat Uygulaması
Fantezi Ligler Uygulaması
TV Freak Yan Menüsü
listeleyici
Moda Uygulaması – Kullanıcı Zaman Çizelgesi
VeLx – Lizbon
Mobil Açılır Kaydırıcı
Güzel Kullanıcı Arayüzü Düzeni
Görev Takibi
Mobil Portföy Konsepti
yan menü ios
Emlak şirketi mobil sitesi
Toplu Taşıma iPhone Uygulaması
BFC İş Ortakları Mobil
Volkan Uygulaması (Katlanmış menü)
GIF: Menü animasyonu
iOS Uygulaması için Bağlam Menüsü
Gizli bakış #3'ü bulmak için
Alıntılar uygulaması (Sketch freebie)
Menü Konsepti
Menü kaydırıcı/besleme ekranı
Web uygulaması [WIP]
Bahçe Uygulaması Konsepti

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

Yan menü animasyonu UI Mobil Navigasyon Toplu iğne

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ı

Seyahat Uygulaması Kullanıcı Arayüzü Mobil Navigasyon Toplu iğne

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ı

Fantezi Uygulaması Kullanıcı Arayüzü Mobil Navigasyon Toplu iğne

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ü

TV Menüsü Kullanıcı Arayüzü Mobil Navigasyon Toplu iğne

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

Lister UI Mobil Navigasyon Toplu iğne

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

Moda UI Mobil Navigasyon Toplu iğne

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 Mobil Navigasyon Toplu iğne

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ı

Mobil Açılır Kaydırıcı Toplu iğne

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

güzel Mobil Navigasyon tasarımı Toplu iğne

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

Görev İzleme Mobil Navigasyon Toplu iğne

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

Mobil Portföy Konsepti Toplu iğne

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

yan menü ios Toplu iğne

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

Gayrimenkul Mobil Navigasyon Toplu iğne

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ı

Toplu Taşıma iPhone Uygulaması Mobil Navigasyon Toplu iğne

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

BFC İş Ortakları Mobil Toplu iğne

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ü)

Volkan Mobil Navigasyon Toplu iğne

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

GIF Menüsü animasyonu Toplu iğne

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ü

Mobil Navigasyon iOS Uygulaması Toplu iğne

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

Gizlice göz atmak için Mobil Navigasyon Toplu iğne

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)

Teklifler Mobil Navigasyon Toplu iğne

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

Menü Konsepti Toplu iğne

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ı

Menü kaydırma ekranı Toplu iğne

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]

Web Mobil Navigasyon Toplu iğne

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

Bahçe Uygulaması Konsepti Mobil Navigasyon Toplu iğne

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.