Tasarımda Gestalt İlkeleri

Bugün, tasarımdaki yakınlık, kapanış, devam, şekil ve zemin gibi birkaç ana Gestalt ilkesini tek tek tartışacağım .

İçindekiler

• Tasarımda Gestalt İlkeleri | yakınlık
• Tasarımda Gestalt İlkeleri | süreklilik
  • Süreklilik Örneği Olarak Markalar
  • Süreklilik Örnekleri Olarak Tablolar
• Tasarımda Gestalt İlkeleri | Ortak Kader
• Tasarımda Gestalt İlkeleri | kapatma
  • Rapor Tasarımında Kapatma Uygulaması
• Şekil & Zemin Prensipleri
• Unilever: Harika Bir Şekil ve Zemin Örneği
• Çözüm

Tasarımda Gestalt İlkeleri | yakınlık

Yakınlık, elemanlar birbirine yakın yerleştirildiğinde ortaya çıkar. Ne kadar yakınlarsa, o kadar ilgili görünürler. Bu Gestalt ilkesi, algımızı ve anlayışımızı etkileyen ilk ilkeler arasındadır. 

Raporlarınızda akrabalığı belirtmenin en basit yolu, yakınlığı manipüle etmektir. Bu ilke o kadar güçlüdür ki, tasarımdaki benzerlik olan Gestalt ilkelerinden birini bile geçersiz kılar.

Daha önce kullandığımız renk örneğini ele alalım. Benzerlik ilkesine dayanarak öğeleri renklerine göre sezgisel olarak gruplandıracağımızı görebiliriz.

Öğeler arasına biraz boşluk eklersek ne olduğuna bakın. Yakınlık benzerliği geçersiz kılar.

LuckyTemplates raporlarında yakınlık ilkesini nerede kullanırız ? Bunları iki grafik arasında bir ilişki oluşturmak veya bir grafik oluşturmak için kullanabiliriz.

için oluşturduğum raporda bu ipucunu yaptım. Görüntünün üst tarafındaki grafik, yakınlık ve benzerlik ilkelerini kullanır.

Bu grafikte gösterdiğim şey, Hamilton'ın 2007'den bugüne kadar kazandığı her yarış. 2015'ten 2016'ya Hamilton'ın kazandığı yarışların yoğunluğunun giderek arttığını rahatlıkla gözlemleyebiliyoruz. Bunu görebiliyoruz çünkü gözlerimiz mesafeyi yorumluyor ve oldukça yoğun çubukları bir araya getiriyor. 

Bu örnekte, yetişkinlerde astım prevalansını gösteren harita ile etnik kökene göre çocuklarda astım evrimi prevalansını gösteren küçük çoklu grafikler arasında bir ilişki oluşturmak için aynı prensibi kullanıyoruz.

Aynı şekilde navigasyon butonları da benzerliğe ek olarak bu prensibi kullanıyor çünkü tüm unsurlara yakın mesafedeyiz. Düğmeler arasında her zaman aynı mesafeyi ve diğer her şey için daha önemli mesafeyi kullanırız.

Tasarımda Gestalt İlkeleri | süreklilik

Süreklilik ilkesi, aynı yönde hareket eden veya hareket yanılsaması sağlayan unsurların nasıl ilişkili olarak algılandığını gösterir.

Tasarımda bu prensibi kullanmak, izleyicinin dikkatini çekmeye ve onları belirli bir tasarıma veya bilgiye yönlendirmeye yardımcı olabilir .

Örnekte görüldüğü gibi, bir çizgi veya eğri üzerinde düzenlenmiş öğeler, çizgi veya eğri üzerinde olmayan öğelere göre daha ilişkili olarak algılanır.

Dikkat edilmesi gereken bir diğer önemli unsur ise göz, kapalı noktalardan oluşan bir çizgi veya sürekli bir çizgi şeklinde yukarı doğru bir trend izlemeye başlarsa, bu sürekliliği bozan başka bir nesneyle karşılaşana kadar bu gidişini sürdürecektir.

