Yolun Dışında: Web Tasarımında Köşe Gezinme

Yayınlanan: 2020-08-15

Köşe navigasyonu bir süredir bizimle. Popüler çevre navigasyonundan ortaya çıkan küçük bir trend. Bununla birlikte, öncekinden farklı olarak, içeriğe daha fazla yer vererek daha az masif ve daha zarif görünüyor.

İlk izlenimi yaratmak için kullanılan günümüzün kahraman alanlarına çok iyi uyuyor. Köşeleri işgal ederek, ön plana çıkan savurganlıkla karşı karşıya gelme riskini en aza indirir. Ve yine de – tüm bunlarla birlikte, kullanıcılara web sitesinin iç dünyasını keşfetmek için uzaklaşmak veya ilerlemek için hızlı bir yöntem sağlar.

Çözüm çok esnektir. Herhangi bir kısıtlaması veya tercihi yoktur. Çeşitli stil ve kombinasyonlarda gelir. Birden çok entegre bileşeni karıştırıp eşleştirebilir, bunları ekran boyunca dikkatlice dağıtabilirsiniz. İlham almak için bu harika örneklere bir göz atın.

Alfa Mavi Okyanus

Tüm modern kahraman bölgelerine yakışır şekilde, Alpha Blue Ocean'ın karşılama alanı, dikkatleri üzerine çekmek ve proje için iş havası yaratmak için atanmış dinamik bir parçayı da içeriyor. Navigasyon burada ikincil bir rol üstlenirken, cömert miktarda beyaz alan ve beyaz renk ile koyu mavi arka plan arasındaki mükemmel kontrast sayesinde öne çıkıyor. Doğal olarak göze çarpıyor.

Dikkat edin, ilk bakışta sadece köşeleri kaplıyor gibi görünüyor. Bununla birlikte, metnin ve gliflerin ince görünümü nedeniyle, sol ve sağ tarafı almayı başarırlar ve okuyucuları ezmezler. Böylece, sol taraf ana sayfada gezinmeyi sağlarken, sağ taraf bir logotype, hamburger nav ve sosyal medya paketini içerir.

Alfa Mavi Okyanus

oyuncu yapımcısı

Playermaker'ın arkasındaki ekip de kornerleri kendi avantajlarına kullanıyor. Etkileyici fotoğraf arka planları için fazladan alan kazandılar. Burada, harekete geçirici mesaj, logo tipi, akıcı navigasyon ve sosyal medya profillerine bağlantılar gibi ilk ekrana özgü tüm unsurlar, ilgili dört köşede yer almaktadır.

Geleneksel beş öğeli navigasyonun konumuna dikkat edin. Ekranın sol alt tarafında bulunur. Oldukça sıradışı, ancak ilham verici ve canlandırıcı hissettiriyor. Çözüm, olağanüstü bir şey yapmadan genel estetiğe küçük bir dokunuş katıyor. Temiz ve akıllı.

oyuncu yapımcısı

Neundlinger

Önceki iki örnekte olduğu gibi, Neundlinger de köşe tipi gezinmeyi tercih ediyor - ana ekranı sıradan görünmekten kurtarıyor. Burada soldaki menüye ustaca uygulanan modaya uygun bir dikey ritmi görebilirsiniz.

Kaydırıcının kontrolörleri güneş altında tam doğru açıyla yerlerini alırlar. Logotype ile eşleştirilen navigasyonun tüm öğelerinin tek bir alan oluşturduğuna dikkat edin. Veya daha kesin olmak gerekirse, bir çerçeve. İkincisi, kaydırıcıyı görsel olarak sınırlar ve ona daha fazla odaklanma sağlar. Burada köşe navigasyonu, kutu şeklindeki estetiğe ideal bir şekilde uyum sağlar.

Neundlinger

Hot2Be

Hot2Be'nin arkasındaki ekip, çok fazla fedakarlık yapmadan genel navigasyonu geliştirdi. İzleyicileri için yararlı buldukları bazı ek bağlantıları göstermek için boş köşeler kullandılar. Böylece, sol alt köşede sosyal medya simgeleri yer alırken, sağ alt köşede ziyaretçilerin varlığını keyifli ve rahat kılmak için müzik çalar kontrolleri yer alıyor.

