Öğeler düzenli bir şekilde düzenlendiğinde, alanların akıllıca kullanılması gözümüzü en belirgin alana çeker – olumlu ya da olumsuz. Olumlu boşluğun olumsuz karşıtlara hükmettiği görülmesine rağmen, ikisi de ahenkli, tutarlı ve kusursuz bir şekilde tamamlanmış bir hikaye anlatmak için dengede kullanılır. Fakat web tasarımında mekanlar nasıl bir hikaye anlatıyor?

İnsan beyni, noktaları birbirine bağlamak ve gözlerin gördüğü her şeyi anlamlandırmak için bağlanmıştır. Tasarım, formların ve mekanın bize çeşitli deneyimler yaşatmak için iç içe geçtiği yaratıcı bir alandır. Karşılaştığımız tasarım ne olursa olsun, beyinlerimiz, bu parçayı boşluklarla oynanan temel şekil ve formlardan oluşan daha basit bileşenlere dönüştürmek için bağlanır. Aklımız anılarla doludur ve – deneyimlerimiz sayesinde – kalıpları kolayca tanıyoruz.

Uzay – hem olumlu hem de olumsuz – tasarım öğelerinin birleştirilmesinde önemli bir rol oynar. Sonuç olarak, düzgün bir desen görüyoruz (görmüyoruz). Öğeler düzenli bir şekilde düzenlendiğinde, alanların akıllıca kullanılması gözümüzü en belirgin alana çeker – olumlu ya da olumsuz.

Olumlu alan tasarımın etini veya etini oluşturur; şekilleri, renkleri, desenleri vb. gördüğünüz kısımdır. Diğer yandan, negatif alan arkaplan veya sıralanan beyaz boşluktur (çoğu zaman).

Olumlu boşluğun olumsuz karşıtlara hükmettiği görülmesine rağmen, ikisi de ahenkli, tutarlı ve kusursuz bir şekilde tamamlanmış bir hikaye anlatmak için dengede kullanılır.

Dengeli kompozisyonlarda, tasarımın pozitif kısımları ve negatif alanı birlikte çalışır ve kesintisiz, estetik açıdan hoş bir bütün oluşturmak için birbirini tamamlar. Dengesiz besteler, tam tersine, izleyicide rahatsızlığa neden olabilir ve eksik, oldukça çarpıtılmış bir hikaye aktarabilir.

Fakat web tasarımında mekanlar nasıl bir hikaye anlatıyor?

Alanların ortasında, web tasarımının başarısı ve başarısızlığı fayda ve kullanılabilirlik tarafından daha fazla belirlenir. Sadece tasarım becerileriniz zayıfsa, genel verimliliğin ve web tasarımının sunumunun bozulacağını düşünün. İçerik kraldır, ancak alternatif bir bakış açısına göre, alanlar uygun şekilde kullanılmazsa, içerik web sitenize geçişi üstlenecektir.

Gelişme becerilerinizin gelişmeye başladığını, ancak tasarım becerilerinizin biraz daha iyileştirilmesine ihtiyaç duyabileceğini düşünüyorsanız, ikramiyeye girdiniz. Bu yazıda şunları ele alacağız:

  • Olumlu ve olumsuz mekan ilişkileri, önemi ve uygulaması;
  • Mekanlar ve bilişsel algı arasındaki bağlantı;
  • Gestalt ilkeleri ve web tasarımındaki etkileri.

Ayrıca bazı gerçek dünya web tasarım örneklerini her Gestalt ilkesi ve yaratıcı alan kullanımı ile tartışacağız.

Daha fazla uzatmadan başlayalım.

Olumsuz ve Olumsuz Alanda Pozitif: İlişki, Önem Ve Uygulama

Boşluklar iki ana boyuttan oluşur: pozitif ve negatif. Pozitif, elementtir ve negatif, element değildir. Daha önce de belirtildiği gibi, pozitif nesnedir, negatif geride ihmal edilebilir alandır. Odaklanılan yerin diğeri arka plan olarak işlev görür. Eskilerin hareket ettiği ve motive ettiği yerlerde, ikincisi durağan ve belirsiz kalır. Birinin ay olduğu, diğerinin etrafını saran karanlık gökyüzü.

Web tasarımında, boşluklar bütünsel kompozisyon fikrini korumak için birbirleriyle etkileşime girer. Görsel hiyerarşi, yalnızca iki alan da kontrast ile farklılaştırıldığında ve daha büyük resme eğilim gösterdiğinde yaratılır (yin ve yang’ı düşünün).

Eski Çin felsefesinde bir dualizm kavramı olan “Yin and yang”.

Buluşma noktasında pozitif ile negatif alan arasında ayrım yaparız. Negatif, esas olarak, pozitif çıkıntıyı tamamlayan beyaz boşluk olarak ortaya çıkar.

Olumlu alanın ön plana çıkması görünebilir, olumsuz alan sayısız fayda için eşit derecede önemlidir. Bu faydalardan bazıları:

  • İzlemesi kolay bir görsel hiyerarşi oluşturur;
  • Dikkatin odağını ayarlar ve dikkat dağınıklığını azaltır;
  • Ölçeğin oluşturulmasına yardımcı olur ve odağın daha büyük görünmesini sağlar;
  • Sayfa tarama yeteneğini geliştirir;
  • Sayfadaki akışın doğal görünmesini sağlar;
  • Ek yardımlara ihtiyaç duymadan görsel öğeler arasındaki ilişkiyi açıklığa kavuşturur;
  • Sayfanın dağınıklığına yardımcı olur;
  • Web sayfasının stilini ve görünümünü geliştirir.

