Sosyal medya tüm web üzerinde ve bir web sitesi tasarlarken dikkate alınması gereken bir şey. Sosyal medya simgelerinizi / bağlantılarınızı görüntüleme şekliniz, kullanıcılarınızın yanıtını ve katılımını doğrudan etkileyebilir.

Sosyal medya konusu tüm web üzerinde ve bir web sitesi tasarlarken bunu dikkate almak önemlidir.

Sosyal medya simgelerini veya bağlantılarını görüntüleme şekliniz, kullanıcı katılımı üzerinde doğrudan bir etkiye sahiptir.

Sayfa, sayfa düzeni, içerik akışı ve sayfanın geri kalan kısmının da dahil olduğu bir sayfa düzenlerken birçok ayrıntıyı göz önünde bulundurmalısınız.

Üstbilgide üstbilgi veya altbilgideki tipografik bağlantılarla sonuçlanabilecek olsanız da, sosyal bağlantılarınızın düşünceli bir şekilde birleştirildiği, ilgi çekici ve iyi tasarlanmış olmasını sağlamak için renkleri, şekilleri, tipografiyi ve ikonografiyi test etmelisiniz.

Burada, web sitelerinin sosyal bağlantılarını nasıl görüntülediğine ilişkin bazı örnekler sunacağız. Böylece, buradaki çeşitli seçenekleri görebilirsiniz. Onları kontrol edin ve düşündüğünüzü bize bildirin.

Contentcube

Dijital bir çözüm ajansı olan Contentcube, biraz doku ve renkli bir başlık ile dikkatimizi çeken temiz bir yerleşime sahip. Hem Twitter hem de Facebook linkleri “Bizi takip et…” satırında başlıkta yer alıyor.

wdsm01
wdsm02

tutkal

Bir yaratıcı ajans olan tutkal Isobar ayrıca, sayfa boyunca güzel yerleştirilmiş resimlerle birlikte temiz bir yerleşime sahiptir. Tüm sosyal bağlantılar, çekici simgeler ve güçlü bir arka plan rengi ile altbilgidedir. Şirket ayrıca son tweet'i ile altbilgiye yakın bir widget içerir.

wdsm03
wdsm04

Odak Lab

Küçük ölçekli bir web sitesi tasarımcıları ve geliştiricileri olan Focus Lab, güzel, temiz ve minimal bir sayfaya sahip. İletişim sayfasında ve altbilgisinde Twitter ve Flickr bağlantılarını gösterir.

wdsm05
wdsm06
wdsm07

Adem

Adam, aşağı ilerlerken üstbilgisini ve altbilgisini yerinde sabitler. Sosyal bağlantılar, altbilgide sayfanın sağ alt köşesine sabitlenir.

wdsm08
wdsm09

Kovalamak

Chase, sayfa etrafında gezinirken paralaks etkisini gösterir. Sosyal simgeleri bulmak için aşağıya doğru ilerleyin.

wdsm10
wdsm11

hellofisher

Kullanıcı deneyimi tasarımcısı ve konuşmacısı Steven Fisher'ın web sitesi merhabafisher, temiz bir tasarıma sahip, sosyal simgeleri alt kısımda çok zarif bir şekilde sergiledi.

wdsm12
wdsm13

Elless

Paul Morris'in yaratıcı merkezi Elless, şekil, doku ve tipografiye dayanan güzel ve renkli bir plana sahiptir. İletişim formunun yanı sıra sosyal simgeler iletişim sayfasındadır.

wdsm14
wdsm15

Owltastic

Owltastic, sosyal ikonlarını “Beni takip et” ile önceleri, kenar çubuğunun sağ üst köşesine yerleştirir. Burada renk, tipografi ve grafiklerin kombinasyonu ince ve güzeldir.

wdsm16
wdsm17

açılmak

Aç, menüde gezinerek veya gezinerek gezinebileceğiniz tek sayfalık bir tasarımdır. Sosyal bilgileri “Paylaşım” için menü seçeneğinin altında bulabilirsiniz.

wdsm18
wdsm19

dayakla

Görsel tasarımcı Hugo Loning'in web sitesidir. Sosyal simgeler başlıkta kırmızı renkte duruyor.

wdsm20
wdsm21

Gerçekten basit

Tahmin edeceğiniz gibi, Gerçekten Basit, temiz ve minimal bir tasarıma sahiptir. Twitter bağlantısı, başlıktaki ana menüde basit bir yazım bağlantısıdır.

wdsm22
wdsm23

Jarad Johnson

İnteraktif tasarımcı Jarad Johnson, renk, şekil ve tipografinin çekici bir kombinasyonunu sunan bir diğer kişidir. Sosyal simgeleri iletişim sayfasında toplanmıştır.

wdsm24
wdsm25

N'aber Cupcake?

N'aber Cupcake? Sosyal ikonlarına güzel bir renk, şekil ve çerçeve vererek cupcake temasını izler. Simgeler sayfanın ortasına doğru görünür.

wdsm26
wdsm27

Küçük servet

Küçük bir servet olan Fortune, sade ve güzel bir tasarıma sahiptir. Sosyal bağlantıları metin tabanlı ve güzel bir arka plan rengine sahip.

wdsm28
wdsm29

Kırmızı pop

Kırmızı Pop temiz bir yerleşime sahiptir. Kırmızı arka plan ve beyaz metin iyi karışıyor ve sosyal bağlantılar da basit ve metin tabanlı.

wdsm30
wdsm31

Dekore Çalma Listeleri

Dekorlu Oynatma Listeleri, temiz, minimal ve güzel bir tasarıma sahiptir. Minimal metin tabanlı Twitter bağlantısı başlık menüsünde görünür.

wdsm32
wdsm33

Büyük göz

Big Eye, sosyal ikonlarını ana menüde başlığın üstünde sergiliyor. Renkler, tipografi, doku ve ikonlar çok iyi kombine edilir.

wdsm34
wdsm35

Yaratıcı Kavanoz

Creative Jar, sosyal simgelerini iki yere yerleştirir: başlıkta, animasyonlu bir Twitter widget'ı olarak ve altbilgisinde simgeler olarak.

wdsm36
wdsm37
wdsm38

Marlon Medau

Marlon Medau'nun güzel başlığında sosyal simgeleri sergileyen zarif ve temiz bir düzeni var.

wdsm39
wdsm40

Octavo Tasarımları

Octavo Design'ın farklı arka plan görüntüleri ve dikey navigasyonu vardır. Sosyal simgeler sağ üst köşede.

wdsm41
wdsm42

Sosyal simgeleri sergilemek için en sevdiğiniz yol hangisidir? En çok hangisi burada?