Tasarım Psikolojisi: Çevrimiçi İmajınızı Şekillendirmek

Tasarım psikolojisi serimizin önceki iki bölümünde rengin önemini etraflıca ele almıştık. Ancak renk seçimi, kötü tasarıma karşı mücadelenin sadece bir parçasıdır.

İster yeni bir web tasarımı için bir arka plan deseni oluşturuyor olun, ister yeni bir ürünün ambalajı hakkında fikir ediniyor olun, eninde sonunda kaleminizi kağıda dökmeniz ve eskiz yapmaya başlamanız gerekecek. Hangi şekli oluşturmaya başlarsanız başlayın, izleyicileriniz üzerinde güçlü bir etkisi olacaktır.

Müşterilerinizin seçtiğiniz şekiller ile genel markanız hakkında söyledikleri arasında yapacakları ortak çağrışımlar hakkında daha fazla bilgi edinmek için okumaya devam edin. Ayrıca, bu şekillerin her türlü tasarımda nasıl kullanıldığına dair bazı gerçek dünya örneklerini görün!

• çizgiler
• Daireler ve Ovaller
• üçgenler
• dörtgenler
• çokgenler
• soyut şekiller

Düz ve Eğimli Çizgiler

Çizgi çalışmasına gelince, gerçekten açısal ve düzgün vücutlu arasındaki çizgiyi çekmek zorunda kalacaksınız. Çizgiler, tüm sanat eserlerini oluşturan temel şekil olabilir, ancak büyük ölçüde çizgi çalışmasına dayanan logolar ve web tasarımları basit olmaktan çok uzaktır.

Tipik olarak, insanlar düz çizgiler yerine eğri çizgileri tercih eder. Bu, görsel sistemin nörofizyolojisine bağlanabilir. Gözleri tam olarak oluşmamış bebekler bile dikkatlerini keskin, köşeli hatlardan çok kavisli şekillere odaklayacaktır.

Bununla birlikte, eğriler, bir kullanıcının dikkatini tasarımınıza odaklayacağı süreyi mutlaka artırmaz. Aslında, keskin açıların kullanıcılarınızın dikkatini hızla çekmesi daha olasıdır. Eğriler yumuşaklığı ve karmaşıklığı çağrıştırırken, keskin çizgiler ve açılar ciddiyeti ve basitliği çağrıştırır.

Çalışmalar, köşeli nesnelerin bir tehdit duygusunu tetikleyebileceğini göstermiştir. Şekillerdeki keskinliğin, beynin korkuyu işleyen bölgesi olan amigdaladaki aktiviteyi arttırdığı gösterilmiştir. Bu nedenle, keskin açılar genellikle izleyicilerinizin dikkatini çeker ve kıvrımlı benzerlerine göre daha çabuk dikkat çeker.

Kitlenizin bir şeyler hissetmesini sağlayacak tasarımlar oluşturmak için bu doğal insan tepki modellerini kullanabilirsiniz. Eğlenceli, kaygısız markalar için eğri çizgiler, sitelerdeki metin bloklarını ayırmanıza ve tuhaf bir duygu yaratmanıza yardımcı olabilir. Ancak daha ciddi marka kişilikleri için keskin açılar ve düz çizgiler, eve bir ağırlık duygusu kazandırmaya yardımcı olacaktır.

Yaratıcı stüdyo Inlay, sayfalar arasında gezinirken dikkatinizi çekmek için düz çizgiler ve minimalist bir tasarım kullanır, ancak olumsuz tepkileri tetikleyebilecek keskin açıları aşırı kullanmaktan kaçınır.

Bununla birlikte, teknoloji danışmanlık şirketi Affinity, web sitelerinde pek çok ilişki odaklı dil kullanıyor. Yuvarlak ok logoları ve tasarım boyunca kavisli şekilleri, teknoloji alanında kullanılan geleneksel, daha katı görüntülerden çok daha ulaşılabilir hissettiriyor.

Daireler ve Ovaller

Birine kare diyorsan, muhtemelen onun sıkıcı olduğunu ima ediyorsundur. O halde tam tersi, çevrelerin eğlenceyi, gençliği ve tasasız bir zihniyeti çağrıştırdığı anlamına gelir. Bebeklerin dikkatlerinin kavisli hatlarda daha uzun süre tutulduğu gösterildiğinden, yuvarlak oyuncakları da tercih etme eğiliminde olmaları mantıklıdır.