Bana sorarsanız tasarımdaki negatif alan o kadar da olumsuz değil. Ancak, her iki alan türü de dengeli oranda kullanıldığında mükemmel performans gösterir. Ne yazık ki, kaos yalnızca biri diğerine hükmettiğinde ve “aşırı kalabalık” veya “eksik” bir izlenim bıraktığında grev yapar. Her iki durumda da, izleyici bu tür karmaşık bilgileri işleyemez ve bu nedenle, web tasarımı için alanı yaratıcı bir şekilde kullanmanın nedeni dağılır.

İşte yanlış yerleştirilmiş içeriğe veya ‘kaos’ alanına sahip bir web şablonu:

Düşünülmeyen “kaotik” alan
Siyah ve beyaz olarak gösterilen uzay uyuşmazlıkları
Alanın orantılı olarak kullanıldığında netliği ve tek biçimliliği nasıl artırabileceğini göstermek için sabit alan
Web tasarımında mekanın etkin kullanımı

Mekan kavramı ve düzenlemesi büyüdükçe, kuşku uyandırmaya başlar.

  • Pozitif alan negatif olanla çevrili mi yoksa negatif alan pozitif olanla mı yutuluyor?
  • Her bir uzay tipinin oranı nasıl belirlenir?
  • Hangisi odak nesnesi olarak onaylanmalıdır?
  • Amaçlanan algınızı izleyiciye iletmek için birini vurgulayıp diğerini tutturmak zorunlu mu?
  • Olumlu ve olumsuz alanların bir araya gelmesi ile “tasarım nirvana” yı nasıl elde ederim?

Bu gibi sorular ancak temel hususların açık bir şekilde anlaşılmasıyla cevaplanabilir. Ve altın kuralına göre: sadelik en iyi politikadır (biz uydurduk çünkü uydurduk!).

Başlangıçta web tasarımının sizin ve izleyicilerinizin bir taşla ya da kelimenin tam anlamıyla iki kuştan daha fazla kuşu öldürmelerine yardımcı olacak basit bir kullanıcı arayüzü oluşturmaktan bahsetti. etkili ve kullanımı kolay – evet, alan kullanımı üzerinde inanılmaz bir güce sahip.

Uzaylar ve Bilişsel Algı Arasındaki Bağlantı

Aklımızda her zaman gizli ipuçları ve mekanlar arasındaki eksik bağlantıları bulmak için bir dedektif oynadığı için, mevcut görselleri bilişsel sürecin bir parçası olarak daha önce deneyimlenenlerle karşılaştırır. Verimli bir web tasarımcısı olmak için önce beynin çevresine nasıl dikkat ettiğini anlamanız gerekir. Görsel öğelerin belirli kullanımlarını tespit etmenize ve izleyicinin algısını etkilemek için bunları kullanmanıza yardımcı olabilir.

Büyük tasarımcılar psikolojinin görsel algıda oynadığı güçlü rolü anlarlar. Birinin gözü tasarım eserlerinizi karşıladığında ne olur? Onların aklı, parçanızın paylaştığı mesaja nasıl tepki veriyor?

Laura Busche, Brand Content Strategist at Autodesk

Şimdi görsel tasarım ve psikolojinin birbiriyle nasıl bağlantılı olduğu hakkında net bir fikre sahip olmalısınız ve birbirlerini etkileme gücüne sahip olmalısınız. Başka bir deyişle, basit bir kullanıcı merkezli arayüz geliştirme ve tasarımı için yer kullanma ana fikri Gestalt ilkelerini dikkate alarakdır. Bunlar görsel-psikolojik bağlantıyı anlamanıza ve kontrol etmenize yardımcı olabilir.

Web Tasarımında Gestalt İlkeleri

Gestalt “formlar” için Almanca’dır. Bu, bir kelimeden çok bir kavramdır;

Bireysel birimler topluluğu, bir şekilde birleştiklerinde bize grup olarak görünür. Bireyselliklerine rağmen ögeleri bir grup olarak görüyoruz. Bu kavram veya teori temel olarak tüm tasarım ortamları için geçerlidir: Metin, renkler ve şekilleri ayrı elemanlar olarak görmüyoruz, bunun yerine bütün bir sayfayı kolektif bir varlık olarak görüyoruz. Aynısı bir orman için de geçerlidir: sadece bir salkım ağacı görmüyoruz, aynı şekilde okyanusa bakarken su damlası görmüyoruz.

Gestalt ilkeleri, insan aklının, belirli şartlar ve koşullar uygulandığında görsel bileşenleri nasıl algıladığını açıklar. Beynin görsel imgelemini yaratmasına yardımcı olur. Bu nedenle, Gestalt ilkeleri altı ana kategoriye dayanmaktadır:

  • Figür ve Zemin
  • yakınlık
  • Simetri ve Düzen
  • Benzerlik
  • kapatma
  • süreklilik

ŞEKİL VE ZEMİN

Kase Bardağı

Var olan en klasik örnek, iki bardaklı yüz silüetinin arasındaki vazo olan kap fincanının örneğidir. Bu görüntüye ilk kez rastladığınızda, gözleriniz anında fark ettiğiniz en net görsel nesneye çekilir; bunlar birbirlerine veya vazolara karşı gelebilir. Zihniniz odağınızı ayarlarken, zemin ya da vazo bulanıklaştırılır ve o anda zihniniz görüntüdeki olumsuz ya da zemini sezgisel olarak azaltır.

Bir süre sonra, arka plandaki vazoyu farkedersiniz ve ilk başta orada olduğunu fark edersiniz. Şekil ve Zemin ilkesinin belirttiği gibi belirsiz olan tasarımcılar genellikle görsel olarak çekici gerçeküstü ve yanıltıcı sanat ve web tasarımları yaratırlar.