Sürekli bir çizgiyi takip eden elemanları bir grup olarak tanırız. Çizgi parçaları ne kadar pürüzsüz olursa, onları o kadar birleşik bir şekil olarak görürüz.

Zihnimiz en az dirençli yolu tercih ediyor . Bağlantılı sürekli elemanlar için en basit yolu nasıl takip etmeye çalıştığımızı gösterir. Beynimiz en mantıklı ve basitleştirilmiş yolu seçer. Bu çizgileri ikinci örnekteki gibi iki farklı çizgi olarak algılayacağız.

Bu ilke bizim için nasıl yararlı olabilir? Süreklilik, kompozisyon boyunca yönü ve hareketi yorumlamamıza yardımcı olur. Öğeleri hizalarken gerçekleşir ve gözlerimizin sayfa boyunca sorunsuz hareket etmesine yardımcı olabilir. 

Süreklilik ilkesi, gruplandırılmış bilgi algısını güçlendirerek düzen yaratır ve kullanıcıları farklı içerik segmentlerinde yönlendirir.

Sürekliliğin bozulması, bir bölümün bittiğinin sinyalini verebilir ve dikkatleri yeni bir içeriğe çekebilir .

Süreklilik Örneği Olarak Markalar

Bu slaytta gösterildiği gibi, süreklilik ilkesinin tasarım kompozisyonunda geçerli olduğunu görebiliriz. İlk örnekte, harika bir başlığın süreklilik ilkesiyle nasıl harika bir şekilde çalışabileceğini görebiliriz.

Coca-Cola'nın kalite konusunda uzun süredir devam eden bir geleneğe örnek olduğunu ve buna güvenmemiz gerektiğini gösteriyor. Bu çok güçlü bir hikaye anlatma tekniğidir ve raporlar boyunca iletildiğinde hepimizin uygulayabileceği bir şeydir.

Kullanıcının noktaları istediğimiz sonuca bağlamasına izin verir; dolayısıyla, bu mesajı çok daha güçlü hale getirir.

İlke, kullanıcının gözlerini başlığın hemen ardından en yeni Coca-Cola şişesine odaklayacaktır. Bu, harika bir hikayenin ve muhteşem bir öğe ve tasarım seçiminin mükemmel bir örneğidir.

İkinci ve üçüncü örnekler, sürekliliğin görüntüleri nasıl gördüğümüz üzerindeki etkisini göstermektedir. Sayfayı doğal olarak F veya Z düzeninde tarıyoruz. Bu sefer sayfayı tamamen farklı bir şekilde taradık. Sürekliliğin bozulması, yeni bir içerik parçasına dikkat çeker.

Amazon logosunda sürekliliği etkin bir şekilde kullanmışlar. Sıra A'dan başlayıp Z'ye atladığında gözlerimiz odaklanır. Altta yatan mesaj, A'dan Z'ye her üründe her şeyi Amazon'da bulabileceğimizdir.

ProQuest logosu örneğinde ise süreklilik ilkesine göre gözlerin nereye çevrileceğini, sondaki mesaja nasıl odaklanıldığını görebiliriz.

Süreklilik Örnekleri Olarak Tablolar

Kompozisyon olasılıklarını keşfetmemizde daha da derinlere inelim. Tasarımda hem sürekliliği hem de ortak Gestalt ilkelerini kullanan bir örneği inceleyeceğiz.

Calydonian Boar Hunt gerçek bir sanat eseri ve Peter Paul Rubens'in 1612'de yaptığı ünlü bir tablo. Üçler kuralına ek olarak, Rubens aynı zamanda süreklilik , ortak kader Gestalt ilkeleri ve mükemmellik için ön dikkat niteliklerini de kullandı.

Önce resme bakalım. İlk önce neye bakıyoruz? 

