Hamburger ve Mega Menü Kombinasyonu Tasarım Trendi

Hamburger ikonları her yerde. Bizden yakın zamanda ayrılmak gibi bir niyetleri olmadan kendilerine bir niş açtılar. Nefret et, sev - sadece onunla ilgilen. Gerçek dünyaya çok benzer şekilde, hem web hem de mobil arayüzler de dahil olmak üzere çevrimiçi genişlemeler, lezzetli ve karşı konulmaz abur cuburlara sahiptir.

Beş yıldan fazla bir süre önce web'i kasıp kavuran ve geliştirici ve tasarımcı topluluklarında bazı karışık duygular uyandıran hamburger düğmesi, herkes tarafından tanınan ve günlük olarak kullanılan geçerli bir çözümdür. Evet, artıları ve eksileri var. Her proje bundan fayda sağlayamaz. Sonuç olarak, aşırı kullanıldığında veya akılsızca kullanıldığında projenizi hasta edebilecek bir abur cubur kısmıdır. Buna rağmen büyük liglere kadar yükseldi.

Dahası, olgunlaşması ve büyümesi zaman aldı. Erken yaşlarda, hamburger düğmeleri esas olarak ultra dar sürgülü panellere bağlandı. Genellikle sadece gerekli bağlantıları ve bazen de sosyal simgeleri içerdiler, çoğunlukla mobil arayüzleri takip ettiler ve minimalist yaklaşımlarını takip ettiler. Bu günlerde, hiçbir zaman kanıtlanmış diğer navigasyon tekniklerinden ödün vermemektedir.

Bunu pratikte canlı bir şekilde kanıtlamak için, hamburger ikonunun çiğneyebileceğinden daha fazlasını ısırdığı ve sınırları ileriye taşıdığı on muhteşem örneği topladık. Perde arkasına saklanıyor – sadece normal bir menü değil, aynı zamanda süper mega menü. Sonunda, emrinde tam bir ekrana sahip. Öyleyse, neden bundan faydalanmıyorsunuz ve ziyaretçilere mümkün olduğu kadar çok yol gösterici nokta sunarak konaklamalarını keyifli ve verimli kılmayasınız?

prima linea

Dikkate alınacak ilk örnek Prima Linea'dır. 30 yıllık geçmişe sahip bir mobilya markasıdır. Bu nedenle, web sitelerinin kucaklayacak ve ortaya çıkaracak tonlarca materyale sahip olması şaşırtıcı değil. Sonuç olarak, gezinme menüleri (küçük hamburger simgesinin arkasına gizlenmiştir), kişiler veya blog gibi yalnızca tipik bir menü öğeleri listesinden oluşmaz. Ayrıca, her kategoriye uygun görsel malzemenin eşlik ettiği bir ürün yelpazesini de gösterir.

Ravensbourne

Prima Linea'nın menüsü, Ravensbourne'da sunulan navigasyon bölümüne kıyasla çocuk oyuncağı gibi görünüyor. Üniversitenin web sitesinin arkasındaki ekip her şeyi kapsamaya çalışıyor gibi görünüyor. Ekran üç parçaya bölünmüştür. İlki, klasik bir blog tarzında düzenlenmiş temel şeylerin ve bağlantıların kaydırılabilir listesini görüntüler. Diğer ikisi, sol tarafın ana bağlantıları gösterdiği ve sağ tarafın sözde açılır kısmı göstermek için kullanıldığı ortak mega menüyü temsil eder. Burada bir sürü veri olmasına rağmen, her şey iyi ve düzenli görünüyor.

Büyük köpek

Big Dog'un arkasındaki ekip, navigasyonun bağlamsal ve görsel kısmı arasında bir denge kurar, ancak yine de tüm boş alanı kaplar. Bu sefer bölüm ikiye ayrılıyor. İlk bölüm bir klasiktir: Yalnızca birincil bağlantıları ve sosyal medya simgelerini içerir. İkinci bölüm, ustaca sunulan portfolyo parçalarının yardımıyla etkilemeyi amaçlamaktadır.

Nesne

