Banner Nasıl Yapılır? En İyi Banner Tasarım Örnekleri

Banner Nasıl Yapılır? En İyi Banner Tasarım Örnekleri

Banner, Dijital pazarlama sektörünün en eski reklam türlerinden biri olarak uzun zamandan beri kullanılmaktadır. Mobil uygulamaların yaygınlaşmasıyla birlikte önemini biraz yitirmiş olsa bile hala kitle pazarlamanın en önemli parçalarından biridir. Diğer dijital reklam seçeneklerine kıyasla genellikle daha büyük ve göz alıcı olması, bannerların insanların bilinçaltına daha çabuk etki edebilmesini sağlıyor. Bu nedenden dolayı büyük kurumsal firmalar, marka bilinilirliğini oluşturmak ve korumak için bannerları sıklıkla tercih etmektedir.

 

apple banner

 

Banner Nedir?

İnternet sitelerinin genellikle üst ve yan tarafları gibi dikkat çekici yerlerine yerleştirilen, boyutları bulunduğu platformun tasarımına göre degişiklik gösterebilen görsel reklam aracıdır. Bannerların büyük çoğunluğu, ziyaretçileri reklamı veren kurumun kendi web sayfasına yönlendirmesi için kullanılır.

Sanal dünyada ne kadar çok sayıda web sitesi olduğunu ve bu web sitelerinde ne kadar çok banner bulunduğunu düşününce, sayının milyonları aştığını tahmin edebilirsiniz. İhtiyaç duyulan miktarın bu kadar çok olmasından dolayı, banner yapım aşamasını kolaylaştırmak için programlar ve web sayfaları ortaya çıkmıştır. Hem programlama teknolojisinin hızla gelişmesi hem de bu platformlar arasındaki rekabet, banner yapım sürecini çok kolay ve çabuk hale getirmiştir.

Tasarım oluşturmaya başlamadan önce, konuyu daha detaylı kavrayıp daha güzel sonuçlar elde etmek için banner editörlerini, ölçülerini ve çeşitlerini öğrenmekte fayda var.

Flash Banner

En eski ve en çok bilinen banner editörüdür. Kodlanmaya müsait olduğu için kendi içerisindeki çeşitlilik yelpazesi de çok geniştir. Bannerın üzerinde test veya anketler yapabilir, hatta size web sitesi üzerindeki kendi alanı içerisinde oyun bile oynatabilir. Bu gibi özellikleri sayesinde daha ilgi çekici hale gelip, aldığı tık sayısını arttırabilmektedir. Fakat bu özelliklerin işlemci kullanımını arttırıyor olması ve dolayısıyla web sitesinin sayfa yükleme hızını düşürüyor olması büyük handikaplarından. Dokunmatik cihazlardan görünülenmesinin zor olması ve Ios’un flash desteklemiyor olması, flashın yerini yavaş yavaş HTML5 bannerlara bırakmasının sebebidir.

HTML5 Banner

Flash bannerın yerine alternetif olarak çıkartılmış ve artık yaygın olarak kullanılmaktadır. Telefon ve tablet gibi mobil cihazlar tarafından desteklenmesi ve Google Ads ile uyumlu bir şekilde çalışıyor olması, HTML5 bannerın tüm sektöre yayılmasını sağlamıştır. HTML5 bannerlarınızı JPG, PNG, JPEG ,GIF ve HTML formatlarında zip haline getirip Google Ads’e yükleyebilirsiniz.

 

Banner Ölçüleri

Platformdan platforma değişiklik gösterse de belirli standartlar vardır ve ölçü birimi olarak piksel kullanılır. Ayrıca dosya boyutunun özel olarak belirtilmedigi taktirde 150 kb üzerinde olmaması gerekir. Google Ads tarafından kullanılan sabit ölçüler görselde belirtilmiştir.

 

google ads banner

 

Google Ads haricinde diğer platformlar da kalıplaşmış standartlar kullanıyor. Genel olarak resimler için JPG ve animasyonlar için GIF formatları kullanılır. Ziyaretçi sayısı fazla olan web siteleri, bu alanlardan elde ettikleri reklam gelirlerini arttırmak için birden fazla yerden reklam alarak bunları dönüşümlü olarak göstermektedir. En çok kullanılan ölçülerden bazıları ise;

 

  • Cover banner 468 x 60
  • Micro banner 120 x 60
  • Leaderboard banner 728×90
  • Tower banner 120 x 600

 

Banner Çeşitleri

Dijital pazarlama sektörünün hızla gelişiyor olmasıyla birlikte pazarlamacılar da hedeflerine ulaşabilmek için farklı yöntemler geliştirmeye çalışıyor ve bu çalışmalar tasarımlarda çeşitliliğe yol açıyor. Bu nedenden dolayı çok fazla banner çeşidi olsa da en çok kullanılanları;

  • Rollover banner

