Nefes Alacak Yer: Kahraman Alanında Boşluk Kullanımı

Geliştiriciler genellikle abartılı çözümlere kafayı o kadar takarlar ki bazen kendilerini kaptırırlar – en basit şeylerin bir arayüzü nasıl daha iyi bir yer haline getirebileceğini unuturlar. Böyle bir örnek boşluktur.

Yaratıcılar her zaman uygun kredi vermezler. Ancak, içeriğe öncelikli olarak odaklanan rahat bir kullanıcı deneyimi oluşturuyorsanız, boşluk sizin arkadaşınızdır. Hoş bir UX'in arkasında duran ve ziyaretçileri bir web sitesinde kalmaya teşvik edendir. Kaostan düzen yaratır ve her şeyi yerine koyar. Görsel yolların oluşturulmasına ve önceliklerin belirlenmesine yardımcı olur. Perdelerin arkasındaki tüm ağır işleri yapıyor.

Bu argümanlar kulağa banal gelebilir. Bununla birlikte, makul ve uzun bir deney geçmişine dayanıyorlar. Uygun miktarda temiz hava olmadan, kullanıcılarınız klostrofobik hissedecektir. Genel deneyim, zevkten yoksun olacaktır.

Tabii ki, boşluk her zaman boşluk olacaktır. Onu akıllara durgunluk veren bir animasyona dönüştüremezsiniz - bu sadece boş bir alandır. Ancak bu, tasarımla ilgisi olmadığı anlamına gelmez. Aksine ayrılmaz bir parçasıdır.

Bugün size beyaz boşluğun içeriği diğer her şeyden ustaca nasıl ayırdığını ve genel estetikte önemli bir rol oynadığını göstereceğiz. Büyük, düzenli boşluklar olarak sunulan çok sayıda boşluk içeren bazı tasarımları inceleyelim.

Ne Aradığımız

Beyond Theory veya Heartbeat Labs gibi kahraman alanları haklı olarak geniş olarak adlandırılabilecek daha geleneksel tasarımlardan kasıtlı olarak uzaklaşacağız.

Karşılama bölümleri, yalnızca slogan, gezinme ve boşluk gibi hayati unsurlardan oluşur. Şüphesiz, temiz hava ile doldurulurlar. İkisi de net görünüyor. Ve sloganları anında dikkat çekiyor. Ancak, boşluk kullanmanın başka karmaşık yolları da vardır. Bu nedenle, yalnızca akıllıca organize edilmiş boşlukların gösteriyi yürüttüğü arayüzleri ele alacağız.

Olio Intini

İncelenecek ilk örnek Olio Intini'dir. Tasarım ekibi yalnızca içeriği göstermenin ötesine geçer. Normal kahraman alanını bir resim ve sloganla aldılar ve her iki taraftaki büyük boşluklardan biraz yardım alarak olağanüstü görünmesini sağladılar. Bu boşluklar, herkesin dikkatini kolayca ekranın orta kısmına yönlendirir ve tasarıma karmaşık bir çekicilik katar.

Kutup Ayıları Havuzları

Olio Intini, sol ve sağ kenar boşlukları ilk başta kalın ve çok büyük görünse de, boşluk ve içerik arasındaki denge için mükemmel bir astardır. Kutup Ayıları Havuzları da benzer bir örnektir.

Web sitesinin tasarımının arkasındaki ekip aynı rotaya bağlı. Sağda ve solda büyük boşluklar var. Ancak bu durumda, görüntü tabanlı bölüm önceki örneğe göre daha fazla yer kaplar.

Bununla birlikte, hile hala çalışıyor. Dahası, kutulu yapının, sınırları çizilmiş bloklar halinde dikkatlice düzenlenmiş cömert miktarda boşlukla buluştuğu yer burasıdır. Sonuç olarak, kahraman alanı harika görünüyor. Büyük boşluklar, genel estetiğin ayrılmaz bir parçasıdır.

Arşiv Grafiği / Azura