İzleyicileriniz bir çevreye baktığında akla açıklık ve birliktelik gelir. Yuvarlak şekiller ayrıca topluluk veya koruma duygularını çağrıştırabilir - kendi baloncuğunuzda güvende olmak veya hatta hoş bir kucaklama gibi. Çevrelerin diğer özellikleri arasında arkadaşlık, sıcaklık, kadınlık ve yeniden doğuş (düşün: yaşam döngüsü ) sayılabilir.

Adlandırma açısından, Ring kapı zili, kullanıcılarının duyularına dokunmuştur. İşitsel olarak, kapı zilinin “çaldığını” hayal edebilirsiniz, görsel olarak ise, hayal edilen “zil” hem logolarına hem de fiziksel donanımın tasarlanma şekline bağlıdır.

Bir Netflix gerçeklik yarışması programı olan The Circle, döngüsel markalamanın en anlamlı olduğu başka bir yerdir. Öncül, kimlikleri hakkında doğruyu söyleyip söylemeyebilecek bir grup insanın, yalnızca The Circle adlı bir sosyal medya platformu aracılığıyla akranları arasında popülerlik kazanmaya çalışmasıdır. Amaç? Topluluğun içinde kalın—The Circle'da kalın.

üçgenler

Hızlanma, hareket ve denge, üçgenler aktiviteyi kolayca gösterir. Heyecandan ihtiyata kadar bir dizi duygu uyandırabilen enerjik, güçlü şekillerdir.

Üçgenlerin etkisi vardır ve yönlendirilme biçimleri çok önemlidir çünkü yön, tüketicinizin zihnindeki anlamlarını değiştirecektir. Örneğin, yukarıyı gösteren bir üçgen gücü gösterebilir, ancak hafifçe eğildiğinde bile istikrarsızlık gösterebilir. Ancak farklı yönlerde birden çok üçgen, konfeti gibi eğlenceyi veya heyecanı gösterebilir!

En sevdiğiniz video veya müzik akışı hizmetindeki oynat düğmesi, büyük ihtimalle sağı gösteren bir üçgendir. Duraklamayı belirten iki düz çizginin aksine (iki düz çizgi arasındaki gerçek bir "kopma"), ileri hareketi gösteren bir oka benzer.

HGTV, üçgen tasarımı da akıllı bir şekilde kullanır. İkizkenar üçgen, bir evin çatısını göstermenin net ama basit bir yolu olarak, işaretlerinin üst kısmında yer alır. Logonun diğer ucundaki “V” aşağıyı gösterdiği için harika bir denge oluşturuyor.

dörtgenler

Dörtgenler, herhangi bir dört kenarlı şekli içerir. Kareler ve dikdörtgenler en yaygın örneklerdir, ancak yamuklar, elmaslar ve birkaç tane daha burada yer almaktadır. Kareler ve dikdörtgenler genellikle kararlılık ve kararlılık, uygunluk veya açık sözlülük sembolleridir. Dik açıları görsel olarak rasyonellik, düzen ve yapı önerir.

Kareler ve dikdörtgenler, gerçekçi veya pragmatik görünmek isteyen markalar tarafından sıklıkla kullanılır. National Geographic'ten LinkedIn'e ve Dominos'a kadar, çok çeşitli sektörlerde kareler ve dikdörtgenler - özellikle logolar için - yaygındır.

Diğer dörtgen türleri de bu düzenlilik duygularını iletecek, ancak daha avangart, çağdaş bir görsel bükülme ile. Elmaslar, şekil ve değerli taş arasındaki bilinçsiz ilişkimiz nedeniyle lüks veya üst düzey ürünleri taşımak için kullanılabilir. Uçurtmalar ve eşkenar dörtgenler gibi dörtgenler, aşırı kullanılan kalıplara başvurmadan bir istikrar düzeyine işaret etmek için harikadır.

