Web sitem için iyi bir kapak fotoğrafını nasıl seçerim?


22

Başlıkları ve blog yazılarının başlangıcı dahil olmak üzere web sayfalarına girişler için üzerlerinde göreceli olarak az metin bulunan büyük arka plan resimlerinin olması moda olmuştur. Bunun sayısız örneğini verebilirim, ama tam olarak neden bahsettiğimi bildiğini düşünüyorum.

Etkili bir kapak / arka plan fotoğrafı kılan nedir? Resimlerim ararken veya sitem için bir şeyler çekip düzenlemeyi planlarken nelere dikkat etmeliyim?


1
Artık geniş geçmişe sahip VIDEOS'lar var.
kullanıcı11153

1
Güzel yapılmış, sitedeki en iyi cevaplanan sorulardan biri (Başkalarını hatırlayamıyorum, bu yüzden muhtemelen en iyisi). :)
Dom,

Yanıtlar:


30

Gerçekten trendi takip etmen gerekiyor mu?

Bir şey yapma, çünkü bu bir trend. Şeyler yapın çünkü kullanıcı deneyimi için onlar olman iyi çünkü o şirketiniz ve tasarım için en iyisi budur. Sitenize büyük bir resim eklemenin sahip olacağı ve sahip olduğunuz diğer seçenekleri tartıştıracağı etkileri konusunda gerçekten düşünün. "Modern" bir web sitesine sahip olmak için bu tekniği kullanmak zorunda değilsiniz .

Bununla birlikte, web siteniz için bir arka plan resmi seçerken akılda tutulması gereken birçok şey var. Bu cevap çok uzun olduğu için, işte kısaca liste; Aşağıdaki örnekler de dahil olmak üzere her biri hakkında daha fazla ayrıntı veriyorum.

  • Resmin içerikle ilgili olduğundan emin olun
  • Görüntünün istediğinizi söylediğinden emin olun
  • Görüntünün nispeten benzersiz olduğundan emin olun
  • Gerçek şeylerin görüntüsünü kullanın
  • Resmin düzeninizle çalıştığından emin olun
  • Resmin iyi fotoğrafçılık ve tasarım kurallarına uyduğundan emin olun
  • Resmin renk düzeninize uyduğundan emin olun
  • Görüntüdeki varyansı sınırlandırın
  • Resim boyutunun yeterince büyük olduğundan emin olun
  • Resmi kullanma haklarınızın olduğundan emin olun.
  • Fotoğraf kalitesinin yüksek olduğundan emin olun

Resmin içerikle ilgili olduğundan emin olun

İlgisiz bir fotoğraf zarar vermekten başka bir şey yapmaz. Tıpkı tasarımınızdaki herhangi bir şey gibi, doğrudan web sitenizin amacına uymuyorsa, ondan kurtulun. Daha sonra bir şey değil, etrafındaki içerikle doğrudan ilgili olduğundan emin olun . Görüntü ihtiyaçları sadece statik bir resim, bir site olduğunu anlamak ve değil fazla yardımcı olmak için bazı metin veya düzen getirdiği ek bağlam olması.

görüntü tanımını buraya girin


Görüntünün istediğinizi söylediğinden emin olun

Tüm görüntülerde, görüntünün içeriğine ve nasıl gösterildiğine bağlı olarak bir çağrışım vardır. Görüntünün, markanın yanı sıra taşıyacağınız hissi uyandırdığından da emin olun. Resim, etrafındaki metnin sağladığı şeyden daha fazla anlayış getirmelidir. Ayrıca, markanızı oluşturulmasını istediğiniz şekilde oluşturmanıza yardımcı olur.

görüntü tanımını buraya girin

Görüntünün görsel olarak çekici olması gerektiğini söylemeye gerek yok. Görüntünün çekici olması için özelliklerle ilgili daha fazla ayrıntı aşağıdadır.


Görüntünün nispeten benzersiz olduğundan emin olun

Özel görüntüler, en azından aynı olması koşuluyla stok görüntülerinden daha iyidir. Bu, alternatif kadar kaliteli ve uygun olduğu sürece çok iyi bilinen stok görüntülerinden kaçınmanız gerektiği anlamına gelir. Ancak, kesinlikle benzersiz olmak, harika ve uygun bir imaja sahip olmak kadar önemli değildir .

görüntü tanımını buraya girin


Gerçek şeylerin görüntüsünü kullanın

Gerçek bir imge hakkında (çok iyi düzenlenmiş bir versiyon bile) insanlar olarak bizi çok etkileyen bir şey var. Gerçek şeyleri görmeyi seviyoruz. Mümkün olduğunda, tam olarak istediğiniz içeriğe veya stile uymadığı sürece, üretilen bir bilgisayarın üzerine gerçek bir görüntü seçin.

görüntü tanımını buraya girin

İnsanlara göstermek, hem iyi hem de kötü olabilen daha büyük bir etkiye sahiptir. Doğru yapılırsa, kullanıcıların deneyimin daha gerçek ve kişisel olduğunu hissetmesini sağlayabilir. Kötü yapılırsa, o görünüyor yapabilirsiniz im kişiselleştiren ve cheap. Burada daha fazlası .

