Divi için 6 ÜCRETSİZ Tekrar Arka Plan Desenini İndirin

Web sitenize ayrıntılara fazladan önem vermek, genel web tasarım stilinizi düşündüğünüzden daha fazla etkileyebilir. İnsanların şablon türdeki bir web sitesini özelleştirilmiş bir web sitesinden ayırt etmesine yardımcı olan genellikle küçük ayrıntılardır.

Yükseltilmiş tasarımlara ulaşmanın birkaç yolu vardır. Yapabileceğiniz şeylerden biri, sayfanızdaki herhangi bir tasarım öğesi için ince arka plan tekrarlama kalıpları kullanmaktır. Bu sadece arka plan görüntü boyutlarını küçültmenize yardımcı olmakla kalmaz, aynı zamanda boş arka planları onları aşırı zorlamadan doldurmanıza da yardımcı olur.

Bu gönderide, Divi ile herhangi bir web sitesi oluştururken kullanabileceğiniz 6 temel ancak çok yönlü arka plan desenini indirebileceksiniz. Bu desenler, web tasarımınızı renklendirmeniz gerektiğinde cebinizin arkasında tutmak için harikadır.

Ön izleme

Bu arka plan modellerini kullanarak web sitenizde elde edebileceğiniz sonuçlara bir göz atalım:

ÜCRETSİZ Arka Plan Desenlerini İndirin

Ellerinizi ücretsiz arka plan desenlerine koymak için önce aşağıdaki düğmeyi kullanarak indirmeniz gerekir. İndirmeye erişmek için aşağıdaki formu kullanarak Divi Daily e-posta listemize abone olmanız gerekir. Yeni bir abone olarak, her Pazartesi ve Cuma günü daha da fazla Divi iyiliği ve ücretsiz bir Divi Düzen paketi alacaksınız! Zaten listedeyseniz, aşağıya e-posta adresinizi girin ve indir'i tıklayın. "Yeniden abone olmayacaksınız" veya fazladan e-posta almayacaksınız.

Yaklaşmak

• Klasörü indirip sıkıştırdıktan sonra, 5 farklı klasör bulacaksınız.
• Bu klasörlerin her biri farklı bir boyut kümesini temsil eder: 1000×1000, 500×500, 100×100, 50×50 ve 25×25
• Bunlar teknik olarak aynı kalıplar olsa da, kullanmaya karar verdiğiniz boyut kümesine bağlı olarak web sitenizdeki sonuç farklı görünecektir.
• Arka plan-tekrar efekti oluşturmak için bu desenleri Divi'nin arka plan seçenekleriyle birleştiriyoruz.
• Bu, yalnızca arka plan resminizi tutarlı tutmakla kalmayacak, aynı zamanda yüksek çözünürlüklü arka plan resimlerine olan ihtiyacı da azaltacaktır.

Nasıl çalışır

Sayfanızda Bir Bölüm Seçin

Bu arka plan desenlerini sayfanızdaki herhangi bir tasarım öğesine uygulayabilirsiniz. Bölüm arka planı olarak ekleyerek göstereceğiz. Ancak, aynı desenleri satırlar, sütunlar ve modüller gibi diğer tasarım öğelerine eklemekten çekinmeyin. Tasarım öğeniz ne kadar küçükse, görünümün ve hissin nasıl olmasını istediğinize bağlı olarak, deseninizin boyutuyla o kadar küçük hareket etmeniz gerekir.

Tercih Edilen Boyutları Seçin

Desen 1: 1000×1000

Arka Plan Ayarları

Yukarıda paylaştığımız sonucu elde etmek için devam edin ve indirmenizin 1000×1000 klasöründe 1 numaralı deseni bulun. Ardından, bölüm arka plan ayarlarınıza yükleyin ve onunla birlikte aşağıdaki ayarları kullanın:

• Arka Plan Resmi Boyutu: Gerçek Boyut
• Arka Plan Resmi Konumu: Merkez
• Arka Plan Resmi Tekrarı: Tekrarla

Degrade Yerleşimi ile

Degrade arka planları kullanarak deseni karıştırmak ister misiniz? Bunu da yapabilirsiniz. Aşağıdaki örnekte, karıştırma efekti oluşturmak için degradeyi arka plan görüntüsünün üzerine yerleştirmekle birlikte bir düz renk ve bir yarı saydam renk kullandık.

• Renk 1: #E2E2E2
• Renk 2: rgba(255,255,255,0.37)
• Gradyan Türü: Doğrusal
• Gradyan Yönü: 181deg
• Başlangıç ​​Konumu: %7
• Bitiş Konumu: %35