Genellikle web sitesinin cover banner alanında yayınlanan reklam, imlecinizi üzerine götürmeniz durumda aşağıya doğru açılmaktadır. Açılmış halinde 468 x 150 üst sınır kabul edilerek ölçülendirilir.

  • Pop-under banner

İnternet kullanıcılarını en çok rahatsız eden reklam türlerinden biri olan pop-under, ziyaret etmek üzere girilen siteden ayrı yeni bir pencere olarak açılır. Sabit veya hareketli olarak kullanılabilir. Açılan pencere boyutu olarak genellikle 200 x 300 tercih edilir.

  • Floating

Web sitesine giriş yapıldığında genel olarak alt bölümlerde veya video oynatma alanı üzerinde çıkıp, belli bir süre sonra kaybolan ya da başka bir alana geçip sabit kalan banner çeşididir. Maksimum gösterim süresi 7 saniye olan bu reklamların boyutu en fazla 200 x 200 olacak şekilde kullanılır.

  • Expendable

Ilk olarak sabit şekilde web sitesi üzerinde bulunan bu banner, imlecinizi üzerine götürmeniz durumunda floating bannera dönüşür. Açık boyutunda en fazla 468 x 150 ölçülerine ulaşır.

  • Commercial break

Ziyaret edilen sayfaya giriş esnasında, sayfa görüntülenmeden önce tüm sayfayı kaplayacak şekilde çıkıp bir süre sonra kendiliğinden kaybolan reklam çeşididir.

banner coca-cola

Banner Nasıl Yapılır?

Bannerınızı bir görsel tasarım platformu aracılığıyla kolaylıkla oluşturabilirsiniz. Fazla teknik bilgiye ihtiyaç duymadan, site içi yönlendirmeler ve araçlar sayesinde kendi banner tasarımınızı oluşturabileceğiniz popüler programlar ve web siteleri aşağıda listelenmiştir. Ayrıca listenin en alt sırasında, grafik geliştirme platformu olan Canva ile yeni başlayanlar için nasıl görsel yapılabileceğinin detaylı anlatımı bulunmaktadır. Yazımızı okuyarak, program indirmeden kısa bir süre içerisinde kendi tasarımınızı yapabilirsiniz.

Banner Yapmak İçin Kullanılabilecek Programlar

  • Banner Maker Pro

Adından da anlaşılabileceği üzere banner oluşturmak için tasarlanan site, bu alanda kullanıcılarına büyük kolaylık sağlar. Basit ara yüzü, hazır şablonlar ve araçları ile hem yeni başlayanlar hem de profesyoneller için uygundur. Bu programla hareketli bannerlarınızı bile çok kısa süre içerisinde oluşturabilirsiniz.

  • Bannernow

Banner yapmak için piyasaya çıkmış olan bu programla her türlü bannerı oluşturabilirsiniz. Flash formatında da oluşturabiliyor olması bu programın en öne çıkan özelliğidir.

  • Adobe Photoshop

En popüler görsel oluşturma ve düzenleme programlarından biri olan Adobe Photoshop, kafanızda canlandırdığınız tasarımı gerçeğe dönüştürebilecek donanıma sahiptir. Program içi araç sayısının çok fazla olması ve yüksek kaliteli çalışmaların yapılabiliyor olmasından dolayı, üst seviye tasarımlar için tercih edilmektedir.

  • Adobe Illustrator

Çizim ve grafik tasarım sektöründe en çok tercih edilen programlardan biridir. Profesyoneller tarafından logo, poster, grafik ve daha birçok görsel türünü oluşturmak için kullanılan Illustrator programıyla yüksek kaliteli banner oluşturabilirsiniz.

  • Pixia

Photoshop ve Illustrator programı kadar detaylı olmasa da bu program üzerinden kolaylıkla ihtiyacınızı karşılayacak seviyede görseller oluşturabilirsiniz.

  • Gimp

Bir diğer kendi bannerınızı oluşturabileceğiniz program ise Gimp. Bu programın listemize girmesinin en büyük nedeni ücretsiz olması. Linux işletim sistemi ile de uyumlu olan program kolay bir kullanım sunmaktadır.

  • Google Web Designer

Google hizmetlerinden birisi olan bu web platformu ile Google Ads uyumlu HTML5 ve javascript bannerlarınızı kolayca oluşturabilirsiniz. Çizim araçları, 3D nesneler ve metinler ile görselinizi oluşturabilirsiniz. Ayrıca bu Google platformu şablon, video, fotoğraf ve reklam ağı araçları içeren geniş bir kütüphaneyi kullanıcılarına sunmaktadır. Kod görünümü ve otomatik kod tamamlama özellikleri sayesinde kodlama hatalarınızı en aza indirmektedir.

Banner Yapmak İçin kullanılabilecek Web Sayfaları

  • Bannersnack

