Ürünü bir sosyal medya paylaşımına nasıl daha iyi yerleştirebilirim?


10

(Köşedeki Logo ve ürün etiketi gizlilik nedeniyle gizlidir)

Tasarımı sonlandırdığımda, ürünün (sol alttaki gri şey) iyi uymadığı geri bildirimini aldım . (Resim 1). Bu yüzden biraz yukarıda yerleştirdim (Resim 2). Daha iyi görünüyordu, yine de havada yüzdüğü konusunda geri bildirim aldım .

Bu yüzden inanıyorum, bir sorun var ve nasıl düzeltebileceğimi bilmiyorum. Bu bir hava temizleyicidir. Sola yerleştirilmelidir ve bu seçeneklerden daha iyi görünmelidir. Ne yapılabilir?

Ayrıca, yalnızca sola yerleştirmek istemiyorsanız, başka bir yol da önerebilirsiniz. Ancak öncelik sol taraftadır, çünkü ürün adı bu tarafta belirtilmiştir.

resim açıklamasını buraya girin

PS: Ayrıca, genellikle sormak, başka ne yanlış görüyorsun ve daha estetik hale getirmek için geliştirilebilir?


2
İğrenç "beğen, paylaş, yorum yap, favorilere ekle, her şeyi yap ya da başka şeyler" içeriyor mu?
Fabian Röling

Bana çarpıcı ilk şey, "beğen, yorum yap ve paylaş" kelimelerinin yanında bir iPhone'un arkasına benzeyen küçük bir simgeye sahip olmanız ve telefonumu kullanarak etkileşimde bulunmamı istediğini varsayıyorum. Belki orada logo ile durum böyle olmaz, ama yine de böyle olacağını sanıyorum.
OGHaza

Yanıtlar:


18

Sorunuza cevap verdiğinizi hissediyorum, belki bilinçsizce.

Okuma sırasını görmeye çalışın:

okuma sırası

Batı okuma sırasının yukarıdan aşağıya, soldan sağa olduğunu bilerek, okuyucunun gözü bu yolu izlemeye çalışacaktır.

İlk önce göze dikkat çeken bir nesne var: kız resmi. Yukarıdan aşağıya doğru başlama eğilimi ile, gözümüz derhal başlığın başlangıcına, özellikle boyutuna göre, okuma duygusu ve rengi ile birlikte gidecektir.

Logoda durduktan sonra görsel yol aşağı iner ve sonunda turuncu baloncuğun ve ürünün bulunduğu yere gider. Alttaki tüm elemanlar resim tarafından emilir, çünkü zemin olarak yorumlanırlar. Bu yüzden okuma anlamında sonuna kadar düşüyorlar.


Egzersizi temel şekillerle yaparsak, daha açıktır:

resim açıklamasını buraya girin

Üçgen bir ok şekli olarak başlığa işaret eden büyük bir merkezi nesne vardır. Okuma duygusunu takiben, üst nesneler ve oradan aşağıya.


Diğer tarafta ürünün açık gri olması, tüm kompozisyon boyunca daha az kontrast oluşturan renk dezavantajı vardır.

Renk egzersizi kontrastın ürüne karşı nasıl oynandığını gösterir. Eklentiyi bir dakika gördükten sonra renkleri hatırlamaya çalışan birinin hayal edin: ürün mevcut değil.

renkler

Bu benim işim olsaydı, baskın ve alakasız bir rengi ortadan kaldırmak için kızın pantolonunun rengini değiştirirdim. Bu basit değişiklikle (arka bitkinin yeşili de yumuşatılır), ürün daha fazla varlık kazanır:

resim açıklamasını buraya girin

Son olarak, neden sorunuzu cevapladığınızı düşünüyorum, görüntü numarasını en büyük görsel alaka düzeyine yerleştirdiniz, böylece sorunuzu okuyan kişi soruyu açıkça görecek. Okuma sırasının başlangıcı ile fotoğraftan sonraki ana öğe, başlık arasında. Ürünü yerleştirmek için tüm kompozisyondaki en iyi site.

resim açıklamasını buraya girin

