Görsel Kimlik Temelleri: Mükemmel Marka Görünümünün ve Hissinin Arkasında Ne Var?
Yayınlanan: 2021-03-06Bir resim bin kelimeye bedelse, görsel kimliğiniz de bir milyon kelimeye bedeldir. Bu, markanızın izleyicilere ilham veren, onlara görüldüklerini veya özel bir topluluğun parçasıymış gibi hissettiren uyumlu bir imaj sunmanın en iyi yollarından biridir. Peki görsel kimlik, tüketicilerin sadakatini kazanmada ve marka tercihlerini etkilemede nasıl bir rol oynuyor?
Pekala, şu iki gerçeği göz önünde bulundurun: Satın alma kararı vermenin yüzde doksan beşi bilinçaltı bir seviyede gerçekleşir ve tüketiciler bir marka hakkında neredeyse anında görsel kimliğine dayalı olarak karar verirler. Araştırmalar gösteriyor ki insanlar:
görüntüleri 13 milisaniye gibi kısa bir sürede işleyebilir.
bir web sayfasını gördükten sonraki 50 milisaniye içinde görsel çekiciliğine dayalı olarak bir fikir oluşturun.
- bir markayı büyük ölçüde kullandığı renk paletine göre değerlendirin.
Baskı yok, değil mi?
Bu kılavuzda, markanızın kişiliğini doğru bir şekilde temsil eden ve hedef kitlenizin ilgisini etkili bir şekilde çeken bir görsel kimliği nasıl oluşturacağınızı göstereceğiz. Renk, tipografi, görüntü ve sayfa düzeninin neden önemli olduğunu ve bu unsurları markanızın misyonunu, vizyonunu ve değerlerini iletmek için nasıl kullanabileceğinizi öğreneceksiniz.
Görsel Kimlik Nedir?
Görsel kimlik, bir markanın renk paleti ve tipografisinden web sitesinin düzenine ve pazarlama malzemelerine kadar her türlü görsel öğesini kapsayan şemsiye bir terimdir. Bu unsurlar birlikte, bir markanın sembolik anlamı olarak hizmet eden görsel bir kimlik oluşturur. Güçlü bir görsel kimlik, bir kuruluşun amacı, misyonu ve değerleri hakkında doğru mesajı vermesine olanak tanır. Ayrıca, izleyicilerin markayı nasıl algıladıklarını ve bu temel ilkelere bağlılığını da etkiler.
Görüntü niteliği: Unsplash'ta Anthony Rosset
İçerik pazarlaması söz konusu olduğunda, görsel kimliğin önemi çok büyüktür. Görsel kimliğinize gereken ilgiyi göstermezseniz, markanızı ve temsil ettiği her şeyi yanlış tanıtıyor olabilirsiniz. Buna karşılık, kitleniz içeriğinizden, aslında anlatmaya çalıştığınızdan çok daha farklı hikayeler edinebilir.
Görsel kimliğiniz, bir web sitesi, sosyal medya mevcudiyeti, reklamlar, bloglar, videolar, mikrografikler, infografikler, e-kitaplar ve daha fazlasını içerebilen tüm bir medya ekosistemi aracılığıyla yansıtılır. Toplu olarak bu temas noktaları, temel değerlerinizi, ürünlerinizi ve mesajlarınızı markanızın imzası haline gelecek şekilde iletir.
Görsel Kimlik Neden Önemli?
Görsel kimliğiniz, markanızın kişiliğini ve değerlerini hedef kitlesine anında aktarır. İyi uygulanmış bir görsel kimlik, müşteriler ve potansiyel müşteriler ile yakınlığı tetikler. Öte yandan görsel tutarsızlık, belirsizliği -veya daha kötüsü olumsuzluğu- iletir ve okuyucularınızın, müşterilerinizin veya müşterilerinizin markanızdan emin olmamalarına ve hatta markanıza güvenmemelerine neden olabilir. Tutarlı, amaca yönelik bir görsel kimlik, genel marka sağlığınızı üç ana şekilde destekler:
Markanızın misyonunu ve değerini aktarır. En ilgi çekici ve ikonik kuruluşlar, görsel kimliği markalarının kişiliğinin bir uzantısı olarak ele alır. Bir marka olarak bilinçli bir şekilde yürümek, konuşmak ve giyinmek, temel hedeflerinize ve misyonunuza güvendiğinizi gösterir.
Kitlenizle rezonansa girer. Görsel kimliğin gücü, izleyicilerde anında bir yakınlık uyandırma yeteneğidir. Belirli demografik gruplara (örneğin, Denver'da yaşayan 20-30 yaşları arasındaki bekar ebeveynler) veya daha soyut kişilere (egzersizlerinden en iyi şekilde yararlanmak isteyen seçkin sporcular gibi) ulaşmaya çalışıyor olun, görsel kimliğiniz bir yoldur. hedef kitlenizin duygusal ihtiyaçlarını anladığınızı ve onların değerlerini paylaştığınızı göstermek için.
Kültürel alaka düzeyinizi yansıtır. Tıpkı kelimeler gibi görseller de sosyokültürel ve tarihsel bağlamımızın ürünleridir; aynı zamanda markaların izleyicilerinin kültürel bağlamına katkıda bulunma biçimleridir. Görsel kimlik, hedef kitlenizle birlikte gelişme gücüne sahiptir ve çevrenizdeki dünya değiştikçe markanızın kültürel önemini gösterir.
Tutarlı ve güçlü bir görsel kimlik oluşturmak, yalnızca web sitenizde ve Facebook sayfanızda aynı renkleri kullanmakla ilgili değildir. Kullandığınız resimlerin, renklerin, yazı tiplerinin ve diğer görsel öğelerin ortamlarda birbirini desteklemesini sağlamakla ilgilidir. Ayrıca, bu unsurların markanızın kişiliğini ve kitlelere kattığınız değeri doğru bir şekilde yansıtmasını sağlıyor. Web sitenizin ziyaretçileri, daha bir kelime bile okumadan işinizin özünde ne olduğunu hızlı bir şekilde belirleyebiliyorsa, görsel kimlik departmanında doğru bir şey yapıyorsunuz demektir.
Görsel Kimlik Analizine Ne Zaman İhtiyaç Duyarsınız?
Görsel kimlik analizini garanti eden birçok durum vardır. Bu kullanım örneklerinden bazıları şunları içerir:
yeniden markalama sürecinden geçiyor
yeni bir site başlatmak
içeriği birden fazla platformda/sayfada sentezleme
tasarım yaklaşımlarını yaratıcı ajanslar arasında senkronize etme
sosyal medya kampanyası başlatmak
yeni görsel içerik türlerini keşfetmek (video, infografikler)
birleşmeden sonra marka tutarlılığı yaratmak
İster sıfırdan başlıyor olun, ister mevcut bir stil kılavuzunu değiştiriyor olun, kapsayıcı görsel kimliğinizin güvenilir ve sahiplenilebilir olmasını sağlamak için içeriğinizle dinamik bir görsel yaklaşım sürdürmeniz gerekir.
Aşağıdaki bölümlerde, markanızın ayarlamaya ihtiyaç duyabileceği görsel kimlik unsurlarını inceliyoruz. Her birini incelerken iş planınız, misyon beyanınız ve vizyon beyanınız üzerinde düşünün. Ardından, medya ekosisteminizi dikkatli bir şekilde analiz ederek, her bir öğenin değerinizi ileten düşünceli ve etkili bir şekilde kullanıldığından emin olun. Durum böyle değilse, bazı ayarlamalar yapmanın zamanı geldi.
Görsel Kimliğin Unsurları
Görsel kimlik, bütünün parçalarının toplamından daha büyük olmasıyla ilgilidir. Görsel kimliği gerçekten anlamak, tanımlamak ve ele almak için bir markanın rengini, tipografisini, imgesini ve mekansal ilişkilerini nasıl kullandığını göz önünde bulundurmalısınız. Görsel kimliğin işlevleri olarak keşfedebileceğiniz başka öğeler de vardır, ancak bunlar her akıllı marka stratejisinin merkezinde yer alır.
1. Renk Paleti
Renk, bir markanın görsel kimliğinin en temel unsurudur. İzleyicilerin bir kuruluş hakkında en çok hatırlama eğiliminde oldukları şey budur; ve etkin bir şekilde kullanıldığında bir markanın simgesi bile olabilir. Konuyla ilgili örnek: Coca Cola'yı düşündüğünüzde, muhtemelen akla parlak, doymuş bir kırmızı gelir. Ve rakibi Pepsi'yi düşündüğünüzde, muhtemelen kafanıza cesur bir mavi gelir. Bu ikonik şirketler, markalarının kişiliğini yansıtmak için çoğunlukla bir avuç dolusu düz renge bel bağlasa da, diğerleri tüketicilere kim olduklarını anlatmak için daha karmaşık renk paletleri ve hiyerarşiler kullanıyor.
Görüntü niteliği: Unsplash'ta Clem Onojeghuo
Rengin Gücü: Duyguları Çağırmak
Renkler çok güçlü duygusal anlamlar barındırdığından, bir şeyi nasıl işlediğimiz ve onu gördüğümüzde nasıl tepki verdiğimiz üzerinde anında bir etkiye sahiptirler. Cesur, güçlü ve tutkulu görünmek isteyen bir marka, İkonik Tilki notalarına göre kırmızıyı tercih edebilirken, sıcaklığı ve iyimserliği iletmek isteyen bir marka, ana rengi olarak sarıyı kullanabilir.
çağrışımlar
Renk anlamları neredeyse tamamen sosyal ve tarihsel bağlama bağlıdır. Kültürünüze bağlı olarak renklerin nasıl büyük ölçüde farklı anlamlara sahip olabileceğini görmek için Bilgi Güzeldir'den bu grafiğe göz atın. Örneğin aşk, Amerikan kültüründe kırmızı, Hindu kültüründe yeşil ve Kızılderili kültüründe sarı ile ilişkilendirilir. Bununla birlikte, kültürel normlar sürekli değiştiği gibi, renk çağrışımları da değişir.
Aynı kültür içinde bile, bir renk birden fazla - ve bazen birbiriyle çelişen - çağrışımlar taşıyabilir. Dikkatli olun: Marka mesajınızı doğru bir şekilde iletmek için doğru tonu, doygunluğu ve kontrastı kullanmanız gerekecek. Örneğin Amerika Birleşik Devletleri'nde mor tipik olarak bilgelik ve zenginlik taşır, ancak aynı zamanda çöküşü de temsil edebilir. Para biriktirenlere ulaşmak isteyen pazarlık odaklı bir şirketseniz, mor rengi kullanmak hedef kitlenize yanlış mesaj gönderebilir ve sonuç olarak markanızın hedeflerini baltalayabilir.
Iconic Fox'a göre, ABD'deki diğer bazı yaygın renk çağrışımları şunlardır:
Kırmızı: yoğunluk, korkusuzluk, heyecan, uyarı, tehlike
Mavi: akıl, güç, uyanıklık, bilgelik, sadakat, güvenilirlik
Turuncu: yaratıcılık, coşku, cesaret, risk
Yeşil: sağlık, umut, durgunluk, açıklık, tazelik
Siyah: güvenlik, güç, otorite, soğukluk
Sarı: gençlik, mutluluk, eğlence, dürtüsellik
Mor: zenginlik, incelik, hayal gücü, aşırılık
Pembe: hayal gücü, tutku, özen, yaratıcılık, küstahlık
Beyaz: temizlik, saflık, masumiyet, sadelik, mesafe
Bağlam ve Kontrast
Renk çağrışımları da onlara verdiğiniz bağlama bağlıdır. ABD'de yeşil, git anlamına gelir ve doğallığı ifade eder. Kırmızı ise dur anlamına gelir ve heyecanı simgeler. Renklerin bu kadar çok farklı anlamı varken, seçtiğiniz renklerin gerçekte ne anlama gelmelerini istediğinizi anlamalarını nasıl sağlayabilirsiniz? Cevap, bağlamlarını ve kontrastlarını kontrol etmektir. Bir HubSpot araştırması, harekete geçirici mesaj düğmelerinde kullanıldığında kırmızının yeşilden yüzde 21 daha iyi performans gösterdiğini buldu. Düğmenin konumu ve etrafındaki renklerle zıtlığı nedeniyle, site ziyaretçileri yeşil düğmeden daha heyecan verici gördükleri için kırmızı düğmeyi tıklamaya daha meyilliydiler.
American Journal of Psychology'de yayınlanan temel bir araştırma, izleyicilerin çevrelerindekilerden çarpıcı bir şekilde öne çıkan öğeleri hatırlama ve bunlarla etkileşim kurma olasılıklarının daha yüksek olduğunu buldu. İzolasyon etkisi olarak da bilinen bu ilke, renklerin konumu ve kontrastının, renklerin kendisi kadar eşit derecede önemli olduğunu kanıtlar.
Bu sizin için ne anlama geliyor?
Tüm görsel öğeleriniz arasında renk, izleyicilerin markanızı beğenmesinden, beğenmemesinden, güvenip güvenmemesinden veya görmezden gelmesinden en çok sorumlu olanıdır. Bir araştırma, bir markanın renk paletinin etkinliğinin büyük ölçüde müşteri görüşlerine ve renklerin ürün için uygun olup olmadığına bağlı olduğunu buldu. Buradaki ders? Sadece çekici bir renk paletiyle yetinmeyin. Bunun yerine, marka uyumu elde etmenize yardımcı olan birini seçin.
Markanızı temsil edecek renkleri seçerken kuruluşunuzun misyonunu, vizyonunu ve kişiliğini yansıtan renkleri seçin. Ayrıca, bu renkleri nasıl hiyerarşileştirdiğinize de dikkat edin; paletiniz bir dizi karakter barındırmalıdır, ancak her renk merkez sahne olamaz. Paletiniz için doğru yıldızı seçin ve genel sayfanızın ve sitenizin bağlamına nasıl uyduklarını göz önünde bulundurarak onu ve destekleyici renklerini nasıl kullandığınız konusunda stratejik olun.
Bilmeniz Gereken Renk Terimleri
Renk kontrastı: bir renk ile diğeri arasındaki ton farkı
Renk hiyerarşisi: Belirli renklerin diğer renkler üzerindeki hakimiyeti, renklerin birbirleri arasında öne çıkıp çıkmama biçimlerine atıfta bulunur.
Renk psikolojisi: renklerin insanlara nasıl hissettirdiğini ve insanların renklere nasıl tepki verdiğini inceleyen bilim dalıdır.
Onaltılık kod: bir rengin onaltılık değerine göre ölçümü
Palet/şema: koordine edici renklerden oluşan bir seçim
Markanızın renk kullanımını değerlendirirken şu kritik soruları göz önünde bulundurun:
Markanızın renkleri kuruluşunuzun kişiliği hakkında size ne anlatıyor? Bu, stratejik hedeflerinizle örtüşüyor mu?
Markanızın renk paleti, sektördeki rakiplerinizinkiyle karşılaştırıldığında nasıldır? Seninki yeterince öne çıkıyor mu? Çok mu öne çıkıyor?
Sitenizde veya pazarlama malzemelerinizde harekete geçmek için hangi senaryolarda renk kullanacaksınız? Kullandığınız renkler, kitlenizin gerçekleştirmesini istediğiniz eylemleri destekliyor mu?
Hepsi nasıl bir araya geliyor? Renkleriniz dengeli mi? Markanıza benziyorlar mı?
Kim Doğru Anlıyor?
Yeşil İklim Fonu, iklim değişikliğini ele almak için aktif olarak çalışan 194 ülkeden oluşan bir koalisyondur ve renk markalaması tam da bunu yansıtır. Yeşil ve mavi logosu, birincil kaygılarını hemen hatırlatır: toprak ve su. Yeşil İklim Fonu, web sitesinde logoyu keskin beyaz ve koyu siyah unsurlarla karşılaştırarak stratejik olarak izolasyon etkisini sonuna kadar kullanıyor.
Kimin Biraz Çalışmaya İhtiyacı Var?
Masters renk paletindeki yeşil, bozulmamış bir golf sahasını doğru bir şekilde yansıtsa da, sarı ile kontrastı turnuvanın prestijini azaltır. Aslında, bir çalışmada yanıt verenlerin yüzde 22'si sarıyı "ucuz" bir renk olarak değerlendirdi ve yüzde 26'sı turuncuyu en ucuz görünen renk olarak değerlendirdi. Sarının özellikle yeşille birlikte kullanılması, turnuvanın temsil etmesi gereken elit atletizmi ve sofistikeliği baltalıyor.
2. Tipografi
Metin bize bir şey söyler ama aynı zamanda bize bir şey gösterir. Alfabedeki harfler ve bunlardan oluşturulan kelimeler metinsel oldukları kadar görseldir. Görsel yönleri - bir sayfada veya ekranda nasıl göründükleri - kasıtlı olsun ya da olmasın, bize arkalarındaki anlam hakkında bir şeyler söyler.
Tipografinin Gücü: Kişilik ve NetlikYazı tiplerinin farklı kişilikleri vardır. Stoacı, esprili, ciddi ve hatta tuhaf olabilirler. Ve kişilikleri zamanla değişebilir. Aslında, farklı zamanlarda farklı yazı tipleri popüler olmuştur ve her biri bugün bu tarihsel ağırlığı kendileriyle birlikte taşımaktadır.
2012'de Errol Morris, The New York Times'ta 45.000 okuyucunun altı farklı yazı tipiyle yazılmış bir iddiaya verdiği yanıtları ölçen resmi olmayan bir çalışma yürüttü: Computer Modern, Georgia, Helvetica, Trebuchet, Comic Sans ve Baskerville. Morris, okuyuculardan iddianın doğru mu yoksa yanlış mı olduğuna inandıklarını not etmelerini istedi. Sonuç? Baskerville'de yazıldığında, insanların iddianın doğru olduğuna inanma olasılığı daha yüksekti.
Tarihsel olarak gazetelerde kullanılan bir serif yazı tipi olan Baskerville, ciddiyet, doğruluk ve karmaşıklık konusunda bir üne sahiptir. Comic Sans ise öyle değil. Baskerville iddiasının görselliğinin okuyucuları buradaki kelimelere güvenmeye teşvik etmesi şaşırtıcı değil.
Tipografi, markanızın kişiliğini aktarır ancak aynı zamanda mesajlarınızın etkililiği üzerinde de kritik bir etkiye sahiptir.
İşte bazı yaygın yazı tiplerinin ve geçmişlerinin bir dökümü:
Serif yazı biçimleri:
Eski tarz
Örnekler: Adobe Jenson, Goudy Old Style
Şunlarla karakterize edilir: Harflerin en ince kısmında çapraz bir vurgu; gazete ve dergilerde yaygın
Geçmişi: 1400'lere; en eski serif stilleri
Nitelikler: sofistike, ciddi, bilge
geçiş
Örnekler: Times New Roman, Baskerville
Karakteristik: dikey bir simetri ekseni
Tarihler: 1700'lere kadar
Nitelikler: geleneksel, açık sözlü
Neoklasik/Modern
Örnekler: Didot, Marconi
Şunlarla karakterize edilir: kalın ve ince vuruşlar arasındaki önemli farklar
Tarihler: 1700'lere kadar
Nitelikler: çağdaş, taze, bilge, kendine güvenen
Sans-serif yazı biçimleri:
Grotesk:
Örnekler: Venüs, Haber Gotik
Şunlarla karakterize edilir: seriflere benzerlikleri, ancak serifler olmadan; başlıklar ve başlıklar için iyi
- Tarihler: 1700'lere kadar
Nitelikler: otorite, cesaret
Neo-Grotesk:
Örnekler: Helvetica, Roboto
Karakteristik özellikleri: groteskle benzerlikleri, ancak görünüş olarak daha sade olmaları
- Tarihler geri: 1900'lere kadar
Nitelikler: basit, kesin, temiz, basit
Hümanist:
Örnekler: Verdana, Calibri
Karakteristik özellikleri: düşük X yükseklikleri ve vuruşlar arasındaki düşük kontrast
- Tarihler: 1400'lere kadar
Nitelikler: Yumuşak, anlaşılır
Geometrik:
Örnekler: Gotham, ITC Avant Garde
Karakteristik özellikleri: geometrik görünümleri, özellikle O-şekilli harflerde
- Tarihler geri: 1900'lere kadar
Nitelikler: Modern, temiz ama oyuncu, dolu, zengin
Sizin İçin Ne İfade Ediyor?
Markanızla, renk paletinizle, logonuzla ve görsellerinizle yankı uyandıran bir yazı tipi ailesi seçmek, şirketinizin kişiliğini aktarmanıza ve hedef kitlenize her mesajın ardındaki duyguyu güçlendirmenize yardımcı olur.
Ancak mesajlarınızın anlamını etkileyen sadece yazı tipi değildir. Kelimelerin yeri, boyutu, şekli, rengi ve karşıtlığı, okuyucuların onları nasıl anladıklarına katkıda bulunur. Bu tanıtım belgesinde bile, içerikte daha kolay hareket etmenize ve süreçte bilgi almanıza yardımcı olmak için belirli kelimeleri kalın, diğerlerini italik hale getirdik ve belirli satırların boyutunu ayarladık. Metni okumadan bile, muhtemelen hangi satırların başlık olduğunu, hangi kelimelerin en önemli olduğunu ve hangi ifadelerin bölüm sonlarını gösterdiğini bilirsiniz. Bu bilgiyi görsel olarak topladınız, sadece metin olarak değil. Tipografinin gücü budur.
Bilmeniz Gereken Tipografi Terimleri
- Şerif : Bir harfin yuvarlak veya kare olabilen ayakları
- Sans serif: ayaksız harfler içeren yazı tipleri
- Yazı tipi: benzer temel niteliklere sahip bir grup yazı stili
- Kontur: Serif hariç bir harf içindeki çizgiler
- Yazı tipi ağırlığı: bir yazı tipi içindeki konturların kalınlığı
- Yükselen: l, h ve f harflerinin üst yarısı gibi orta çizginin üzerinde yükselen herhangi bir vuruş
- Baseline: Harflerin altından geçen yatay çizgi
- Büyük Harf Yüksekliği: Bir harfin taban çizgisinden yükseleninin tepesine kadar olan yüksekliği
- Descender: p, q ve y harflerinin alt yarısı gibi taban çizgisinin altına düşen tüm vuruşlar
- Medyan çizgi: küçük harflerin üstünden geçen yatay çizgi
- Karakter aralığı: Okunabilirlik ve stil için bir sözcükteki tek tek harfler arasındaki aralığı manuel olarak ayarlama işlemi
- Öncü: satırlar arasındaki boşluğu ayarlama süreci
- İzleme: Okunabilirlik ve stil için bir sözcükteki tüm harfler arasındaki boşluğu manuel olarak ayarlama işlemi
- Tipografik hiyerarşi: Önemi vurgulamak için sayfanızdaki metne nasıl öncelik verilir?
- X-yüksekliği: küçük harfin taban çizgisinden medyan çizgisine kadar olan yüksekliği
Markanızın tipografi kullanımını değerlendirirken şu soruları aklınızda bulundurun:
Markanız için yazı tiplerini nasıl seçtiniz? Yazı tipi seçiminiz içeriğiniz hakkında ne söylüyor?
Tipografiniz herhangi bir duygu veya düşünceye ilham veriyor mu? Bunlar markanızın kişiliği ve stratejisi ile uyumlu mu?
Tipografik seçimleriniz rakiplerinizinkilerle nasıl karşılaştırılır? Markanızın öne çıkmasına veya uyum sağlamasına yardımcı oluyorlar mı?
Tipografik hiyerarşiniz hedef kitlenize öncelikleriniz hakkında ne söylüyor? Doğru mesajlar göze çarpıyor mu?
Markanız tipografiyi bilerek ve düşünerek mi kullanıyor?
Kim Doğru Anlıyor?
2012'de Twitter'ın kurucu ortakları Ev Williams ve Biz Stone, "sözlerin önemli olduğuna" inanan popüler bir yayıncılık platformu olan Medium'u başlattı. Siteleri, cana yakın ama güvenilir bir tonu iletmek için başlıklarda bir Geçişli yazı tipi ve paragraf metni olarak sıcak ve davetkar bir görünüm yaymak için bir Hümanist sans serif yazı tipi (Freight Sans) kullanıyor. Aynı zamanda, sayfanın hangi alanlarının en önemli olduğunu belirtmek için farklı boyutlarda çizgiler, değişen büyük harfler ve vuruş güçleri ve biraz farklı yazı tipi renkleri içeren güçlü bir tipografik hiyerarşi kullanır.
Kimin Biraz Çalışmaya İhtiyacı Var?
AutoZone'un logosu oldukça güçlü bir tipografik hiyerarşiye sahip olsa da, bu organizasyon ana sayfasının geri kalanında eksik. Seçim menüsü, harekete geçirici mesaj ve başlık başlığı, benzer boyutta yazı tiplerini kullanır ve çok az nefes alacak şekilde birbirine yakın yapılandırılmıştır. Buna ek olarak marka, harfler arasındaki sıkı boşluklarla karakterize edilen yaygın bir neo-grotesk yazı tipi olan Helvetica Neue'yi kullanıyor. Bu yazı tipinde ayrım yoktur ve okuyucuların sayfanın önemli alanlarını geçiştirmesini kolaylaştırır.
3. Görüntü
Görsel kimlik birçok öğeden oluşsa da, sayfanızın ziyaretçilerini en çok etkileyebilecek olan görseller ve simgelerdir. Görseller bir hikaye anlatır ve seçtiğiniz görseller, hem izleyicilerde yankı uyandıran hem de mesajlarınızın geri kalanıyla tutarlı bir anlatım oluşturmalıdır.
İmgelemenin Gücü: Anında Hikaye Anlatma
Dikkat, Algı ve Psikofizik'te yayınlanan bir araştırmaya göre, insanlar görüntüleri 13 milisaniye kadar kısa bir sürede işleyebilir - bu, metni işleme hızımızdan 60.000 kat daha hızlıdır. Doğru görselin, doğru yerde, doğru zamanda olması, okuyucunuza içerik deneyimi boyunca rehberlik etmesi açısından çok önemlidir.
Journal of Business & Industrial Marketing'de yapılan bir araştırma, hizmetle ilgili görüntülerin müşteri sadakati oluşturmada doğrudan olumlu bir etkiye sahip olduğunu, mallarla ilgili görüntülerin oluşturduğu sadakatin ise müşterinin imajdan duyduğu memnuniyete bağlı olduğunu buldu. Bu çalışma, görüntülerinizin metninize ve ürünlerinize bir ek olmadığını, bunun yerine hedef kitlenizle iletişim kurmanın ve etkileşimde bulunmanın başka bir yolu olduğunu gösteriyor. Doğru kullanılırsa görseller, ilk işlerini ve uzun vadeli sadakatlerini kazanmanıza yardımcı olabilir.
Sizin İçin Ne İfade Ediyor?
Görsel kimliği düşündüğünüzde, muhtemelen aklınıza gelen ilk varlık görsellerdir. Görüntüler anlatıları destekler ve bağlam kazandırır. Ayrıca kendi içlerinde bir hikaye sağlayabilirler. Düşünceli bir şekilde kullanıldığında görseller, markanız ve hedef kitleniz arasında anında anlamlı bir bağlantı oluşturabilir. Bununla birlikte, keyfi olarak veya kasıtsız kullanıldığında görseller, kitlenizin markanıza ilişkin görüşünü bulandırabilir ve anlatmaya çalıştığınız genel hikayeyle tutarsız mesajlar gönderebilir.
Görüntüleri seçerken içerik öğelerini ve stil öğelerini dikkate almak önemlidir:
- İçerik öğeleri , ayarları, aktörleri, temaları, ortamları ve etkileşimleri içerir.
- Stil öğeleri , renk paletlerini, filtreleri, parlamaları, düzenlemeyi ve kompozisyonu içerir.
Bu bileşenler birlikte, izleyicilerin görüntülerinizi ve nihayetinde markanızı nasıl algılayacağını etkiler.
Resimlerinizin diğer görsel öğelerinizi tamamlaması önemlidir, ancak birbirleriyle tutarlı olmaları da gerekir. Görüntülerinize dahil ettiğiniz figürleri ve insanları da düşünmek isteyeceksiniz. Fotoğrafçılığınız hedeflediğiniz kitleyi yansıtıyor mu? Resimleriniz sektörünüzün ve izleyicilerinizin dünyasının gerçek bir temsili mi?
Bilmeniz Gereken Görüntü Terimleri
Kompozisyon: Bir görüntünün öğelerinin (metinsel, görsel veya soyut) bir çerçeve içinde nasıl düzenlendiği
Simge: bir markanın veya bir öğenin grafiksel temsili
Filtreleme: gürültüyü azaltarak, özellikleri vurgulayarak, özellikleri ayırarak veya özellikleri matlaştırarak bir görüntüyü geliştirme süreci
Mercek parlaması: ışık mercek boyunca dağıldığında, yıldız benzeri parlak bir görüntüye neden olur
Kenar boşluğu: bir görüntünün kenarındaki boşluk
Üçte bir kuralı: Bir görüntü eşit aralıklarla yerleştirilmiş dokuz panelden oluşan bir ızgaraya bölündüğünde, kılavuz çizgilerinin birleştiği noktalar görüntünün odak noktaları olmalıdır.
Doygunluk: bir tonun yoğunluğu
Doku: bir görüntünün yarattığı dokunma efekti
Markanızın görüntü portföyünün (resimleriniz, simgeleriniz ve logolarınız dahil) durumunu değerlendirirken şu soruları göz önünde bulundurun:
Markanızın görselleri kalite ve tarz açısından tutarlı mı?
Markanızın simgeleri ve görüntüleri, hedef kitleye markanızın kişiliği hakkında ne anlatıyor?
İzleyiciler, simgelerine ve görsellerine dayanarak markanız hakkında ne öğreniyor?
Resimleriniz genel marka anlatınızı destekliyor mu?
Görüntünüz kimi temsil ediyor?
Kim Doğru Anlıyor?
The North Face, markası ve görselleri arasında anlatım tutarlılığı sağlama konusunda uzmandır. Web sitesinin tamamında, görseller, markanın kişiliği ve sloganı olan "Keşfetmeyi asla bırakma" ile mükemmel bir şekilde örtüşen macera kareleri, elementlere göğüs geren insanlar ve temiz, gösterişten uzak kompozisyonlarla doludur.
Kimin Biraz Çalışmaya İhtiyacı Var?
Grand Canyon National Park'ın web sitesi, turistlerin ve yerel halkın tatillerinden en iyi şekilde yararlanmak için kullanabilecekleri tonlarca yararlı bilgi sağlar, ancak sitedeki görüntüler aynı incelik ve süreklilikten yoksundur. Orijinal fotoğrafçılık ve stok fotoğrafları, tutarlı bir marka görünümü ve hissi vermek için gereken tutarlı filtreleme ve renk paleti olmadan, illüstrasyonların ve animasyonların yanında durur.
4. Uzamsal İlişkiler ve Sayfa Düzeni
"Her şey için bir yer ve her şey yerli yerinde" mantrası, düzenli çekmeceler ve temiz bir odadan daha fazlasıdır. Görsel kimliğiniz söz konusu olduğunda, uzamsal ilişkiler ve görüntü ve metin düzeni, hedef kitlenizin sitenizde gezinme ve içeriğinizle etkileşim kurma becerisi üzerinde büyük bir etkiye sahip olabilir. Sayfanız çok karmaşıksa, bir kullanıcıyı bunaltabilir; çok boşsa, tamamlanmamış veya etkileyici görünmeyebilir.
Mekânsal İlişkilerin Gücü: Dikkati Yönlendirmek
Estetik seçimler ve sayfa tasarımı düzenleri, kullanıcıların markanızla etkileşimini doğrudan etkiler. Kitlelerin markanıza ne kadar güvendiğini de etkileyebilirler. Bir araştırma, bir markanın web sitesini ilk kez görüntüleyen katılımcıların yüzde 94'ünün, sayfasının sorunlu bir tasarıma sahip olması durumunda kuruluşa güvenmediğini buldu. Çalışma, darmadağın, sıkıcı ve meşgul düzenlerin güvensizlik ve kafa karışıklığını tetikleyebileceğini söyleyerek devam ediyor.
İzleyicilerin içerikte nasıl gezindiğini anlamak, Gestalt'ın gruplandırma ilkelerine temel düzeyde aşinalık gerektirir. 1920'lerde, psikologlar Max Wertheimer, Kurt Koffka ve Wolfgang Kohler, belirli algı yasalarını tanımlayan Gestalt ("birleşik bütün" anlamına gelen Almanca) gruplama ilkelerini geliştirdiler. İnsanlar, örneğin birbirine benzeyen görsel öğeleri veya birbirine çok yakın olan öğeleri gruplandırır. Nihayetinde, bu ilkeler insan algısının üç ana ilkesini açıklar:
Parçaları görmeden önce bütünü görüyoruz.
Bütün, parçaların toplamından farklıdır.
Parçalarla içgüdüsel olarak kalıplar ve gruplamalar yaparız.
İlk ilkeyi, kitlenizin siteniz hakkındaki ilk izlenimi, ikincisini de kitlenizin sayfanızdaki yolculuğu olarak düşünün. Üçüncü ilke, hedef kitlenizin sayfayı bir bütün olarak nasıl işlediği ve buradan sitenizle ilgili algılarını nasıl şekillendirdiğidir.
Sizin İçin Ne İfade Ediyor?
Mantıklı bir metin ve görüntü akışı, hedef kitlenize sitenizde rehberlik etmeye yardımcı olur. İngilizce okuyan izleyiciler, görselleri ve web sayfalarını görüntülerken, yazılı içeriği tarama şekillerini taklit eden bir Z-yolu modelini (yukarıdan aşağıya, soldan sağa) otomatik olarak takip etme eğilimindedir. Ancak, bu kullanıcılar sayfa tasarımınızda çok fazla Z-yoluyla karşılaşırlarsa, genellikle öne çıkmayan alanları gözden geçirmeye veya geçiştirmeye başvururlar.
İyi düzenlenmiş bir sayfa, kullanıcıları Z yolundan çıkarabilir ve onları belirli öğelerle etkileşime geçmeye teşvik edebilir. Sayfanızın öğelerini bir konteyner hiyerarşisinde bilinçli bir şekilde düzenlemek, izleyicilerin içeriğinizle etkileşim kurma şeklini yönlendirmenize yardımcı olabilir.
Sitenizi düzenlerken, içeriğinizin nefes alması için alan bırakmak çok önemlidir. Bu, beyaz boşluk ve oluklar kullanılarak elde edilebilir. Dikkatli bir düzenin, izleyicilerin sitenizde gezinmesine yardımcı olmanın anahtarı olduğunu unutmayın.
Bilmeniz Gereken Düzen Terimleri
Ekranın üst kısmı: Bir web sayfasının aşağı doğru kaydırılmadan önce görünen kısmı
- Eserler: yazılan içeriğin parçası olmayan grafikler, nesneler veya diğer pazarlamalar
Kapsayıcılar: içeriği tutan ve sayfa yapısını veren bir sayfanın öğeleri
Cilt payı: bir sayfadaki kaplar arasındaki boşluk
Izgara: bir sayfayı oluşturan kapların yapısı
Waffle-demir ızgara: eşit boyutta ve konumlandırılmış dokuz (bazen az ya da çok) konteynerden oluşan standart bir yapı
Hiper çerçeve/kenar boşluğu: bir sayfanın kenarındaki boşluk
Çoklu çerçeve: tüm tasarım varlığının etrafındaki boşluk (bu varlığın yalnızca tek bir sayfası değil)
Ray: içerik gövdesinin sağ veya sol tarafında uzanan dikey kaplar
Beyaz boşluk: içeriğin nefes almasına yardımcı olan kaplar arasında ve çevresinde boşluk
Sayfalarınızın ve içeriğinizin düzenini değerlendirirken şu soruları göz önünde bulundurun:
Marka sayfanızın öğelerine nasıl öncelik veriyorsunuz? Düzeninizde kasıtlı bir hiyerarşi var mı?
- Kitleler düzeninizden nasıl bir izlenim alacak? Güven mi yoksa güvensizlik mi gösteriyor?
- Sayfa çok mu dağınık? çok seyrek?
Düzeniniz, gözleri sayfa boyunca nasıl yönlendiriyor? Etkili mi?
Sayfanız Z yolu okuma modelini takip ediyor mu? Yoksa izleyicileri sitenizin farklı köşelerine mi yönlendiriyor?
Kim Doğru Anlıyor?
Dikkatlice yerleştirilmiş farklı boyutlardaki kaplar, okuyucuyu bunaltmadan veya kaydırmaya zorlamadan Slack'in blogundaki içeriğe öncelik verilmesine yardımcı olur. Marka, okuyucunun görüntülediği içeriğin doğasında ince bir değişikliğin sinyalini verirken görsel ilgi uyandıran standart bir başlık stili, ancak farklı kapsayıcı yapılandırmaları ile farklı içerik kategorileri başlatır.
Kimin Biraz Çalışmaya İhtiyacı Var?
Web sayfası tasarımında öğelere nefes alacak yer vermek önemlidir. Ancak, çok fazla beyaz alan, PBS'nin açılış sayfasında olduğu gibi, sitenizin devam eden bir çalışma gibi görünmesine neden olabilir.
Alternatif olarak Rolling Stone , sayfasını aşırı kalabalıklaştırarak yanlış adımlar atıyor. Çok fazla kapsayıcı ve demiryolu alanının aşırı kullanımı bu sayfanın dağınık ve düzensiz görünmesine neden olur.
Dünyaya Markanızın Neyi Temsil Ettiğini Gösterin
Renk paleti ve tipografiden görsel ve düzene kadar, markanızın görsel kimliği, izleyicilerin içeriğinizi nasıl algılayacağı, içerikle etkileşim kuracağı ve paylaşacağı konusunda merkezi bir öneme sahiptir. Bu düşünce liderliği varlığında sunulan en iyi uygulamaları ve içgörüleri kullanarak görsel kimliğinizi geliştirmeye başlayabilirsiniz. Bununla birlikte, görsel bir kimlik oluşturmanın herkese uyan tek bir alıştırma ya da tek seferlik bir süreç olmadığını unutmayın.
Bir marka için işe yarayan sizin için işe yaramayabilir ve bugün sağlam bir görsel kimlik gibi hissettiren şey, bundan bir yıl sonra tamamen geçersiz olabilir. Görsel kimliğinizi oluştururken yalnızca marka tutarlılığı ile en iyi tasarım uygulamaları arasında bir denge kurmak değil, aynı zamanda estetik seçimlerinizin mevcut misyonunuzu, değerlerinizi ve vizyonunuzu doğru bir şekilde temsil etmesini de isteyeceksiniz.
Markanızın uzmanı sizsiniz ve web sitenizin tasarımından içeriğinizde kullandığınız yazı tiplerine kadar yaptığınız her şeyde markanın kişiliğinin gerçeğe uygun olmasını sağlamak size kalmış. Ayrıca markanızı ve hedef kitlesini temsil eden görseller seçmeniz gerekecek. Sonuçta, eski bir atasözünde olduğu gibi, "Görmek inanmaktır." Kitleniz gördüklerini ve görüldüklerini hissettiklerini beğenirse, muhtemelen markanızı destekleyecek ve bundan sonra yapacaklarını sabırsızlıkla bekleyeceklerdir.
Öne çıkan resim özelliği: Unsplash'ta Mahir Uysal