Archi Graphi ve Azura, devasa boşlukların dikey ritimle tasarımlara doğal olarak nasıl karıştığını gösteriyor. Her ikisinde de modaya uygun dikey metin içeren kahraman alanları bulunur; ve Azura'nın arkasında dikey çizgiler bile var. Üst başlıkta bir yığın beyaz boşluk olduğunu unutmayın. Bu numara, doğal olarak Archi Graph'taki logoyu ve Azure'da CTA ile navigasyonu ön plana çıkarıyor. Ana ekranlar dengeli, bilgilendirici ve görsel olarak çekici.

Tappezzeria Novecento / Gucci Hediyesi

Önceki örneklerde, büyük boşluklar genel tasarımı güçlendirerek mükemmel bir ekleme rolü oynuyor. Ancak Tappezzeria Novecento ve Gucci Gift örneğinde bunlar sadece bir gereklilik.

Tappezzeria Novecento'daki kahraman alanı içerik açısından yoğun. Uygun miktarda boşluk olmadan, bilgilendirici baskısı ile kullanıcıları korkutacaktır. Tasarım ekibinin boşluklarla nasıl ustaca oynadığına dikkat edin. Düzen asimetriktir, ancak bu onun lehine çalışır. Tasarım orijinal hissettiriyor, ancak bununla ilgili görkemli bir şey yok - sadece içerik, grafik ve boşlukların ustaca bir kombinasyonu. Sadece ustaca.

Gucci Gift'e gelince, izleyiciler, her taraftan uygun miktarda boşluk olmadan web sitesinin etkileşimli bölümünün keyfini çıkaramayacaklar. Burada, merkezdeki görüntülerin arkasında yatan interaktif tuvali göstermek için büyük boşluklar gereklidir. Kullanıcılara arka planla oynayacakları gerçek bir yer sağlarlar.

Mil / Kolaps

Gerçekten muazzam boşlukları tercih ederek daha da fazla alan eklemeye ne dersiniz?

Bunun çok fazla olduğunu düşünüyorsanız, Spindle ve Kolaps'a bir göz atın. Harika görünüyorlar. Tüm estetiğin yanı sıra ilk izlenim, bu devasa boşluk miktarına güveniyormuş gibi geliyor.

Spindle'ın arkasındaki ekip bize minimalizmin modern yaklaşımını gösteriyor. Kahraman alanı, nispeten küçük resim, dikey gezinme ve metin tabanlı logo ile ilgilidir. Düzgün, net ve orijinal görünüyor.

Kolaps'ın arkasındaki ekip, üst düzey animasyon ve boşlukların simbiyozundan yararlanıyor. Bu ikisi birbirini mükemmel şekilde tamamlar.

Basımlar – Jordan Sowers

Büyük boşlukları benimsemeye ilişkin önceki iki örneğin ardından, Editions – Jordan Sowers'ın arkasındaki ekip, sol ve sağ taraflarda inanılmaz derecede büyük boşluklar kullanmayı tercih etti. Yine de, çözüm çirkin görünmüyor. Cesur görünebilir, ancak şüphesiz ilgi çekicidir. Asla yeterli boş alana sahip olamazsınız gibi görünüyor.

Jordan Sowers'ın portföyünün kahraman alanı ferah ve minimalist bir his veriyor. Portföy çalışmalarını haykırarak, genel dikkati sayfanın kalbine doğru çekiyor.

Çok Temiz Hava

İlk izlenim bırakmak giderek daha hayati hale geliyor, kimse bununla tartışmıyor. Ancak, sırada ne var? Sadece görkemli bir kahraman alanında hayatta kalamazsınız.

Uzun vadede, içerik bir kraldır ve onu sunma şekliniz daha da önemlidir. Boşluk, tahta çıkmasına yardımcı olur. uygun bir çevreyi yeniden yaratmak. Ve boşluk kullanmanın sıkıcı olduğunu düşünüyorsanız, çözümü her zaman biraz bükebilirsiniz. Aynı göreve hizmet eden ancak daha heyecan verici bir etki yaratan büyük, iyi organize edilmiş boşlukları deneyin ve kullanın.