Ürün, yukarıda tutan ikinci örnekte, farklı olarak , havada dolaşan , burada duvar asılacak.

Bu sahneye nereye bir saat koyardınız?

Saat

Yorumdan sonra ekle

Ben saat örneğini takip ediyorum.

Kullanıcıların bu ürünü görmediğini varsayalım. "POCKET AIR PURIFIER" metnini okuyacaklar ve ürünün resimde olduğunu bilmeyebilirler. Bunun sadece arka plan resminin bir parçası olduğunu düşünebilirler.

Bu pozisyondaki saatle görsel olarak rekabet eden tek unsurlar, modelin arkasında bulunan nesnelerdir. Okuyucu bilinçsizce perspektifi oluşturur ve her şeyin duvarda aynı seviyede bulunduğu bir arka plan tanımlar. Biz elementlerin geri kalanı almak bir yol bulmak bulmak zorundadır saatin arkasında değil tam anlamıyla ancak görsel açıdan arkasında.

İşte arka planı tamamen bulanıklaştıran bir örnek. Gerçek olmayan bir şey, çünkü saat arka duvar ve kız arasında asılı kalacaktı, ancak ürünü daha da vurgulamak için çok iyi bir görsel kaynak. Diğer tarafta, arka planı bulanıklaştırmak bir gürültü temizleme etkisi yaratır.

arka plan bulanıklığı

İkinci düzenleme:

Ürün neden havada uçuyor?

resim açıklamasını buraya girin

Ürün tüm kompozisyonda bir yerde olmalı, grafik tasarımda herkesi memnun etmek zorunda değilsiniz, ancak her şeyin neden yerinde olduğunu tanımlamak için doğru cevabı bulun. Bu cevabın size ürün konumunu haklı çıkarmak için yeterli neden verdiğini düşünüyorum. Ürün saat ise, model Tişörtü ve omuzlarının kolları ve yakası tarafından üretilen çift sanal kılavuzu izleyerek son resmin yerini düşünebilirsiniz (1). Ancak maalesef ürününüzün çok fazla görsel varlığı yok, bu yüzden tüm kompozisyonda baskın bir yer vermelisiniz, bu yüzden etrafındaki geniş boş alana sahip merkezi bir yerde.

(1) - Bu pozisyonla ilişkili dolaylı bir algı var: sağlıklı ürün kalple uyumlu.


Buna ne cevap verdin: neden fil yerine bir kız koydun?

Peki, bu cevap için yapacağınız aynı mantık, ürün konumu hakkında cevap vermek için yapmalısınız.


1
Önerileriniz mükemmel. Akış ve baskın renkler hakkındaki fikrinizi beğendim. Kesinlikle yapacağım. Şimdi asıl sorun ürün oldu. Kullanıcıların bu ürünü görmediğini varsayalım. "POCKET AIR PURIFIER" metnini okuyacaklar ve ürünün resimde olduğunu bilmeyebilirler. Bunun sadece arka plan resminin bir parçası olduğunu düşünebilirler. Ürünü metnin yakınında tutmanın amacı yalnızca buydu. (Ürünü tıpkı bir Saat gibi yerleştirmenizi seviyorum). Ne dersin?
Vikas

1
Yanıt güncellendi.

1
Yanıt güncellendi II (sonuncusu :-))

1
Şahsen bir gölgenin kir, gürültü eklediğini düşünüyorum. Ürününüzün bunlara ihtiyaç duymadığından eminim.

3
Lol, sanırım yılların deneyimi. Görsel algı bibliyografyası arayın. Klasiklerden biri Rudolph Arnheim'ın Sanat ve Görsel Algılaması .

13

Şahsen ben hiçbir şey iletmek için asla bir reklamın sol alt köşesine güvenmeyeceğim . İzleyici tarafından kolayca unutulan veya gözden kaçan ölü bir bölgedir.

Belki de yanlışlıkla, örneklerinizin gösterdiklerinden daha fazla görüntü olabileceği hissini alıyorum. Değilse, sadece örneklerinizdeki kullanımdan kaynaklanabilir.

