Grafik İnternet Sosyal Medya

Sosyal Medya Resimlerinizi/Tasarımlarınızı Geliştirmenin 11 Temel İlkesi

Markamız adına sosyal medyada düzenli paylaşımlar yapıyoruz. Ancak paylaşımlarda kullandığımız görselleri geliştirerek daha çok dönüş alabileceğimizi de biliyoruz.

Buffer adlı web sitesi bununla ilgili olarak 11 maddelik bir infografik (bilgilendirici görsel) hazırlamış. Görsel İngilizce ancak maddeleri Türkçe olarak aşağıya ekliyorum. Kendimden de bir kaç not ile yazıyı daha da zengin hale getirmeye çalışacağım.

Dilerim bundan sonraki paylaşımlarınızda bu hususlara dikkat ederek daha fazla etkileşim alabilirsiniz.

Önce infografik gelsin 🙂

1.Renk

  • Duyguları iletmek için kullanılır
  • Belirli bir kişiliği/karakteri destekler, ön plana çıkarır
  • Görselin ruh halini ve atmosferini belirler

Renkler ile ilgili bazı ipuçları verebiliriz. Mesela;

  • Kırmızı: Enerji ve aciliyet bildirir
  • Turuncu: Agresiflik
  • Sarı: İyimser ve gençlik
  • Yeşil: Zenginlik ve rahatlama
  • Mavi: Güven ve güvenlik
  • Pembe: Romantik ve kadınsı
  • Siyah: Güçlü ve şık
  • Mor: Yatıştırı ve sakin

2.Denge

  • Uyum hissi yaratır
  • Simetrik veya asimetrik olabilir
  • Her bir parçanın bir ağırlığı olur

Görsellerdeki denge çok önemlidir. Bunun için simetrik ögelerden faydalanılabileceği gibi, asimetrik ögeler de yeri geldiğinde mükemmel bir uyum ile görsel üzerinde denge sağlayabilir. Ya da ögelerin boyutu, renkleri, sıcaklık veya soğukluğu, gölgeleri bile bu dengeyi sağlamanıza yardımcı olur.

Simetrik bir gitlab çalışmasını buraya ekleyerek fikir sahibi olmanıza yardımcı olmak isterim.

Buffer’da paylaşılan ve asimetrik bir görsel ile de nasıl bir denge sağlanıldığını belirten görselimiz ise bir çoğumuzun belki de sosyal medyada karşısına çıkan okyanustaki kayık ve altından geçen balina fotoğrafıdır.

3.Çizgiler

  • Gözleri yönlendirmeye yardımcı olur
  • Düz çizgiler bir uyum oluşturmanıza yardımcı olur
  • Kıvrımlı çizgiler görsele hareket katmanıza yardımcı olur

Buradaki temel işlevimizin çizgilerimiz ile görsele bakan kişiyi istediğimiz tarafa yöneltmek olmalıdır.

4.Tipografi

Görselimizde yazı tipi kullanacak isek ne olursa olsun ilk önceliğimiz okunaklı olmasıdır. Özgün olmak adına okunaklı olmayan bir yazı tipi seçmeniz tamamen sizin zararınıza olacaktır.

  • Görselde kullanılacak yazı tipini en fazla 3 farklı tip olacak şekilde sınırlandırın.
  • Baskı için ‘serif’ yazı tiplerini, web siteleri için ‘san-serif’ yazı tiplerini tercih ediniz. Yazı tipleri ile ilgili olarak aşağıda ön izlemesi olan görseli inceleyebilirsiniz.
  • Büyük başlıklar için karakter aralığı kullanın.
Yazı Tipi Rehberi

5.Kontrast (Zıtlık/Karşıtlık)

  • Şekillerle, renklerle ve öge boyutlarıyla zıtlık ekleyiniz. Örneğin koyu zemin üzerine açık renk ile yazı yazdığımızda yazımız ön plana çıkarken görselimiz bu zıtlıkla dikkat çekiyor. İşte buna patlama deniliyor. Bazen duyarsınız, görsel patlıyor derler. İşte biz buna kontrast yani zıtlık/karşıtlık diyoruz.