Avustralya merkezli web tasarımcısı Mokthar Saghafi, web sitesinin geometrik deseni için bir paralelkenar şekli kullanıyor. Dört kenarlı şekiller düzgün bir şekilde istiflenmiştir ve genellikle dört kenarlı şekillerle ilişkilendirilen kararlılığa işaret eder. Onları gerçek bir dikdörtgen yerine bir eşkenar dörtgen olarak biraz ayarsız olarak ayarlamak, başka bir görsel ilgi katmanı ekler.

Lego gerçekçi veya uygun görünmese de, kesinlikle kararlıdır - onlarla başka nasıl inşa edersiniz? Kare logoları aynı zamanda ürünlerine görsel bir geri dönüş niteliğindedir. Dört çivili kare bir Lego tuğlasına çok benziyor.

Beşgenler, Altıgenler ve Sekizgenler

Matematik ve tasarımda, bu şekiller topluluğu "çokgenler" olarak bilinir. Çokgen, herhangi bir 2B geometrik şekli tanımlamak için kullanılan şemsiye bir terimdir, ancak genellikle 5 veya daha fazla kenarı olanlar için ayrılmıştır.

Doğada bu şekiller peteklerden kabuk desenlerine, kristallere ve kaya oluşumlarına kadar her yerde bulunur. Ancak web tasarımında daha az kullanılırlar. Bu, müşterileriniz için iyi bir şey olabilir, çünkü sizi daha yaygın tasarım trendlerinden ayırmanıza yardımcı olacaktır!

Karmaşık ve fütüristik çokgenler, hala iyi yapılandırılmış modern, çağdaş bir aura yaratmak için sıklıkla kullanılır. Bununla birlikte, belirli çokgenler niş endüstrilerde yaygın olarak kullanılmaktadır. Örneğin, otomobil ve makine imalat ve onarım şirketleri, cıvata başını andırdıkları için tasarımlarında genellikle altıgenler ve sekizgenler kullanırlar.

Birleşik Krallık web tasarım ajansı Build By Buffalo tarafından kullanılan altıgen düzen, ana sayfalarını bunaltmadan çalışmalarının birçok örneğini önceden göstermenin harika bir yoludur. Daha sonra web sitesinde takımın vesikalık fotoğraflarını sergilemek, eğlenceli ofis fotoğraflarını sergilemek ve önemli bilgileri çağırmak için kullanılır.

Pentagon, dünyadaki en tanınmış binalardan biridir ve adını beş kenarlı yapısından alır. Mimari tasarım için çokgen kullanmanın en iyi örneği olan binanın kendisi metanet ve kararlılık taşır.

Soyut Şekiller

Web ve ürün tasarımları, promosyonlar ve markalaşma çabalarında yaygın olarak kullanılan birkaç başka geometrik ve soyut şekil vardır. Bu popüler şekillerden bazılarına ve anlamlarına hızlıca bir göz atalım.

Lekeler

Lekeler genellikle eğlenceli veya aptalca olarak nitelendirilen şekillerdir. Meşhur "bouba/kiki etkisi", kültürler ve yazı sistemleri genelinde bireylerin anlamsız "bouba" kelimesini damla şekillerine atfederken, "kiki"nin sivri uçlu soyut şekillerle ilişkilendirildiğini kanıtlamıştır.  

Sivri kenarlı keskin soyut şekiller kullanmayı seçtiğinizde, izleyicinizin dikkatini hızla çekeceksiniz. Ancak daha yuvarlak şekillerle, kendilerini daha rahat ve eğlenceli hissetmelerini sağlayacaksınız.

Brooklyn merkezli özel WordPress tasarım stüdyosu Buzzworthy, eğlenceli ve korkak tarzlarını sergilemek için çok sayıda damla şekli ve soğanlı geçiş animasyonu kullanıyor.

Haçlar

Genellikle maneviyat ve şifa, bağlantı veya dengeyi sergilemek için kullanılan haçlar, web tasarımında her zaman görünür. Bir toplantıyı veya iki şey arasındaki bağlantıyı görsel olarak çağrıştırmanın en yaygın yolu. Tasarımda çarpı işaretinin diğer bir yaygın kullanımı, sepete bir şey ekleyebileceğinizi veya daha fazla bilgi için genişletebileceğinizi belirten "artı" işaretidir.

