Back

Menü ve ikincil navigasyon

Written by on Çarşamba 12 Nisan 2017

Menü ve ikincil navigasyon
Menü uygulamanızda ikincil navigasyon olarak kullanılır. 7 farklı konsept mevcuttur—her birinin kendi gelişmiş görünüm seçenekleri ile. Bu çeşitlilik sayesinde, GoodBarber 4.0'ün en güçlü yanlarından biri Menü'nün Ana sayfayı tamamlaması ve uygulama içi trafiği en iyi şekilde yönetmesidir.

Bağımsızlık

Menüyü oluşturmak uygulamadaki bölüm sayısından bağımsız olarak yürütülebilir. Menü trafiği yönetmenizi sağlar, bu arada bölümler içerik organizasyonunun yapısında kullanılır. 

Bu ayrım sayesinde, uygulamanızın navigasyonu üzerinde tam kontrol elde edersiniz. Temel giriş öğeleri ana sayfa parçacıklarından mümkündür ve ikincil öğeler Menü üzerinden yönetilir, bu Navigasyon modu olarak da bilinir.

Gelişmiş görünüm

Menü ve ikincil navigasyon
Ürün ekibi ve mühendislerimiz menü kişiselleştirme limitlerinin çoğunu ortadan kaldırdılar. Seçilen Navigasyon modu önemli olmadan, görünüm seçenekleri çeşitlidir. Önceki kurulumla ilgili katılığın kaldırılması pek çok imkanı da beraberinde getirdi. 

Navigasyon modunda 4 öğeyi yönetebilirsiniz: 

Linkler (1) ve kısa yollar (2) varış noktalarına yönlendirir. Varış noktası uygulama içinde veya dışında olabilir. Linkler menü girişinin temel noktalarıdır. Kısa yollar girişin gizli noktalarıdır ve genellikle menünün üstünde veya altında yer alırlar, ayrıca en uygun görünümü sağlamak için aynı hizada da olabilirler.

Başlıklar (3) ve ayırıcılar (4) tasarım öğeleridir. Menüdeki bilgiye öncelik tanımak için de kullanılabilirler. Geçerlilikleri seçilen Navigasyon moduna değişir. 

Tasarım kişiselleştirmesinde daha fazla esnekliğe izin vermek için, navigasyon modları farklı alanlara bölünmüştür.

Üst bilgi (header) menünün üstünde yer alan bölgedir. Kullanıcı profili, logo, kısa yollar ve ayırıcıları bulundurabilir. 

Gövde (body) merkez ve temel bölgedir. Bu boşluğu linkler, başlıklar ve ayırıcılar ile düzenleyebilirsiniz. 

Alt bilgi (footer) altta yer alan bölgedir. Linkler, kısa yollar, kullanıcı profili, telif hakkı bilgisi buraya yerleştirilebilir.

Bu bölgelerde yer alan bilginin dikey ve yatay düzenlemesi kişiselleştirilebilir. Bu ayarlar, projenizi oluşturmaya başladığınızda keşfedeceğiniz diğer ayarlarla birlikte, daha arıtılmış bir tasarıma olanak tanır.

Menü türleri

Menü ve ikincil navigasyon
7 farklı navigasyon modu seçeneğiniz bulunur.

Menü ve ikincil navigasyon
Swipe: navigasyon otomatik olarak gizlidir ve solda açılan bölümde mevcuttur. Swipe pek çok giriş yapılan ikincil navigasyon için idealdir. Masaüstü üzerinde, kalıcı Swipe menüsü görünümü etkinleştirilebilir.

Menü ve ikincil navigasyon
TabBar: 5 link mevcuttur. Eğer menü daha fazla link bulundurursa, geri kalanlar "Diğerleri" altında saklanır. Masaüstü üzerinde, TabBar yatay menüye adapte olur, web uygulamanızın üst bilgisinin parçası olarak.

Menü ve ikincil navigasyon
Slate: navigasyon gizlidir fakat sayfanın solundan veya sağından ulaşılabilir, ayarlara göre değişir. Girişler yalnızca yazı şeklindedir ve liste formatında görüntülenir. Uygulama açılışında Slate görünümünü zorlamak mümkündür.

Menü ve ikincil navigasyon
Grid: Menü gizlidir ve isteğe göre ekranın merkezinde görüntülenir. Görünüm ise, grid modunda çalışır. Grid üzerindeki pozisyon sayısı yapılandırılabilir. Uygulama açılışında Grid görünümünü uygulamak mümkündür. 

Little Swipe: bu menü ikon formatında dikey bir organizasyon ile gizli bir navigasyon sunmak için idealdir. Otomatik olarak gizlidir ve ekranın solundan açılır, küçük bir alanı kapsar. Masaüstü üzerinde, Little Swipe görünümünü uygulamak mümkündür. 

From scratch: bu menüyü istediğiniz şekilde oluşturmak size bağlıdır. Boş bir sayfa ile başlarsınız ve menünüzü tasarlamak için HTML kodu kullanırsınız. Bölümlere linkleri görüntülemek için, uygulamanın dahili linklerini kullanabilirsiniz. Depo alanı menünüzün grafiksel öğelerini bulundurmak için mevcuttur. 

No menu: bazı projeler herhangi bir ikincil navigasyona ihtiyaç duymayabilir. "No menu" uygulamanızın navigasyon modunu devre dışı bırakmak için bir yoldur. Uygulama açıldığında hangi bölümün görüntüleneceğini tanımlayabilirsiniz. Bu Ana sayfa veya diğer bir bölüm olabilir.

Sınırsız tasarım

Yalnızca bir navigasyon modu için kişiselleştirme seçenekleri sayısızdır. Örneğin, aşağıda Swipe menüsü ile mümkün farklı eğilimleri görebilirsiniz.
Menü ve ikincil navigasyon

Ve artık, yaratıcı olma ve kendi menünüzü tasarlamaya başlama zamanınız!

Bonus

Konu ile ilgili üstteki öğretici videodan da yararlanabilirsiniz. Ayarlar > Alt yazı seçeneklerinde Türkçe de mevcuttur ;) 

Çeviren Hazal Çelik



Enter your email address