Bir program indirmeden web tarayıcınız üzerinden banner oluşturmanız için hizmet veren bu platformu da ücretsiz olarak kullanabilirsiniz. Bannersnack ile Google Ads, Facebook ve Instagram başta olmak üzere birçok platform için görsel oluşturabilirsiniz.

  • Canva

Günümüzün en popüler platformlarından biri olan Canva ile kendi banner tasarımlarınızı dakikalar içerisinde yapabilirsiniz. Site içi sunduğu araçları, hazır şablonları ve esinlenebileceğiniz banner örnekleri bulunan görsel kütüphanesi yeni başlayanlara yardımcı olmaktadır. Ücretsiz olarak da faydalanabileceğiniz Canva, bellirli bir ücret ödemeniz karşılığınızda ise daha detaylı faydalanabilmenize olanak sağlamaktadır. Ayrıca Canva, web sitesi üzerinden hizmet vermekle beraber kendi uygulaması aracılığıyla da aynı hizmeti sunmaktadır.

İlk olarak Canva.com’a giderek bir üyelik oluşturmanız gerekmektedir. Mail hesabınızla ya da Facebook ve Google hesaplarınız üzerinden kayıt olabilirsiniz. Kayıt olduktan sonra tasarım oluşturabilmeniz için iki seçeneğiniz var; sağ üstte bulunan dizayn oluştur butonuna tıklayarak sıfırdan bir tasarım yapmak ya da daha önce yapılmış olan banner örneklerinden beğendiğiniz bir tasarım üzerinde değişiklikler yapmak.

Kendi tasarımınızı oluşturmak için ilk olarak dizayn oluştur butonuna tıkladıktan sonra altta bulunan özel boyut seçeneğini şeçmelisiniz. İhtiyacınız olan banner türüne göre yukarıda belirttiğimiz ölçülerden birini seçip, piksel birimi üzerinden kutucuklara yazıp yeni tasarım oluştura tıklamanız gerekiyor. Yeni sekmede açılan tasarım penceresinin sol tarafındaki menüde araçlar bulunmakta. Arka planları, bileşenleri ve fotoğrafları kullanarak tasarımınızı oluşturmaya başlayabilirsiniz. İsterseniz yüklemeler butonuna basarak, kendiniz görsel yükleyip tasarımınızda kullanabilirsiniz. Tasarım ekranının üst tarafında bulunan diğer araçları da kullanarak kırpma,döndürme ve konumlandırma gibi biçimlendirme işlemlerinizi yapabilirsiniz. Görselinizi oluşturup tamamladıktan sonra ise sağ üst kısımda bulunan indir butonuna tıklayarak bilgisayarınıza ya da mobil cihazınıza indirebilirsiniz.

Başka bir tasarım üzerinden kendi bannerınızı oluşturmak için ana menüde bulunan arama çubuğunu kullanarak başlayabilirsiniz. Bu alana banner yazarak, karşınıza çıkan örnekler arasından beğendiğiniz bir tasarımı seçerek başlayabilirsiniz. Bu tasarım üzerinde ekleme ve çıkarmalarla istediğiniz değişiklikleri yapıp kişiselleştirebilirsiniz.

 

Banner Yaparken Nelere Dikkat Etmeliyiz?

  • Bannerların amacı insanlarda bir etki yaratmak veya tıklanmasını sağlamaktır. Görselimizi oluştururken dikkat çekici olmasına özen göstermeliyiz.
  • Tasarım karışıklıktan uzak, sade olmalıdır.
  • Animasyon öğelerini ölçülü kullanıp, gösterim hızına ve boyutuna dikkat etmeliyiz.
  • Reklam amaçlı tasarım yapıyorsak markayı iyi analiz edip, markayla uyumlu tasarımlar yapmalıyız.
  • Tıklanma sayısını arttırmak için, eyleme çağrı butonları ekleyebiliriz.
  • Tasarımımızın ölçülerinin doğru olması çok önemlidir.
  • Genellikle internet kullanıcıları reklam içeriklerine uzun süreli bakmadığı için sloganımız kısa ve net olmalıdır.

 

En İyi Banner Tasarım Örnekleri

Kendi bannerınızı tasarlamaya başlamadan önce profesyonel ve amatör tasarımcıların oluşturduğu banner örneklerine bakmakta fayda var. Değişik tasarımlardan esinlenerek, kendi tasarımınızda kullanmak üzere fikirler elde edebilirsiniz.

Banner Ornekleri

banner ornekleri

banner ornekleri

banner ornekleri

banner ornekleri

 

banner ornekleri

banner ornekleri

İlgili yazılar
1 Yorum
melike pınar

Okuduktan sonra başka bir siteye girme ihtiyacı duymadım, teşekkürler

Yorum bırak

Bilgilerinizi girerek yorum yapabilirsiniz.Required fields are marked *