5 Yeni yazı tipi seçeneğinin gücünü gösteren havalı tasarımlara örnek Divi
Web sitenizdeki yazılı içeriği temsil etme şekliniz, mesajın ziyaretçileriniz tarafından nasıl alınacağının büyük bir parçasıdır. Özel bir dikkat çekmek ve benzersiz bir şey yapmaya çalışmak, hatırlanması kolay bir şekilde iletişim kurmanıza yardımcı olabilecek şeylerden biridir. Bu nedenle, ne tür bir web sitesi türünde yeni Divi yazı tipi seçeneğiyle yapabileceğiniz bazı harika sonuçlar göstereceğiz. Tabii ki, bu yeni tasarım ayarlarında bu yazıda göstereceğimizden daha fazla şey var, ancak kendi keşif ve tasarım sürecini başlatmak için, yeni yazı tipinin gücünü gösteren beş harika tasarım örneği topladık. Seçenek Divi. Zevk almak!
Sonuçlar Eğiticiye girmeden önce, size adım adım nasıl yeniden yapacağınızı göstereceğimiz örneğe bakalım. Her örnek yalnızca web sitenizde istediğiniz yere yerleştirebileceğiniz bir metin modülü (doğru ayarlarla) kullanılarak yapılır. örnek 1
Birinci Renk: RGBA (255,255,255.0)
İkinci renk: #eeef8b
Gradyan Türü: Linerarah Gradient: 180 derece
Başlangıç Pozisyonu:% 60
Son pozisyon:% 0
Metin Ayarları Ardından, Tasarım sekmesine devam edin ve metnin alt kategorisinde aşağıdaki değişiklikleri yapın: Metin yazı tipleri: Zilla levha spot ışığı
Metin yazı tipi ağırlığı: kalınlık
Metin boyutu: 100px (masaüstü), 62px (tablet), 38px (telefon)
Metin rengi: #ffffff
Hat yüksekliği metni: 1em
Metin alt kategorisine, aşağıdaki metin gölgesini de ekleyin: Yatay uzunlukta gölge metni: 0EM
Dikey uzunluk Gölge Metin: 0EM
Plepen Mukavemeti Metin Gölgesi: 0.06EM
Metin Gölgesi Renk: #000000
Metin Oryantasyonu: Orta
Bir Örnek #2 Bu ikinci örnekten en özel şey, metnin gölgesiyle birleştirilen engebeli bir satırın kullanılması, metinde çift engebeli bir çizgi varmış gibi görünmesini sağlayacaktır. Ayrıca, metin modülünün sol ve sağ tarafları için çift sınır da kullanıyoruz. Metin Ayarları Metin modülünü ekledikten sonra, tasarım sekmesindeki metin alt kategorisinde aşağıdaki değişiklikleri yaparak başlayabilirsiniz: Metin yazı tipi: Sofia
Metin yazı tipi ağırlığı: normal
Metin yazı tipi kuvveti: alt çizgiler
Renk Alt Çizgi Metin: RGBA (131,0,233.0.15)
Alt çizgiler tarzı metin: Cavy
Metin boyutu: 78px (masaüstü), 36px (tablet), 25px (telefon)
Metin rengi: #606060
Metin alanı: 12 piksel
Hat yüksekliği metni: 1em
Metnin alt kategorisine aşağıdaki metin gölgesini de ekleyin: Yatay uzunlukta gölge metni: 0EM
Dikey uzunluk Gölge Metin: 0.17EM
Plepen Mukavemeti Metin Gölgesi: 0.05EM
Metin Gölgesi Renk: RGBA (162,181,0,0.13)
Metin Oryantasyonu: Orta
Sınır alt kategorisini açarak devam edin ve sol ve sağ kenarlık stilleri için aşağıdaki ayarları kullanın: Sınır Genişliği: 11 piksel
Sınır rengi: RGBA (162,181,0,0.18)
Sınır Gücü: Çift
Bir Örnek #3 Üçüncü örnek için, yazı tipi rengimizi bölümün arka plan rengiyle eşleştiririz. Başka bir arka plan rengi kullanıyorsanız, metnin rengini de değiştirdiğinizden emin olun. Metin sınırları oluşturmak için metin gölgeleri de ekleyeceğiz. Ayrıca, metindeki alt satırı vurgulamak için de kullanırız. Metin Ayarları Bu örnek için, metin modülünden alt kategorize edilmiş metin için aşağıdaki ayarlara ihtiyacınız vardır: Metin yazı tipi: Bungee satır içi
Metin yazı tipi ağırlığı: normal
Metin yazı tipi kuvveti: alt çizgiler
Renk alt çizgisi metni: #ffffff
Alt çizgi tarzı metin: katı
Metin boyutu: 69px (masaüstü), 45px (tablet), 29px (telefon)
Metin rengi: #eded
Hat yüksekliği metni: 1em
Son olarak, aşağıdaki metin gölgesini de kullanın:
Dikey uzunluk Gölge Metin: 0EM
Plepen Mukavemeti Metin Gölgesi: 0.05EM
Metin Gölgesi Renk: #000000
Metin Oryantasyonu: Orta
Bir Örnek #4’ü aşağıdaki örnek için yeniden oluşturun, arka plan rengini yuvarlak bir açı ve kenar kuvveti ile birleştiririz. Sınır stili için kullandığımız renk, geçilen yazı tipi stili için kullandığımızla aynıdır. Metnimizin okunabilmesini sağlamak için biraz şeffaf bir renk kullanıyoruz. Arka plan rengi, metin modülünüzün arka plan rengi olarak ‘#f2f2f2’ ekleyerek başlar. Metin Ayarları Ardından, tasarım alt kategorisine geçin ve metin alt kategorisinde aşağıdaki değişiklikleri yapın: Metin yazı tipi: ribeye iliği
Metin yazı tipi ağırlığı: normal
Metin yazı tipi stili: çapraz
Renk Çapraz Metin: RGBA (224,43,32.0.18)
Metin Gücü Çaptı: Çift
Metin boyutu: 78px (masaüstü), 46px (tablet), 31px (cep telefonu)
Metin rengi: #000000
Yüksek çizgi metin: 1.1em
Metin Oryantasyonu: Orta
Daha fazla mesafe, aralık alt kategorisine aşağıdaki özel dolguyu uygulayın: Yukarıda: 15px
Aşağıda: 15px
Son sınır, sınır alt kategorisinde aşağıdaki değişiklikleri yapın: Yuvarlak açı (hepsi): 100px
Sınır Kuvvetleri: Tüm Taraflar
Sınır Genişliği: 4px
Sınır rengi: RGBA (224,43,32.0.18)
Sınır Gücü: Çift
Bir Örnek #5’i Yeniden Oluşturun Son örnekte, gradyanın arka planını metin modülümüze son dokunuşu eklemek için yuvarlak bir açı, üst sınır kuvveti ve kutunun gölgesiyle birleştiririz. Gradyan Arka Plan Metin modülünüze degradenin arka planını ekleyerek başlayın: Birinci Renk: RGBA (155,175,193.0.2)
İkinci renk: RGBA (244,244,244.0)
Gradyan Türü: Doğrusal
Gradyan yönü: 180 derece
Başlangıç Pozisyonu:% 48
Son pozisyon:% 0
Metin Ayarları Ardından, Tasarım sekmesine devam edin ve metin alt kategorisine aşağıdaki değişiklikleri uygulayın: Metin yazı tipi: Codystar
Metin yazı tipi ağırlığı: kalınlık
Metin boyutu: 60px (masaüstü), 35px (tablet), 22px (cep telefonu)
Metin rengi: #494949
Yüksek çizgi metin: 1.1em
Metin Oryantasyonu: Orta
Bir sonraki yapıştırıcı, boyut alt kategorisini açın ve aşağıdaki değişiklikleri yapın: Genişlik:% 78 (masaüstü),% 76 (tablet),% 86 (cep telefonu)
Modül hizalaması: merkez
Mesafemizin ayrıca aralık alt kategorisine aşağıdaki dolguyu eklemesi gerekir: Yukarıda: 15px
Aşağıda: 15px
Daha sonra sınırda, sınır alt kategorisini açın ve aşağıdaki değişiklikleri uygulayın: Sol üst ve alt sağ köşe: 500 piksel
Sol ve üst köşe: 20px
Üst sınır genişliği: 2px
Üst sınır rengi: RGBA (0.0,0,0.44)
Üst sınır kuvveti: çift
Son fakat en az değil, metin modülümüze pürüzsüz bir kutu gölgesi ekleyeceğiz: Yatay konum gölge kutusu: 5px
Kutu gölgesinin dikey konumu: -10px
Bulanık Güç Gölge Kutusu: Gölge Kutularının Dağıtımının 0PX Gücü: 2 Piksel
Gölge Renk: RGBA (155,175,193.0.66)
Kutu Gölgesi Pozisyonu: Dış Gölge
Bu yazıdaki son zihin, web sitenizde metin modülleri düzenlemenin harika yollarını gösterdik.Tabii ki, orada daha fazla olasılık var, ancak bu örneklerle bir başlangıç yaptınız.Sorularınız veya önerileriniz varsa;Aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun!Vladwel / Shutterstock.com tarafından Üstün Görüntü