Bahsettikleri şey, görüntüdeki karşıtlık. Kontrast, bir ögenin öne çıkmasını veya diğer ögelerden daha dikkat çekici olmasını sağlayarak ögeler arasında farklılaşmayı sağlar.

Bunun için aşağıdaki görseli inceleyebiliriz. Koyu yeşil zemin üzerine Gevheri’nin bir dizesini beyaz ve ‘sans-serif’ bir yazı fontu ile ekledim. Vermek istediğim mesajımı daha büyük bir şekilde yazdım.

6.Ölçek

  • Farklı ögeleri boyutlandırın
  • Bazı alanlara dikkat çekmenizi sağlar
  • Bir konsept oluşturmanıza yardımcı olur

Ölçeklendirmedeki temel amaç yine dikkat çekmektir. Örneğin yazı boyutları büyütülerek mesaja dikkat çekilirken, konsept uzaklaştırılır. Üstteki kullandığım görsel bir nebze bunu anlatabilir. Ancak aşağıdaki görsel tam anlamıyla bunu ifade etmektedir.

Bu görselde hedeflenen sizin önce büyük bir şekilde yazılmış olan yazıya dikkat çekmek, daha sonra balona yönlendirmek ve en son alt kısımda yer alan pembe yazıyı okumanızı sağlatmaktır.

7.Yakınlık

  • İlgili maddeleri birlikte gruplayın
  • Renkler, yazı tipleri ve şekilleri birbirine ilişkilendirin
  • Bazı ögelerin benzer şekilde algılanmasına yardımcı olur

Örneğin aşağıdaki görseli inceleyin. Renkler hariç dairelerin konumları aynı olmasına rağmen onları farklı olarak gruplandırdığınızı fark ettiniz mi?

8.Hiyerarşi (Aşamalı Sistem)

  • Önce en önemli ögeler gelir
  • Tasarımın amacına odaklanılır
  • Kıvrımlı çizgiler ile hareket kazandırılır.

9.Tekrarlama

  • Tutarlı bir marka olun.
  • Yazı tiplerine, renklere ve logolara odaklanın.
  • Tanınabilir bir görüntü oluşturun

Kendi renginizi, kendi fontunuzu ve tasarımınızı belirleyin ve sürekli buna vurgu yapın. Markalaşma aşamasındaki en önemli şeylerin temelinde bunlar yatar. Büyük markaların hepsi bu şekilde algı yaratmıştır.

10.Yön

  • İnsanlar “F”, “E” ve “Z” düzeninde okurlar
  • Anahtar bilgi için sol üst kısmı veya sol kısmı kullanın.
  • Tasarım akışınız hakkında bilgili olun.

İnsanların göz takipleri herkeste aynı olmasa da genel olarak kabul edilen “F, E ve Z” şeklinde hiza takip eder.

Sizler de tasarımlarınızda insanların bu göz takip sistemini dikkate almalısınız. Ayrıca yaptığınız tasarımlarda insanların sizin istediğiniz düzeni takip etmesini sağlamalısınız.

Yapılan araştırmalarda insanların web sitelerini gezerken %70 oranlarında sol tarafa odaklandıkları tespit edilmiştir.

11.Boşluk

  • Tasarımlarını oldukça basit tutun
  • Nesneleri öne çıkarmak için boşluk kullanın.
  • Ögeleri dışarı çıkarmaktan korkmayın.

Boşluk kullanımında ters boşluk kullanımı veya beyaz boşluk kullanımı oldukça etkilidir. Son zamanlarda bir çok tasarımda beyaz boşluk kullanımı oldukça yaygındır ve başarılıdır. Beyaz boşluk nesnelerin her birinin ortaya çıkmasını sağlar. Boşluk basitliktir. Aşağıdaki görsel beyaz boşluğun görsele kattığı gücü göstermeye en güzel örneklerden bir tanesidir.

Umarım sizlere faydalı olabilecek bilgiler aktarmışımdır.

Kaynak: https://buffer.com/library/social-media-design-tips

Yorum Yok

    Bir Cevap Yazın