Divi için 6 ücretsiz tekrarlama arka plan desenini indirin
Web sitenize ayrıntılara ekstra dikkat çekmek, web tasarım stilinizi düşündüğünüzden bir bütün olarak etkileyebilir. Genellikle insanların web sitesi şablonunun türünü uyarlamadan ayırmasına yardımcı olan küçük ayrıntılar. Yüksek bir tasarım elde etmek için yapabileceğiniz birkaç yol vardır. Yapabileceğiniz şeylerden biri, sayfanızdaki tüm tasarım öğeleri için düzgün bir arka plan tekrarlama deseni kullanmaktır. Bu sadece arka plan görüntüsünün boyutunu azaltmanıza yardımcı olmakla kalmaz, aynı zamanda boş arka planı yüklemeden doldurmanıza da yardımcı olur.
Bu yazıda, Divi ile her türlü web sitesini oluştururken kullanabileceğiniz 6 temel ama çok yönlü arka plan desenini indirebileceksiniz. Bu desenler, web tasarımınızı baharatlamanız gerektiğinde cebinizde saklamak iyidir. Birincil, bu arka plan desenini kullanarak web sitenizde elde edebileceğiniz sonuç türlerine bakalım:
Dosyayı indir
Divi bültenine katılmak için ücretsiz indirin ve en iyi divi düzen paketinin kopyasına bir e -posta göndereceğiz, ayrıca birçok kaynak, ipucu ve olağanüstü ve ücretsiz divi hileleri. Takip et ve kısa sürede bir divi ustası olacaksınız. Abone olduysanız, e -posta adresinizi aşağıya yazın ve düzen paketine erişmek için İndir’i tıklayın. Başarılı bir şekilde abone oldunuz. Aboneliğinizi onaylamak için lütfen e -posta adresinizi kontrol edin ve ÜCRETSİZ DIVI Düzen Paketine erişin!
Yaklaşmak
Klasörü indirip fermuarı açtıktan sonra 5 farklı klasör bulacaksınız
Bu klasörlerin her biri farklı boyut koleksiyonlarını temsil eder: 1000 × 1000, 500 × 500, 100 × 100, 50 × 50 ve 25 × 25
Teknik olarak bu aynı model olsa da, web sitenizdeki nihai sonuç, kullanmaya karar verdiğiniz boyutların toplanmasına bağlı olarak farklı görünecektir.
Arka plan tekrarlama efektleri oluşturmak için bu desenleri divi arka plan seçenekleriyle birleştiriyoruz
Bu sadece arka plan görüntüsünüzü tutarlı hale getirmekle kalmaz, aynı zamanda yüksek çözünürlüklü arka plan görüntülerine olan ihtiyacı da azaltacaktır
Nasıl çalışır Sayfanızdaki parçayı seçin Bu arka plan desenini sayfanızdaki tasarım öğelerine uygulayabilirsiniz. Parçanın bir arka planı olarak ekleyerek göstereceğiz. Bununla birlikte, aynı deseni diğer tasarım öğelerine, satırlara, sütunlara ve modüllere eklemekten çekinmeyin. Tasarım öğeniz ne kadar küçük olursa, görünüşe ve hissine bağlı olarak, deseninizin boyutlarına küçük ayarlamanız gerekir.
Yukarıda paylaştığımız sonuçları elde etmek için seçtiğimiz desen 1: 1000 × 1000 arka plan ayarlarının boyutlarını seçin, devam edin ve indirdiğiniz 1000×1000 klasöründeki 1 numaralı deseni bulun. Ardından, arka plan ayarlarınıza yükleyin ve aşağıdaki ayarları kullanın:
Arka Plan Görüntü Boyutu: Gerçek Boyut Arka Plan Görüntü Pozisyonu: Orta
Arka plan görüntüsünün tekrarlanması: tekrarlayın
Gradyanın arka planını kullanarak deseni birleştirmek isteyen bir gradyan ile? Ayrıca yapabilirsiniz. Aşağıdaki örnekte, bir karıştırma efekti oluşturmak için arka plan görüntüsünün üzerine degradeler yerleştirerek bir kombinasyonda bir düz renk ve bir semitransparan rengi kullandık.
Renk 1: #E2E2E2 Renk 2: RGBA (255,255,255.0.37)
Gradyan Türü: Doğrusal
Gradyan yönü: 181 derece
Başlangıç Pozisyonu:% 7
Son pozisyon:% 35
Desen #1: 500 × 500
Arka plan ayarlarınız, desenin yalnızca Divi’nin varsayılan arka plan seçeneklerini kullanarak yatay veya dikey olarak görünmesini sağlayabilir. Yukarıdaki örnek için, 500 × 500 ölçüm #1 desen görüntü dosyasını kullandık. Yükledikten sonra aşağıdaki arka plan ayarlarıyla birleştirin:
Arka plan görüntüsünün tekrarlanması: X (yatay) tekrarlayın
Desen #2: 500 × 500
Arka plan ayarlarımız aynı şeyi 500×500 klasörünüzdeki ikinci deseni kullanarak yaptı. Arka Plan Görüntü Boyutu: Gerçek Boyut Arka Plan Görüntü Pozisyonu: Üst Orta
Arka plan görüntüsünün tekrarlanması: X (yatay) tekrarlayın
Desen #3: 100 × 100
Arka Plan Ayarları Bir sonraki örnek için, 100 × 100 boyutlu klasörde #3 desenini bulun ve desenin tüm parçaları karşılamasını sağlayacak aşağıdaki arka plan seçenekleriyle birleştirin: Arka Plan Görüntü Boyutu: Gerçek boyut Arka Plan Görüntü Pozisyonu: Orta Arka plan görüntüsünün tekrarlanması: tekrarlayın
Desen #4: 50 × 50
Arka plan ayarı boyutları ne kadar küçük olursa, desen frekansı o kadar yüksek olur. Boyutlu Klasör 50 × 50’de 4 numaralı arka planı bulun ve aşağıdaki arka plan ayarlarıyla birleştirin:
Arka Plan Görüntü Boyutu: Gerçek Boyut Arka Plan Görüntü Pozisyonu: Üst Orta Arka plan görüntüsünün tekrarlanması: tekrarlayın
Desen #5: 100 × 100
Beşinci desen arka plan ayarları, aşağıdaki arka plan ayarlarıyla 100 × 100 boyut kümesini kullandığınızda şaşırtıcı ve ince tasarımlar sağlar:
Arka Plan Görüntü Boyutu: Gerçek Boyut Arka Plan Görüntü Pozisyonu: Üst Orta Arka plan görüntüsünün tekrarlanması: tekrarlayın
Desen #6: 25 × 25
Son fakat en az değil arka plan ayarları, 25 × 25 boyutlu klasörde #6 desenini bulun ve aşağıdaki arka plan ayarlarıyla arka planınıza yükleyin:
Arka Plan Görüntü Boyutu: Gerçek Boyut Arka Plan Görüntü Pozisyonu: Üst Orta Arka plan görüntüsünün tekrarlanması: tekrarlayın
Satırların, sütunların ve modüllerin arka planı için bir desen kullanın ve yukarıda ele aldığımız örnekler sahip olduğunuz seçeneklerden sadece bazılarıdır. Dahil edilen farklı boyutları deniyorsanız, her model için farklı sonuçlar alacaksınız. Ayrıca, çeşitli sonuçlar elde etmek için Divi arka plan seçeneklerini de kullanabilirsiniz. Bu arka plan desenini yalnızca parçalar için kullanmakla sınırlı değilsiniz. Bunu görsel oluşturucu Divi’deki her tasarım öğesi için kullanabilirsiniz. Deseninizin boyutu, öğelerinizin boyutuyla eşleşmelidir. Kişiselleştirilmiş ve benzersiz bir tasarım oluşturmak için satırların, sütunların ve modüllerin arka planı için bir desen kullanın. Şimdi inceleyin ve arka plan deseniyle alabileceğiniz birkaç farklı nihai sonuç kullandıktan sonra, sonuçta sonucuna bakalım:
Web tasarımındaki son zihin, ayrıntılara dikkat etmek için önemlidir. Bunu yapmanın birçok yolu var, ancak bu yazıda, divi kullanarak tasarım öğeleri için pürüzsüz bir arka plan elde etmek için arka plan desenlerinin kullanımını özellikle ele alıyoruz. Size indirip kullanabileceğiniz 6 farklı desen verdik. Her model için, sayfada kullanıldıktan sonra farklı sonuçlar üreten farklı boyutlar da sağlıyoruz. Sorularınız veya önerileriniz varsa, aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun!
Yaklaşmak
Klasörü indirip fermuarı açtıktan sonra 5 farklı klasör bulacaksınız
Bu klasörlerin her biri farklı boyut koleksiyonlarını temsil eder: 1000 × 1000, 500 × 500, 100 × 100, 50 × 50 ve 25 × 25
Teknik olarak bu aynı model olsa da, web sitenizdeki nihai sonuç, kullanmaya karar verdiğiniz boyutların toplanmasına bağlı olarak farklı görünecektir.
Arka plan tekrarlama efektleri oluşturmak için bu desenleri divi arka plan seçenekleriyle birleştiriyoruz
Bu sadece arka plan görüntüsünüzü tutarlı hale getirmekle kalmaz, aynı zamanda yüksek çözünürlüklü arka plan görüntülerine olan ihtiyacı da azaltacaktır
Nasıl çalışır Sayfanızdaki parçayı seçin Bu arka plan desenini sayfanızdaki tasarım öğelerine uygulayabilirsiniz. Parçanın bir arka planı olarak ekleyerek göstereceğiz. Bununla birlikte, aynı deseni diğer tasarım öğelerine, satırlara, sütunlara ve modüllere eklemekten çekinmeyin. Tasarım öğeniz ne kadar küçük olursa, görünüşe ve hissine bağlı olarak, deseninizin boyutlarına küçük ayarlamanız gerekir.
Yukarıda paylaştığımız sonuçları elde etmek için seçtiğimiz desen 1: 1000 × 1000 arka plan ayarlarının boyutlarını seçin, devam edin ve indirdiğiniz 1000×1000 klasöründeki 1 numaralı deseni bulun. Ardından, arka plan ayarlarınıza yükleyin ve aşağıdaki ayarları kullanın:
Arka Plan Görüntü Boyutu: Gerçek Boyut Arka Plan Görüntü Pozisyonu: Orta
Arka plan görüntüsünün tekrarlanması: tekrarlayın
Gradyanın arka planını kullanarak deseni birleştirmek isteyen bir gradyan ile? Ayrıca yapabilirsiniz. Aşağıdaki örnekte, bir karıştırma efekti oluşturmak için arka plan görüntüsünün üzerine degradeler yerleştirerek bir kombinasyonda bir düz renk ve bir semitransparan rengi kullandık.
Renk 1: #E2E2E2 Renk 2: RGBA (255,255,255.0.37)
Gradyan Türü: Doğrusal
Gradyan yönü: 181 derece
Başlangıç Pozisyonu:% 7
Son pozisyon:% 35
Desen #1: 500 × 500
Arka plan ayarlarınız, desenin yalnızca Divi’nin varsayılan arka plan seçeneklerini kullanarak yatay veya dikey olarak görünmesini sağlayabilir. Yukarıdaki örnek için, 500 × 500 ölçüm #1 desen görüntü dosyasını kullandık. Yükledikten sonra aşağıdaki arka plan ayarlarıyla birleştirin:
Arka Plan Görüntü Boyutu: Gerçek Boyut
Arka Plan Görüntü Pozisyonu: Üst OrtaArka plan görüntüsünün tekrarlanması: X (yatay) tekrarlayın
Desen #2: 500 × 500
Arka plan ayarlarımız aynı şeyi 500×500 klasörünüzdeki ikinci deseni kullanarak yaptı. Arka Plan Görüntü Boyutu: Gerçek Boyut Arka Plan Görüntü Pozisyonu: Üst Orta
Arka plan görüntüsünün tekrarlanması: X (yatay) tekrarlayın
Desen #3: 100 × 100
Arka Plan Ayarları Bir sonraki örnek için, 100 × 100 boyutlu klasörde #3 desenini bulun ve desenin tüm parçaları karşılamasını sağlayacak aşağıdaki arka plan seçenekleriyle birleştirin: Arka Plan Görüntü Boyutu: Gerçek boyut Arka Plan Görüntü Pozisyonu: Orta Arka plan görüntüsünün tekrarlanması: tekrarlayın
Desen #4: 50 × 50
Arka plan ayarı boyutları ne kadar küçük olursa, desen frekansı o kadar yüksek olur. Boyutlu Klasör 50 × 50’de 4 numaralı arka planı bulun ve aşağıdaki arka plan ayarlarıyla birleştirin:
Arka Plan Görüntü Boyutu: Gerçek Boyut Arka Plan Görüntü Pozisyonu: Üst Orta Arka plan görüntüsünün tekrarlanması: tekrarlayın
Desen #5: 100 × 100
Beşinci desen arka plan ayarları, aşağıdaki arka plan ayarlarıyla 100 × 100 boyut kümesini kullandığınızda şaşırtıcı ve ince tasarımlar sağlar:
Arka Plan Görüntü Boyutu: Gerçek Boyut Arka Plan Görüntü Pozisyonu: Üst Orta Arka plan görüntüsünün tekrarlanması: tekrarlayın
Desen #6: 25 × 25
Son fakat en az değil arka plan ayarları, 25 × 25 boyutlu klasörde #6 desenini bulun ve aşağıdaki arka plan ayarlarıyla arka planınıza yükleyin:
Arka Plan Görüntü Boyutu: Gerçek Boyut Arka Plan Görüntü Pozisyonu: Üst Orta Arka plan görüntüsünün tekrarlanması: tekrarlayın
Satırların, sütunların ve modüllerin arka planı için bir desen kullanın ve yukarıda ele aldığımız örnekler sahip olduğunuz seçeneklerden sadece bazılarıdır. Dahil edilen farklı boyutları deniyorsanız, her model için farklı sonuçlar alacaksınız. Ayrıca, çeşitli sonuçlar elde etmek için Divi arka plan seçeneklerini de kullanabilirsiniz. Bu arka plan desenini yalnızca parçalar için kullanmakla sınırlı değilsiniz. Bunu görsel oluşturucu Divi’deki her tasarım öğesi için kullanabilirsiniz. Deseninizin boyutu, öğelerinizin boyutuyla eşleşmelidir. Kişiselleştirilmiş ve benzersiz bir tasarım oluşturmak için satırların, sütunların ve modüllerin arka planı için bir desen kullanın. Şimdi inceleyin ve arka plan deseniyle alabileceğiniz birkaç farklı nihai sonuç kullandıktan sonra, sonuçta sonucuna bakalım:
Web tasarımındaki son zihin, ayrıntılara dikkat etmek için önemlidir. Bunu yapmanın birçok yolu var, ancak bu yazıda, divi kullanarak tasarım öğeleri için pürüzsüz bir arka plan elde etmek için arka plan desenlerinin kullanımını özellikle ele alıyoruz. Size indirip kullanabileceğiniz 6 farklı desen verdik. Her model için, sayfada kullanıldıktan sonra farklı sonuçlar üreten farklı boyutlar da sağlıyoruz. Sorularınız veya önerileriniz varsa, aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun!