Logotype ve dil değiştirici tam olarak olması gereken yere oturur. Ekranın üst kısmı alt kısımdan daha masif gibi görünse de belli bir uyum hissi var. Burada navigasyon, tüm hayati kaçış yollarını etkili bir şekilde kapsar ve yine de şık görünür. Ve en önemlisi, göze batmıyor.

Hot2Be

Kurt ve Balina

Wolf and Whale, köşe navigasyonunun çevre navigasyonuyla sınırlandığı ve oldukça etkileyici bir sonuç ürettiği bir örnektir. Sadece köşeleri değil, aynı zamanda sağ ve sol taraflarda da biraz yer kaplar, ferah ve zorlamaz bir his verir.

Burada organizasyonel bir uyum ve düzen hissedebilirsiniz. Sanki her şey yerli yerinde. Tasarım temiz, düzenli ve akıllıdır. Navigasyon da öyle. Düzeni ve şıklığı ile bir eldiven gibi oturur. Ayrıca, burada ustaca yerleştirilmiş odak noktalarına dikkat edin. Okuma yolu, “tasarım” kelimesiyle başlar, daha sonra eserlere giden geri bağlantıdan geçer ve sağ alt köşedeki harekete geçirici mesaj düğmesiyle biter. Akıllı.

Kurt ve Balina

Neal Ymar

Neal Ymar'ın resmi web sitesinin arkasındaki ekip, kutulu yapılarla karmaşık bir oyuna büyük ölçüde güveniyor. Ve çözüm kesinlikle karşılığını veriyor. Kahraman alanı harika görünüyor. Yalnızca ilkel kareler ve dikdörtgenler söz konusu olsa da ayrıntılı ve sofistike bir his veriyor.

Köşe navigasyonu onunla mükemmel bir şekilde gider. Çevreyi tamamlar ve temanın eksiksiz görünmesini sağlar. Ve tüm bunlarla birlikte, tüm unsurlarına bir önem duygusu vererek kendi adına konuşmayı başarır.

Neal Ymar

Oropress

Oropress, minimalizm göz önünde bulundurularak yapılan her şeyin mükemmel bir örneğidir. Kahraman alanı inanılmaz derecede geniş, düzenli ve temiz. Takım sadece ayrılmaz unsurları seçti. Ancak her şey ilk bakışta göründüğü kadar ilkel değildir; ve sayfanın kalbindeki paralaks tabanlı slogan bunun bir kanıtıdır.

Burada minimalizm bir sonraki aşamaya taşınmış ve bir savurganlık rolü oynamıştır. Yalnızca temel öğeleri kapsayan ve dört yerine yalnızca üç açıyı kaplayan köşe navigasyonu, web sitesinin ideolojisiyle buluşarak genel estetiğe katkı sağlıyor.

Oropress

Romain Avelle

Romain Avalle'nin kişisel portföyü, sahibine fayda sağlamak için uygulanan minimalist yaklaşımın bir başka örneğidir. Önceki örnekte olduğu gibi, aynı zamanda bir ton beyaz boşlukla süslenmiş klasik siyah beyaz renk şeması üzerine inşa edilmiştir.

Burada sanatçının adının baş harfleri, izlenim bırakan eğlenceli bir unsur olarak hizmet ediyor. Köşe navigasyonu, işler için bölümlere ve bir logo ile birlikte bir iletişim sayfasına götüren sadece iki geri bağlantı içerir. Şüphesiz karışır. Temayı verimli bir şekilde desteklediği ve projenin tonunu güçlendirdiği için buradaki tek doğru çözüm gibi geliyor.

Köşe Ofis

Köşe navigasyonu birçok durumda kullanışlıdır. İster geleneksel yapıya sahip bir web sitesi ister modern bir web sitesi olsun, durumu iyileştirmenin ve genel deneyime katkıda bulunmanın yolunu kolayca bulacaktır.

Göze batmayan, düzenli ve zarif görünümü sayesinde, kahraman alanlarının her şeyi kendileri yapmayı amaçlayan karmaşık konseptlerle dolu olduğu web siteleri için ideal bir ortak olur. Böyle bir ortamda köşe navigasyonu doğal olarak kenara çekilir. Yine de çevrimiçi ziyaretçilere yardımcı bağlantılar ve temel ağ geçitleri sağlar.