Divi ile Yazılı İçeriğinizi Görüntü Arka Planlarında Okunabilir Hale Getirme

Web sitenizin içeriğinin veya kopyasının okunabilir olduğundan emin olmak, doğru kelimeleri seçtiğinizden emin olmak kadar önemlidir. Elbette, web siteniz için genel olarak doğru görünümü ve hissi elde etmek de önemlidir. Ancak okunabilir ve değerli içerik olmadan, bir sitenin amacı büyük olasılıkla kaybolacaktır.

Divi ile web sitenizi oluştururken, paylaştığınız kopyanın, kullandığınız görüntü arka planı ne tür olursa olsun okunabilir olduğundan emin olmanızı sağlayan farklı tasarım seçeneklerine sahipsiniz. Bu yazının konusu bu olacak. Resim arka planlarında paylaştığınız yazılı içeriğin okunabilir ve kolay anlaşılır olmasını sağlayacak bazı ipuçlarını ve püf noktalarını ve Divi seçeneklerini paylaşacağız.

Hadi bir bakalım!

Divi ile Yazılı İçeriğinizi Görüntü Arka Planlarında Okunabilir Hale Getirme

Youtube Kanalımıza Abone Olun

1. Kontrast Kraldır, ancak Aşırı Kontrastlardan Kaçının (Siyah Beyaz)

Okunabilir içerik oluşturmanın ilk madde işareti ve temel yönü, sağladığınız yazılı içerik ile kullandığınız görüntü arka planı arasında yeterli kontrast olduğundan emin olmaktır. Yazı tipinizin rengine çok fazla benzeyen bir arka plan resmi kullanıyorsanız, paylaştığınız içerik kolayca kaybolabilir. Arasında seçim yapmak:

• Daha koyu bir arka plan görüntüsü ile birlikte açık bir yazı tipi rengi kullanma
• Daha açık bir arka plan görüntüsü ile birlikte koyu bir yazı tipi rengi kullanma

En belirgin zıt renkler siyah ve beyazdır. Ancak bunları birlikte kullanmak göze ağır gelebilir. Bu nedenle, siyah ve beyaz kadar göze ağır gelmeyen iki zıt rengi tercih edin. Arka planınız için siyah bir renk seçmek yerine, koyu gri bir renk veya başka bir koyu renk türü seçin. Açık bir yazı tipi rengi için aynı sayımlar; açık gri bir renk veya beyaza yakın herhangi bir açık renk seçin.

2. Nötr Renkler ve Sade Yazı Tipi Aileleri Kullanın

İçeriğinizin okunabilir olup olmadığını belirleyecek bir sonraki şey, seçtiğiniz renk ve yazı tipi ailesidir. Elbette parlak ve dikkat çekici renkler kullanmak dikkat çekiyor. Ancak, belirli bir renkte çok fazla kopya paylaşıyorsanız, bu, gözlerinizi ne kadar rahatsız ettiğinden, insanların sağladığınız içeriği okumayı atlamalarına neden olacaktır.

Bu nedenle, gözleri rahatsız etmeyen ve ziyaretçilerin vermeye çalıştığınız mesaja odaklanmasını sağlayan nötr renkler kullanmanız önerilir. Paylaştığınız kopyaların çoğu için sade bir yazı tipi ailesi seçerek asla yanlış gidemezsiniz. Ancak bu, her zaman yalnızca Arial gibi varsayılan yazı tiplerini kullanmanız gerektiği anlamına gelmez. Okunabilirlik olduğu sürece, başlıklarınız için biraz daha karmaşık bir şey de seçebilirsiniz.

3. CTA'ları Vurgulamak için Parlak Renkler Kullanın

Önceki madde işaretinde belirtildiği gibi, iyi bir web sitesi çoğunlukla nötr renkler ve sade yazı tipi aileleri kullanır. Bunu yaparak, ziyaretçilerin harekete geçirici mesajlarınıza özellikle dikkat etmelerini sağlarsınız.