Pelerinin renginden dolayı gözlerimiz savaşçıya çekiliyor. Rubens, kırmızı rengi dikkati önleyen bir özellik olarak kullandı . Ayrıca gözlerimiz mızrağa çekiliyor ve doğal olarak domuzun omzuna doğru sonuna kadar yolu takip edeceğiz.

Tasarımda Gestalt İlkeleri | Ortak Kader

Ana konu ilgi odağı olan domuzdur. Rubens, üçte bir kuralının kullanımıyla ve tasarımda başka bir Gestalt ilkesi olan ortak kader ekleyerek bunu vurgular .

Gestalt ortak kader yasası, insanların aynı hızda veya yönde hareket eden görsel öğeleri tek bir uyaranın parçaları olarak algıladıklarını belirtir.

Bunun yaygın bir örneği, bir kuş sürüsüdür. Birkaç kuş aynı yönde uçtuğunda, normalde onların tek bir gruba ait olduğunu varsayarız. Farklı yönlerde uçan kuşlar aynı gruba dahil görünmüyor. 

Bu durumda sahnedeki herkesin baktığını ve başlarını domuza doğru çevirdiğini görebiliriz.

Sahnenin hareketi, üçte bir kuralının kullanımı ve tasarımdaki Gestalt ilkeleri bu şaheseri mükemmelleştirmek için kullanılıyor. Sahneye hayat verir ve kullanıcının algısını ve duygularını meşgul eder .

Tasarımda Gestalt İlkeleri | kapatma

Kapatma ilkesi oldukça basittir. Kapatma, bir öğe eksik olduğunda veya boşluk kapatılmadığında gerçekleşir. Yeterince şekil belirtilirse, izleyici bilinçsizce eksik bilgileri dolduracaktır. 

Slayttaki resme bakın. Çok nokta mı görüyorsun yoksa bir köpek mi görüyorsun? Pandayı da görebiliyor musun? 

Zihnimiz noktaları dolduruyor. Eksik bir bağlamda tam şekilleri görebiliriz. 

Bu ilkenin ikinci gözlemi, etraflarında bir sınır olan öğelerin daha ilişkili olarak algılanmasıdır. Çevrelerine bir sınır veya gölge yerleştiren herhangi bir görsel alan içine alındıklarında, bir grup nesneyi bir grup olarak algılarız. 

Örneğin, her iki resimdeki veri noktaları aynı şekilde düzenlenmiştir, ancak çok farklı şekilde gruplandırılmış olarak algılanırlar. Neyin birlikte gittiğine dair algınız tamamen farklı. Kapatma, şeyleri ayırmak veya birbirine bağlamak için kullanılabilir .

Rapor Tasarımında Kapatma Uygulaması

Bu gözlemlere dayanarak, bu prensibi raporumuzda nasıl kullanabiliriz? Her şeyden önce, arka plan düzeninin önemini artık anlıyoruz. Kutunun içinde iki tabloyu bir araya getirirsek bir ilişki ima edebileceğimizi biliyoruz.

İkinci olarak, örnekte gösterilen ilkenin aynısını grafiklerin içinde de uygulayabileceğimizi biliyoruz. Üçüncüsü, ayrı bileşenleri tamamen içine almamız gerekmiyor. Eksik bilgileri bilinçsizce dolduruyoruz ve bu, tasarımlarımızı düzenli hale getirmek için çok faydalı.

Şekil & Zemin Prensipleri

Şekil ve zemin, tasarımdaki en zor Gestalt ilkelerinden biridir ama aynı zamanda en güçlülerinden biridir. Öğeleri odak nesneleri veya arka plan olarak algıladığımız durumdur. 

Kapanış gibi, şekil ve zemin de pozitif ve negatif alan kullanılarak çalışır . Bir kompozisyon, bir web sitesi, bir logo veya bir simge görmek fark etmeksizin, görsel olarak algıladığımız hemen hemen her şeyde bulunur. 