Desen #1 : 500×500

Arka Plan Ayarları

Ayrıca Divi'nin yerleşik arka plan seçeneklerini kullanarak desenin yalnızca yatay veya dikey görünmesini sağlayabilirsiniz. Yukarıdaki örnek için 500×500 boyutlu desen #1 resim dosyasını kullandık. Yükledikten sonra aşağıdaki arka plan ayarlarıyla birleştirin:

• Arka Plan Resmi Boyutu: Gerçek Boyut
• Arka Plan Resmi Konumu: Üst Merkez
• Arka Plan Resmi Tekrarı: Tekrar X (yatay)

Desen #2 : 500×500

Arka Plan Ayarları

Aynısını 500×500 klasörünüzdeki ikinci kalıbı kullanarak yaptık.

• Arka Plan Resmi Boyutu: Gerçek Boyut
• Arka Plan Resmi Konumu: Üst Merkez
• Arka Plan Resmi Tekrarı: Tekrar X (yatay)

Desen #3 : 100×100

Arka Plan Ayarları

Bir sonraki örnek için, 100×100 boyutları klasöründe desen #3'ü bulun ve desenin tüm bölümü kaplamasını sağlayacak aşağıdaki arka plan seçenekleriyle birleştirin:

• Arka Plan Resmi Boyutu: Gerçek Boyut
• Arka Plan Resmi Konumu: Merkez
• Arka Plan Resmi Tekrarı: Tekrarla

Desen #4 : 50×50

Arka Plan Ayarları

Boyutlar ne kadar küçük olursa, desen frekansı o kadar yüksek olur. 50×50 boyutları klasöründe 4 numaralı arka planı bulun ve aşağıdaki arka plan ayarlarıyla birleştirin:

• Arka Plan Resmi Boyutu: Gerçek Boyut
• Arka Plan Resmi Konumu: Üst Merkez
• Arka Plan Resmi Tekrarı: Tekrarla

Desen #5 : 100×100

Arka Plan Ayarları

Beşinci desen, aşağıdaki arka plan ayarlarıyla 100×100 boyut setini kullandığınızda çarpıcı ve zarif bir tasarım sunar:

• Arka Plan Resmi Boyutu: Gerçek Boyut
• Arka Plan Resmi Konumu: Üst Merkez
• Arka Plan Resmi Tekrarı: Tekrarla

Desen #6 : 25×25

Arka Plan Ayarları

Son olarak, 25×25 boyutlarındaki klasörde 6 numaralı deseni bulun ve aşağıdaki arka plan ayarlarıyla birlikte bölüm arka planınıza yükleyin:

• Arka Plan Resmi Boyutu: Gerçek Boyut
• Arka Plan Resmi Konumu: Üst Merkez
• Arka Plan Resmi Tekrarı: Tekrarla

Satır, Sütun ve Modül Arka Planları için de Desenler Kullanın

Yukarıda ele aldığımız örnekler, sahip olduğunuz seçeneklerden yalnızca birkaçıdır. Dahil edilen farklı boyutlarla denemeler yaparsanız, her desen için farklı bir sonuç elde edersiniz. Bunun da ötesinde, çeşitli sonuçlar oluşturmak için Divi'nin arka plan seçeneklerini de kullanabilirsiniz. Bu arka plan desenlerini yalnızca bölümler için kullanmakla sınırlı değilsiniz. Bunları Divi's Visual Builder'daki her tasarım öğesi için kullanabilirsiniz. Deseninizin boyutunun, öğenizin boyutuyla eşleşmesi gerekir. Kişiselleştirilmiş ve benzersiz tasarımlar oluşturmak için satır, sütun ve modül arka planları için desenleri kullanın.

Ön izleme

Şimdi arka plan desenleriyle elde edebileceğiniz birkaç farklı nihai sonucu ele aldığımıza göre, nihai sonuca son bir göz atalım:

Son düşünceler

Web tasarımında detaylara dikkat etmek önemlidir. Bunu yapmanın birçok yolu vardır, ancak bu yazıda, Divi kullanarak tasarım öğeleri için ince arka planlar elde etmek için arka plan desenlerini kullanmayı özellikle ele aldık. Size ücretsiz olarak indirip kullanabileceğiniz 6 farklı desen sağladık. Desenlerin her biri için, bir sayfada kullanıldığında farklı sonuçlara yol açan farklı boyutlar da sağladık. Herhangi bir sorunuz veya öneriniz varsa, aşağıdaki yorum bölümüne bir yorum bıraktığınızdan emin olun!