Muhteşem web siteleri oluşturmak için negatif alan nasıl kullanılır
Web siteleri ve uygulamalar, yan yana yaşaması gereken her türlü görsel öğeye sahiptir – düğmeler, sütunlar, simgeler, görüntüler, satırlar, medya ve tipografi. Tüm bu öğeler tuval gerektirir (boş web sayfaları) ve tuval boş alan, yani negatif alan veya beyaz alan gerektirir. İzleyicinin gözleri onsuz gördüklerini işleyemez. YouTube kanalımıza abone olun Negatif alan nedir? Pozitif alan, konularla veya diğer odak noktalarıyla dolu çalışmanın bir parçasıdır. Negatif alan gerisini alır. Belki boş veya beyaz, renk veya tasarımda kontrast, pürüzsüz arka plan görüntüleri – ne olursa olsun, boş veya dağınık değil boş hissedilir. Bununla birlikte, negatif alan boş olduğu için, önemli olmadığı anlamına gelmez – pozitif alana dikkat çeker ve bazen farklı bakıldığında bile pozitif bir alan haline gelir.
Negatif boşluk negatif alanlarına – ve bunların eşdeğer, pozitif alanlarına – örnekler, web tasarımı da dahil olmak üzere her türlü sanat ve tasarımda bulunur. FedEx logosuna bakalım. Mor ve turuncu harfler görüyorsunuz, değil mi? Ancak, beyaz odada orada oklar var:
Aktif negatif alan Vs. Pasif olarak aktif negatif boşluk, sayfanın yapısına katkıda bulunur, içerik akışını artırır ve kullanıcıyı istediğiniz yere yönlendirir. Pasif negatif alan, web sitelerinin görünümünü artırır, ancak kullanıcıları belirli akışlarda hareket ettirmez. Alan ortada ve asimetrik olmadığında, genellikle aktiftir. Dengeli ve simetrik olduğunda, genellikle pasif – daha az hareket, kullanıcıları belirli bir şekilde görmeye zorlamaz. İşte aktif bir negatif alan örneği: Ve bu pasif bir negatif alanın bir örneğidir: Negatif alan ve kompozisyon Negatif alan, çeşitli nedenlerden dolayı kompozisyon için önemlidir: Orantılı kalmak için kompozisyondaki alanı görmeniz gerekir. Bu aynı zamanda bir tasarımdaki farklı nesneler arasındaki ilişki ile oynamanızı sağlar.
Bir web tasarımında, sayfanızdaki insanları korumak için önemli bir rol oynayabilir. Elementlerin etrafındaki alanların sayısı, öğelere ne kadar odaklanmanın daha fazla odak anlamına geldiğini belirler.
Ne kadar olumsuz ve pozitif alanın doğru dengesini seçmek, ne kadar olumsuz ve pozitif alan hedeflediğiniz görünüme ve izleyicilere göstermek istediğinize bağlı olacaktır.
Estetik bir tasarım istiyorsanız, aynı kısımla negatif ve pozitif bir alan kullanabilirsiniz.
Kasıtlı olarak sert ve minimalist görünen tasarımlar için daha fazla negatif alan kullanacaksınız.
Güçlü ve hemen görünür görünmek için daha olumlu bir alan seçebilirsiniz.
Tasarımcılar, marka ve web sitesinin amacı için doğru dengeye ulaşana kadar alanla oynamalıdır. Bir sayfaya çok fazla bilgiyi sıkmanız gerektiğinde, negatif alana sahip çok sayıda metinle web sitelerini temizlemek, negatif alanın nereye karmaşık hale geleceğini öğrenin – özellikle de bilgi çok fazla dağınık görünebilen çok fazla metin ise. HostingDude, çok fazla olumlu alanın iyi bir örneğidir:
New York Times ise ana sayfalarını gözlerinizi deli etmeden haberleriyle paketlemenin bir yolunu buldu ve hepsi alan (ve renk seçimleri) sayesinde. Makro alanı için fazla yer olmamasına rağmen, mikro alan kullandılar:
HostingDude’deki unsurlar birbirine daha yakın olsa da, New York Times web sitesindeki unsurlar aralarındaki ekstra alan sayesinde birlikte görülüyor. Gözün sayfayı anlamak için daha kolay bir zamanı var, bu da ona daha eksiksiz ve uyumlu bir tasarım sağlıyor. Göz dinlenme fırsatı olduğunda, gördüklerini daha iyi kabul edebilir. Negatif uzay daha az olduğuna inanıyor. Negatif alanlarla metinleri desteklemek, tasarımcıların nasıl estetik ve tam metin sayfaları yapabileceğini gördünüz, ama daha uzun metin bloğunun kendisi ne olacak? Kısa paragrafları uzun bir paragrafla birleştirmek, kalın bir gölgelik ile birleştirmek, bir liste yapmak ve makaleler boyunca medya eklemek, kelimenin etrafında negatif alan oluşturmaya yardımcı olur ve okuyucu için daha ilginç hale getirir. Kopyalarda bile önemli bir görünüm ve büyük tasarımcılar bunu düşünüyor. Müşteriler için negatif alan noktasını açıklayın Web sitesi tasarımcılarının olumsuz alanlar hakkında müşterilerle çatışabileceği. Müşteri, para kazanan önemli bilgileri sıkmak için daha fazla alan görür. Boş alanın boşa harcanan bir alan olduğunu düşünüyorlar. Tasarımcılar ise, gözün mevcut bilgileri tamamen emmesi için ihtiyaç duyduğu görsel molaları görüyorlar. Web sitesindeki tüm alanların önemli, hatta içerik içermeyen içerik olduğunu biliyorlar.
Mockup aracı ve prototipleme işleminin yararlı olduğu yer burasıdır. Müşterilere web sitelerinin iki versiyonunu gösterin, biri hoş sayıda negatif alan ve diğeri pozitif alana sahip. Web sitesini yan yana görmelerini isteyin ve onlarla oynamalarını isteyin. Tahminimce, iyi tasarlanmış ve kötü tasarlanmış sitede kaybolmuş hisseden web sitesinde kolayca gezinecekler. Way Web Sitesinin birçok farklı unsuru vardır ve bu öğelerin uyum içinde yaşamasını ve izleyicileri çekmesini istiyorsanız, etrafında boş alana ihtiyacınız vardır. Kullandığınız boş alan miktarı ve nasıl çalıştığı (a) marka görüntülerinize ve (b) kullanıcıyı yapmak istediğiniz işlemleri yapmak için. Ayrıca, cazip veya çarpıcı bir şekilde tanımlamak için renkleri döndürme veya negatif alanlarla çizim gibi beyaz alanla yaratıcı olabilirsiniz. Ne olursa olsun, beyaz alan dengeli hissetmelidir – bu her zaman simetrik anlamına gelmez. Bunun yerine, bu, öğenin birbirleriyle rekabet etmeden ve istediğiniz dikkati çekerken sayfada olduğu anlamına gelir. İzleyiciler için denge, web sitelerini karıştırmadan veya bunalmadan görebileceğiniz anlamına gelir. Web sitenizde beyaz boşluk ile deney yapın. Biraz ekleyin, biraz çıkarın. Makrosu azaltın ve mikro ekleyin veya tam tersi. Belirli öğelerin çevresindeki ne kadar veya daha az boş alanın kullanıcıları harekete geçmeye teşvik ettiğini test edin. Beyaz alanın güzelliği sanatsal bir tekniktir, yani zor ve hızlı kurallar yoktur. Seyahat web siteleri tasarlamak?