Özellikle yüzler dikkat çeker, bu yüzden uygun bir yüz olduklarından emin olun ve yalnızca gerçekten önemli olan yere yerleştirin. Bazen bunları bir kitap, iPad, bilgisayar vb. Başka bağlamlara koymak yardımcı olabilir. Diğer zamanlarda, yüzleri kırpmak daha uygundur (bir giyim web sitesi veya bir manken düşünün). Bir marka / sözcünün yüzünün gösterilmesi, eğer doğru yapılırsa çok etkilidir, mümkünse onu tavsiye ederim.

görüntü tanımını buraya girin


Resmin düzeninizle çalıştığından emin olun

Kullanıcı akışınız ve site düzeniniz, seçebileceğiniz herhangi bir görüntüden daha önemlidir. Önce onları yaratın. Bu en iyi düzen ve akışta üstte biraz açık alan varsa, bir görüntü eklemeyi düşünün.

Görüntünün hiçbir önemli bölümünün sahip olduğunuz içerik tarafından kaplanmadığından emin olun. Kullanıcıların görmelerini istediğiniz içeriğe yönlendirmesine yardımcı olmak için görsel yönergeleri kullanın (bir sonraki bölümde bu konuda daha fazlası).

görüntü tanımını buraya girin


Resmin iyi fotoğrafçılık ve tasarım kurallarına uyduğundan emin olun

Görüntüler , üçte bir kuralı, görsel çizgileri kullanarak, ana içeriğe iyi odaklanarak, konuyu doğru şekilde çerçeveleyen, iyi bir arka plana sahip olan ve diğer şeylerin yanı sıra simetri ve kalıpları içeren temel fotoğrafçılık kurallarına uymalıdır . Daha fazla bilgi için burayı inceleyin veya çevrimiçi olarak daha fazla kaynak arayın.

Bu ilkeler, görüntünün önemli kısımlarına ve çevresindeki bağlamlara dikkat çekilmesine yardımcı olarak görüntüye daha fazla amaç verecektir.

iyi görüntü kuralları


Resmin renk düzeninize uyduğundan emin olun

Tüm web siteleri, renk düzeni de dahil olmak üzere birleşik bir hissi taşımalıdır. İlk önce renk şemasını seçip seçmemeniz ve ardından görüntüyü seçip seçmemeniz veya görüntüyü seçip sonra renk şemasının ( bunun gibi araçlar için yardımcı olabilir), görüntü renklerinin size genel renk düzenine uygun olduğundan emin olun. Bazen bir görüntüyü yıkamak ve sonra bir renk filtresi uygulamak iyi sonuç verebilir.

descr


Görüntüdeki varyansı sınırlandırın

Görsel görünümü meşgul yapmayın. Görüntüde bir sürü renk ve nesneye sahip olmak, üzerine metin yerleştirmeyi ve mizanpaja sığdırmayı zorlaştırır. Daha önce de söylediğim gibi, önce içeriği oluşturun ve sonra görüntüyü seçin.

Kısmen saydam kaplamalar eklemek, görüntüyü karartmak veya renk filtresi eklemeden önce siyah beyaza yıkamak gereksiz gürültüyü azaltmaya yardımcı olabilir. Ayrıca, arka plan renkleri de okunabilirliğe yardımcı olmak için metnin arkasına veya bir elemana uygulanabilir.

görüntü tanımını buraya girin

Yukarıdaki görüntü orijinal görüntüyü koyulaştırır ve gürültüyü azaltmak için kenarlarda bazı gölgeler kullanır. Aşağıdaki görüntü aynı şeyi yapmak için kısmen saydam koyu bir kaplama kullanıyor gibi görünüyor.

görüntü tanımını buraya girin


Resim boyutunun yeterince büyük olduğundan emin olun

Kullanılan görüntünün, her ekranı germeden örtecek kadar büyük olması gerektiğini söylemeye gerek yoktur. Bu, tam boyutlu ekranlar için minimum 1024 x 768 piksel çözünürlüğe sahip görüntülere sahip olmamız gerektiği anlamına gelir, ancak en az 1200 piksel genişliğe sahip olmak en iyisidir. Biz Ayrıca, çözünürlük dayalı görüntülerin farkı boyutlarını hizmet vererek daha küçük ekranlar için büyük resimler yüklenirken kurtarmak burada daha bu konuda . Görüntü kalitesini sona erdirirken mümkün olan görüntü yükleme süresini optimize etmeye çalışın.


Resmi kullanma haklarınızın olduğundan emin olun.

Kullanmaya izin verilmezse, bunu kullanmayın . Görüntünün telif hakkının ne olduğunu bilmiyorsanız , onu arayın, ancak öğrenene kadar kullanmayın! Yapmak istediğin son şey, ihlalden dolayı dava açmak.


Fotoğraf kalitesinin yüksek olduğundan emin olun

Grenli veya bulanık görüntüler kullanmayın. Şüpheli veya ilgisiz içeriği olan bir fotoğraf kullanmayın. Basit ama (çoğunlukla) gerçek olsun. Düşündüğünüz her görüntünün iyi ve kötü kısımları hakkında sert düşünün ve vasat olan bir şeyi kabul etmeyin.

Ek kaynaklar:


4
İyi cevap. Muhtemelen aşırı özlü olurdu: "İyi bir fotoğraf olduğundan ve sitenizin ihtiyaç ve hedefleriyle alakalı olduğundan emin olun" :)
DA01

@ DA01 Bu ifadeye tamamen katılıyorum, ancak bazı insanların biraz daha yardıma ihtiyacı var :)
Zach Saucier
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.