Beynimiz nesneleri ve çevreyi görebilmek için ön planı arka plandan ayırır. Negatif-pozitif uzay ilişkisi olarak da adlandırılır.

Aynı şekiller ön plan veya arka plan olarak görülebilir. Rengin, arka plan mı yoksa figür mü olduğunu belirlemekle hiçbir ilgisi yoktur. 

Bazı şeyleri açıklığa kavuşturmak için bazı örnekler görelim. Godfather posteri, mükemmel bir renk kontrastı gördüğümüz için şekil ve zeminin en iyi örneğidir.

Odak figürünü çerçeve içinde merkezi alana yakın bir yere yerleştirmek ona denge sağlar. Ön plan, arka plandan daha ayrıntılıdır. Bariz bir odak noktamız var, o da kırmızı gül.

Arka plan, dikkat çekmek için ön planla rekabet etmez. Yani bu durumda, tüm arayüzün odak noktasını ve arka plan sadeliğini ve detayların önemini belirlemek kolaydır. Basit tutun ve gerçekten önemli olan şeylere odaklanın . 

Bu örneği rapor tasarımımızda çoğaltabiliriz. Çok az grafikle sayfada çok şey olabilir. Aslında, etkisini anlamadan daha fazla öğe eklemek genellikle mesajı kafa karıştırıcı hale getirebilir. Bu örnekte gösterildiği gibi, poster tek kelimeyle mükemmel, az çoktur.

Tamam, diğer örneklere geçelim. Hangisinin figür, hangisinin zemin olduğunu kolayca ayırt edebiliyor musunuz? 

Görüntüler belirsiz olduğu için bilmek zor. Figürün ne olduğu ve arka planın ne olduğu konusunda birden fazla çözüm var. Bu tür görüntüler, izleyicinin ilgisini çeker ve görüntünüzde daha uzun süre kalmasını sağlar, bu da anlatmak istediğiniz hikayeye katılımı artırabilir. 

Unilever: Harika Bir Şekil ve Zemin Örneği

Unilever'in logosuna bakarsak, bir hikayenin şekil ve zemine ve aynı zamanda kapanış ilkesine dayalı olarak ne kadar zengin olabileceğini anlarız.

Unilever'in logosu büyük bir U harfine benziyor. Bunu görme eğilimindeyiz çünkü bize tanıdık geliyor ve harfi kolayca tanıyoruz. Ayrıca şeklin boyutu ve kontrastı ona odaklanmamızı sağlıyor ve U figür, geri kalanı ise arka plan oluyor.

Daha yakından bakarsak, arka planın belirsiz olduğunu görürüz ve ayrıntıları belirleyebiliriz. Kuşu, kalbi, giysiyi ve balığı ayırt edebiliriz.

Kullanıcı, çevresel kaygılar ve daha fazlasıyla ilgili bir şirketin logosunu keşfedecektir. Bu logo harika çünkü basit ama şirket hakkında çok zengin bir hikaye aktarıyor.

Bu ilke çok güçlüdür ve grafik tasarımda ve bilgilendirme tasarımında daha sık kullanılsa da anlaşılması gerekir.

Arka plan ile ön plan arasındaki fark, raporlarımızda dikkat etmemiz gereken bir şeydir.

Etkileyici Raporlar İçin LuckyTemplates Tasarımları
Görseller ve Efektler : LuckyTemplates Panosu Tasarımları
LuckyTemplates'da Pano: En İyi Tasarım Uygulamaları

Çözüm

LuckyTemplates raporlarımızda doğru Gestalt ilkesi tekniklerini uygulamak, kullanıcıların noktaları birleştirmesine ve mesajı daha güçlü hale getirmesine yardımcı olabilecek ilgi çekici hikaye anlatımı üretebilir. İzleyicilerimizin ihtiyaçlarına en uygun olan ilkeyi seçme özgürlüğüne sahibiz.

Herşey gönlünce olsun,