Object studio'nun yaratıcıları da navigasyon bölümünde görsel malzeme kullanmaya oldukça takıntılı. Hamburger butonu sadece bir ekranı değil, tüm sayfayı gösteriyor. Dört ana bağlantı ve en iyi portföy öğelerinin iki satırını içerir. Hedefi hemen vurmayı ve bazı gerçek şeylerle müşterileri kazanmayı hedefliyorlar.

Blab Stüdyo

Navigasyon ekranındaki görsellerin size ve ziyaretçilerinize fazla geldiğini düşünüyorsanız, Blab Studio size uygun bir alternatif sunuyor. Gezinme bölümünde her şey metin yoluyla sunulur. Ancak bu, bayat ve sıkıcı olduğu anlamına gelmez. Aksine, tasarımcılar her şeyin heyecan verici ve ilgi çekici görünmesini sağlamayı başardılar. İyi düşünülmüş kutu gibi estetik, cesur tipografi ve bol temiz hava burada hile yapıyor.

Chadwick Tasarımları / Blumen & Pflanzen

Chadwick Designs ve Blumen & Pflanzen, geleneksel mega menü çözümlerini tercih ediyor. Her biri bir dizi bağlantıyı kapsar. Her ikisi de klasik yapıya güveniyor: Kaostan düzen yaratan ve tüm menü öğelerini organize bir şekilde sunan sütun düzeni. Ayrıca renk ve arka plan seçimi de dikkate değer. Chadwick Designs ve Blumen & Pflanzen, büyük ölçüde siyah-beyaz renk düzenine güveniyor ve böylece uygun düzeyde okunabilirlik sağlıyor. Bu, her şeyin temiz ve düzenli görünmesini sağlar.

minipreco

Yukarıda belirtilen tüm bu metin tabanlı gezinmeler sizin için uygun değilse, bir dengeye ulaşmak için her zaman metin ve görüntüleri karıştırıp eşleştirebilirsiniz. Bu teknik, ziyaretçileri çok sayıda görsel malzemeyle boğmayacaktır. Ama aynı zamanda her şeyin sıkıcı görünmesini de sağlamaz. Minipreco'nun arkasındaki ekip, herkesi memnun etmeye çalışanlardan biridir. Gezinme menüleri, bölümü eğlenceli ve ilgi çekici hissettiren bir başlık ve ilgili simge eşleştirmesi kullanır. Çözüm basit. Biraz ilkel ama yine de göz alıcı.

De Haaien / Octoplus

Burada daha önce bahsedilen örnekler, mümkün olduğunca fazla veri toplayarak kaosu kucaklamaya çalışıyor. De Haaien ekibi, kısa bir menü, adres, sosyal bağlantılar ve bir harita ile bu günlerde web sitelerinin çoğunda görmeye alıştığımız standart bir altbilgi alanı alıyor. Bunun yerine, bunların tümü gezinme bölümüne taşınır. Çözüm temiz, temiz ve doktorun sipariş ettiği şey.

Navigasyonda hala grafiklerden kaçınmaya ve her şeyi hafif, ciddi ve muhafazakar yapmaya çalışıyorsanız, Octoplus şüphesiz sizin ilham kaynağınızdır. Gezinme ekranları da tipik bir alt bilgi alanından etkilenmiştir. Ancak bu sefer sadece ana menüyü, kişileri ve ekibin okuyucular için hayati olduğunu düşündüğü birkaç bağlantıyı içeriyor.

Güzel şeyler küçük paketlerde gelir

Bir kitabı kapağına göre yargılama. Ve hamburger düğmesinin boyutunun, arkasında saklanan bilgi miktarını belirlediği yanılgısına kapılmayın. Küçük güvercinler harika mesajlar taşıyabilir. Ve hamburger düğmeleri, büyük paketler saklayan ama içlerinde mega menüler olan küçük kuşlar gibidir.

Unutmayın, sizi uzayda hiçbir şey sınırlamaz. Sadece küçük bir yan paneli değil, tüm ekranı ve hatta bir sayfayı kullanabilirsiniz. Tabii ki, güvenli oynayın. Abartılı şeyleri kimse sevmez. Mega menüler her nerede olurlarsa olsunlar mega menüler olarak kaldığından dikkatli olun.