Sol alt köşeyi görülmeye ve okunmaya / hatırlanmaya zorlamaya çalışmak benim için sık sık dengeyi bozar. Sol alt köşede gerçek metin içeriği varsa işler "doğru" hissetmez. Sadece herhangi bir şeyin sol alt köşesi için görsele bağlı kalmaya çalışıyorum , asla nesne yazmayın.

Açıklayıcı içeriği Harekete Geçirici Mesaj (CTA) öğelerinin üzerine yerleştirerek, doğrudan ve unutulmaz bir işlem sunuyorsunuz ... bunu kazanın .. buraya tıklayın ...

Ayrıca, görsel olarak ...

  • kadının kolları okurken izleyiciyi saat yönünde döndürür.
  • Hemen gözü başlığa çekerler
  • sağdan sola okurken, açıklayıcı içeriğe vurursunuz
  • Metin kutusunun üzerinde bulunan simge / resim, gözü o metnin içine çeker
  • Görüntüyü / simgeyi kutunun sağ tarafına yerleştirmek göze sola hareket etmesini söyler
  • Sonra göz CTA'ya doğru hareket eder
  • Sonra sol kolu gözü tekrar sola götürür.

Saat yönünde bir daire her zaman iyi bir şeydir.

resim açıklamasını buraya girin

Çok kaba taslak.

Ben olabilir gerçi, farklı bir "yoga / meditasyon tarzı" resim araması yapın. Ayrıca rahatlatıcı görünüyor bir yazı ile bir, ancak aynı zamanda yukarı ve sol bir çekme daha vardır.

Örneğin...

resim açıklamasını buraya girin

Belki de bu fotoğraf özellikle değil (sadece 15 saniyelik bir Google aramasıydı) .... ama benzer bir açıya sahip bir şey. 3/4 görüşleri hep insanların öne bakan fotoğraflardan daha bana daha ilginç - onlar izleyiciyi çekme eğilimi içine ince bir şekilde görüntüye.


Baloncuğun BG rengini değiştirmek için özel bir neden var mı? @Danielillo cevabına yorum yaptığım gibi, lütfen cevap verir misiniz (belki burada)?
Vikas

1
Birincil öğeler için aynı renk kullanarak göz biraz sürükler ... sağlıklı .... yorum ve kazan ... paylaşmak .. Ben de "TUTMAK", hatta "TÜM SAĞLIKLI TUTMAK" tüm deniz mavisi .. Emin olmak için görsel olarak test etmem gerekir.
Scott

Üzgünüm anlamadım. Neyin Aynı Renkleri?
Vikas

1
Gözünüzü renklerle yönlendirirsiniz ... çamurcun "sağlık" ... çamurcun "Kazan" ... çamurcun "paylaş"
Scott

1
Bunları on yıllar önce üniversitede öğrendim. O zaman sadece yılların tecrübesiyle daha sağlam bir temel elde etti. Bugün nerede kitap veya kaynak arayacağımı bilemezdim.
Scott

0

Bir cam zemin verin! 1, ürün görünür konuma taşıyın. Aşama 1 2, bir cam zemin, dikdörtgen marquee kullanın, akıcı hale getirmek için bir tüy verin. Adım 2 3, bu seçim ile, eğri katmanı oluşturmak, cam gibi ince yapmak, bu yazının amacı için belirgin hale getirmek. Aşama 3 4, ctrl + G bir grupta yapmak, bir katman maskesi eklemek, kişi ve ürün itselt maske, perspektif yapmak. step4 5, cam katman maske, ctrl + T bazı perspektif ve ölçek şey yapmak geri dönün. Adım 5 6, bir gölge: arka plan katmanında ürünü seçin, bir eğri üst katmanı yapın, karanlık yapın ve uygun pozisyona uyacak şekilde ctrl + T (ışık kaynağının soldan bir tür olduğunu görebilirsiniz). step6 7, ctrl + G bir grupta yapmak, bir maske eklemek, ürünün kendisini maske, belki biraz kenar bulanıklık. resim açıklamasını buraya girin Hepsi tamam! Her şey incelikle ilgilidir - cam ve gölge parlaklığını ayarlamak için geri dönün.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.