CTA'larınızın sağladığınız diğer yazılı içerikten farklı olmasını sağlamak için, hem arka plan görüntüsü hem de yazı tipi rengiyle kontrast oluşturan bir renk bulmanız gerekir. Ziyaretçiler bu tür web sitesi yapısına alışkındır ve göze çarpan ilk şeyin bu olduğundan emin olursanız, harekete geçirici mesajlarınızı otomatik olarak tanıyacaktır.

4. Arka Plan Resminize Arka Plan Rengi Kaplaması Ekleyin

Çoğu durumda kullanmak istediğiniz arka plan görüntüsü açık, koyu ve parlak renklerin birleşimidir. Bu, okunabilir bir yazı tipi rengi bulmayı zorlaştırır. Neyse ki, Divi oluşturucunun içinde arka plan resimlerinize renk bindirmeleri ekleyebilirsiniz. Bu kaplamalar, kullandığınız herhangi bir satır, sütun, modül veya bölüm için mevcuttur ve İçerik sekmesinin Arka Plan alt kategorisinde bulunabilir. Fotoğraf düzenleme yazılımıyla da görüntülere bindirmeler ekleyebilirsiniz, ancak Divi'nin yerleşik seçeneklerini Visual Builder ile birlikte kullanmak, değişiklikleri gerçek zamanlı olarak görmenizi sağlar ve fotoğraf düzenleme yazılımının kullanılmasını neredeyse hiç gerekli hale getirmez.

Kaplama rengini, yazılı içeriğin okunabilir olduğunu düşündüğünüz noktaya kadar değiştirebilirsiniz. Bunu yaparak, resimlerinizin bazı renkleri kaybolacak, bu bir gerçek. Ama bu isteyerek feda etmeniz gereken bir şey. Renkli bir görüntüyü orijinal formunda tutmak istiyorsanız, onu iki sütunlu bir yapıda metin çakışması olmadan kullanmak doğru yoldur.

Divi ayarlarınıza bir arka plan rengi katmanı eklediğinizde, aşağıdaki yazdırma ekranında işaretlendiği gibi istediğiniz Görüntü Karışımı türünü seçmeniz gerekir.

5. Veya Degrade Arka Plan Yerleşimi Kullanın

Sahip olduğunuz başka bir seçenek de degrade arka plan kaplaması kullanmaktır. Bu size renk katmanıyla aynı olanakları sağlar, ancak bunun yerine iki renkten oluşan bir degrade eklemenize olanak tanır. Degrade bir arka plan eklediğinizde, aşağıdaki yazdırma ekranında işaretlendiği gibi yine Görüntü Karışımınızı seçme seçeneğiniz olacaktır.

6. Metin Gölgesini Kullanın

Ancak yazı tipiniz ve arka plan resminiz için aynı rengi aynı anda kullanmak istiyorsanız; bir alternatif var. Divi'nin yerleşik Metin Gölgesi seçeneğini kullanabilirsiniz. Bu seçenek için, yazı tipi renginizin ve arka plan resminizin veya bindirme renginizin tersi olan bir gölge rengi kullanmanız gerekecektir. Aynı anda yazı tipiniz ve arka plan resminiz için aynı rengi korumakla kalmayacak, aynı zamanda Metin Gölgesi seçeneği de web sitenizin görünümüne ve izlenimine yardımcı olacak bir derinlik oluşturmanıza olanak tanır.

Son düşünceler

Bu gönderide, resim arka planlarını kullanırken yazılı içeriğinizi veya kopyanızı okunabilir hale getirmenin birkaç yolunu gösterdik. Elbette bu yöntemlerin hepsini aynı anda uygulamanız gerekmiyor ama bir sonraki web sitenizi tasarlarken bunları aklınızın bir köşesinde tutmanızda fayda var. Herhangi bir sorunuz veya öneriniz varsa; Aşağıdaki yorum bölümünde bir yorum bıraktığınızdan emin olun!

FernPat / Shutterstock.com tarafından Öne Çıkan Görsel