Logolarda, haçlar, güçlü dini bağları nedeniyle tipik olarak dini kuruluşlar için ayrılmıştır, ancak şeklin diğer, daha agnostik kullanımları da başarılı olmuştur.

Amerikan Kızıl Haçı, çapraz görüntülerden yararlanan en önemli kuruluşlardan biridir. Çalışmaları, yardıma ihtiyacı olan bireyler ile bir afet sırasında veya sonrasında yardım edebilecek bireylerin kesiştiği noktada yer alır. Kızıl Haç logosu, onları bu iki şeyin kesişim noktasına yerleştirirken, aynı zamanda görsel olarak şifa ve sağlığa göndermede bulunur.

Spiraller

Spiraller hareketi ve ilerlemeyi çağrıştırır. Yuvarlak spiraller ve halkalar genellikle mükemmelliği, güzelliği ve evrimi gösterir. Spiraliniz bir zikzak hareketi gibi daha sivri ise, bir ürün, şirket veya hizmet tarafından alınan bir pivot, değişiklik veya yeni yönü iletme olasılığı daha yüksektir.

Spiralinizin yönünün nasıl algılandığıyla da çok ilgisi olacaktır - özellikle onu canlandırmayı planlıyorsanız. İsteyeceğiniz son şey, gelişme, büyüme veya yaratıcılığı aktarmaya çalışmak ve sonunda kullanıcılarınızı kelimenin tam anlamıyla aşağı doğru bir sarmala göndermektir. Çoğu şeyde olduğu gibi, mümkün olduğunda spirallerinizi yukarı ve sağa hareket ettirerek pozitif hareketi iletin.

Salt Lake City, UT dışındaki bir dijital ürün stüdyosu olan Rally, sitelerinin tamamı için beyaz bir arka plan üzerinde basit bir spiral kullanıyor. Sarmalın değişen renkleri ve dinamik hareketi, izleyicilerin görsel açıdan ilgisini canlı tutar ve uyumlu bir kullanıcı deneyimi yaratır.

Organik Şekiller

Organik şekiller yaprakları, dalları, kökleri, dalgaları, yıldızları, bulutları ve daha fazlasını içerir. Görüntüler oluşturmak için geometrik şekillerin birlikte kullanılabildiği yerlerde (örnek: üstünde üçgen bulunan bir kare basit bir eve dönüşür), organik şekiller tipik olarak kendi başlarına bir görüntü olarak bağımsızdır.

Bu şekiller tipik olarak düzensiz veya asimetrik olacaktır (ancak her zaman değil) ve bir şekilde doğal dünyayla bir ilişkileri olacaktır. "Bulut" fikri, organik imgelerin mükemmel bir şekilde kullanılmasıdır.

"Bulut" depolama fikri, çok çarpıcı ve teknik bir şeyi - bilgileri tutan soyut bir "konum" - ve onu doğal dünyaya bağlayarak teknoloji acemileri için daha ulaşılabilir hale getirir. Örneğin SoundCloud, kullanıcıların ses dosyalarını yükleyebilecekleri ve dünya çapında büyüyen bir müzikseverler topluluğuyla paylaşabilecekleri bir müzik paylaşım sitesidir.

Tasarımın Arkasındaki Akıl

Her zaman olduğu gibi, bunlar katı ve hızlı kurallar değildir. Görsel ilgi yaratmak için tasarımınızda birden fazla şekil, çizgi kalınlığı ve hizalama kullanın. Birkaç öğeyi bir arada kullanmak, okuyucularınızın gözleriyle görebilecekleri ve içlerinde hissedebilecekleri bir hikaye anlatmanıza olanak tanır.

WP Engine kaynak merkezi, tasarımla ilgili her şey hakkında bilgi kaynağınızdır ve Tasarım Psikolojisi serimiz, iyi planlanmış markalama ile müşterileri çekmek için tasarımın temel öğelerini kullanmakla ilgilidir.

Rengin anlamlarına ve bunları görsel hikaye anlatımınızda nasıl kullanacağınıza derinlemesine dalmak için birinci ve ikinci bölümleri okuyun. Ardından, yazı tipinizin, içerik yerleştirmenizin ve sözcük seçiminizin önemini ele alacak olan dördüncü bölümü bekleyin.