Divi Tasarım Vitrini: Nisan 2019’dan yeni gönderiler
Topluluk üyelerimiz tarafından yapılan 10 şaşırtıcı Divi web sitesi gördüğümüz aylık Divi vitrinin zamanı geldi. Her ay topluluğumuzdan gönderilen en iyi Divi web sitelerini sergiliyoruz ve bugün Nisan ayı için ilk on web sitesini sizinle paylaşmak istiyoruz. Gönderi boyunca, beni her web sitesine çeken en sevdiğim tasarım özelliklerinden bazılarını göstereceğim. Umarım onları beğenirsiniz! Divi Tasarım Vitrini: Nisan 2019’dan yeni gönderiler 1. Motion Üniversitesi
Bu site Andrew Bartlett tarafından gönderildi. Bu site, sarı ve turuncu vurgulara (teknik olarak kirli kahverengi) beyaz metin içeren koyu bir arka plan kullanır. Tüm koyu arka plan görüntüleri. Kahraman bölümü, siteyi açıklayan bir arka plan görüntüsü gösterir. Streçteki metin, soldaki slogan ve CTA ve sağdaki dönen düğmeyi içerir. İmleç işaret ederken döner düğme değişir ve tıklandığında bir Pulan’da videoyu açar. Diğer bölümler, metin ve resimlerle iki sütunda bilgileri gösterir. Kaydırdığınızda alternatif düzen. Parçalar arasında, referanslar için tebrik balonları olan küçük mini resimler var. CTA genişliğinde görüntüler abonelik formları sağlar. Daha fazla referans konuşma balonları dipnotları ortaya çıkarır.Web Sitelerini Ziyaret Edin 2. JD Tasarım Bu site James Dawson tarafından gönderildi. Arka plan görüntüsü ve koyu kaplama ile tam ekran kaydırıcısı görüntüler. Exhanse, siteyi tanımlamak ve CTA sağlamak için büyük metin kullanır. Kaydırma, şirketi tanımlayan beyaz arka planın üzerinde büyük bir metinle diğer parçaları ortaya çıkarır. Hizmet, başlık ve açıklama arasında çekici bir nokta ayırıcısı olan metinde görüntülenir. Portföy bölümü kaplamalı görüntüleri gösterir. Bu bölüm engebeli bir bölücü ve diğer düzenlerden oldukça belirgin olan gri bir arka plan kullanır. Diğer bazı parçalar bu tasarımı kullanıyor, ancak mavi bir arka planla. Ekstra büyük müşteri logosundaki kısmı seviyorum. Dört sütunda koyu gri renkte görüntülenirler. Web sitesini ziyaret edin 3. Swish
Bu site Daniel Neumann tarafından önerildi. Bu site, bir tarafta beyaz bir metinde koyu mavi streç ve CTA ile tam ekran arka plan görüntüler. Hizmet, kutuların gölgesi ve animasyonlu simgelere sahip bir açıklamada görüntülenir. Arka plan deseni bir açıklama ile görülür. İmleci, öne çıkacak ve tam bulanık bir açıklama yapacak şekilde kutunun gölge etkisine gidin. İki sütunun bazı kısımları düzeni bir taraftaki metin, diğer tarafta görüntüler ile değiştirir. Bu bölümdeki metin animasyonlu bir simge ve yüksek vurgulanmış metin gösterir. Fiyat sayfası beyaz fiyat masasına sahip basit mavi ve beyaz bir tasarım kullanıyor. Fiyat tablosundan kırmızı ışığı seviyorum. Kırmızı spot ışığı yeterince renk getiriyor ve mükemmel bir şekilde çıkıntı yapıyor. Web sitelerini ziyaret edin 4. HH Enstrümanlar
Bu site Mathias Rue tarafından gönderilmektedir. Bu site, teknik bir tasarım oluşturmak için bir simgeli turuncu ila kırmızı gradyan arka plan kullanır. Açıklama, bir yandan şirket bilgileri, düğmeleri ve arama özellikleri, diğer yandan iletişim formlarını görüntüler. Çekme menüsü, iletişim sayfasına tam geniş bir düğme içerir. Ortak logosu, tedarikçi sayfasına bir bağlantı ile kayar çubukta görüntülenir. Blurb, hizmetlere ve bilgilere bağlantılar için kullanılır. Bir simge olarak 2 renkten oluşan görüntüleri içerirler ve önemli bir açıklama yapmak için ilginç bir sınırları vardır. Referans kısmı benzer bir tasarım kullanır, ancak çok daha büyüktür ve müşterinin görüntüler için logosunu içerir. Tasarım blog bölümü için de kullanılır. Düzen ayrıca, Kahraman Bölümü ile aynı arka plana sahip LinkedIn’den sabitlenen makaleleri de içeriyor. Web Sitesi 5’i ziyaret edin. Animasyonlu IQ Studio Bu site Saubh Patil tarafından gönderilmektedir. Kahraman bölümü, bir tarafta slogan, bilgi ve CTA ve diğer tarafta koyu mavi arka planın gradyanının üzerindeki animasyonlu grafikleri gösterir. Hayvan grafiklerini izlemek eğlencelidir. Bu kahve dağıtıcısından birini istiyorum. Daha koyu mavi renk, arka planlar ve diğer düğmeler için kullanılır. Dört açıklama sütunu başlıklı bir animasyon simgesi gösterir. Birbirinden ayrı durmak için koyu mavi arka plan ve parlak gri sınırlar kullanırlar. İmleci açıklamalardan birine yönlendirmek, arka planını turuncu olarak değiştirecektir. Benzer tasarım, bilgi sağlayan diğer açıklamalar için kullanılır. Paralakta havalı sanat üzerine animasyonlar sergilemenin ilginç parçaları. Sayfada ayrıca serin yükleme animasyonları da bulunur.
Web sitesini ziyaret et 6. Bayan TK
Bu site Chris Cadalzo tarafından gönderilmektedir. Bu sitede, menünün altında ortada ekstra büyük bir logo bulunur. Bir sonraki bölüm, farklı bir tasarıma ve çeşitli arka plan renk desenlerine sahip üst ve alt-voles için engebeli bir ayırıcı kullanır. Bu bölüm aynı zamanda konuyu imleci yönlendirirken sınırlarını azaltan ve değiştiren kare bir görüntü olarak da görüntülenir. Kaynaklar ve blog parçaları için parçalar (ancak daha yüksek resimlerle) aynı tasarımı kullanın. Site sahibini daire içine almış bir görüntüde ve logo ile aynı komut dosyası yazı tipi stilini gösterir. Kayıt formu, başlık için komut dosyası yazı tipi ile Freebie’yi gösterir. Bloglar ve Sisi Sisi de site markasının tasarımına uyacak şekilde düzenlenmiştir. Web sitesini ziyaret edin 7. Delmain
Bu site Jake Braugh tarafından gönderildi. Videonun arka planı sloganla genişlemenin arkasında çalınıyor. Kaydırma, belirli müşteri türlerine hizmetler için çok renkli bir simge ortaya çıkar. Benzer bir hizmet bölümü sayfanın altında görüntülenir. Tanıklık, açısal bir bölücü ile yeşil arka planın üzerinde tam genişlikte görüntülenir. Bu bölüm mükemmel bir şekilde öne çıkıyor. Daha büyük referans bölümü, düzenin altında, sırayla görüntünün rengi ve stili ile birkaç sütun halinde görünür. Bazı parçalar, daha fazla bilgi için büyük metinlere ve bağlantılara gömülü videolar ve istatistiklerle istemci hikayelerini gösterir. Birkaç cihazda video gösterileri için resimler. Altbilgiye yaklaşmak, dağ kesiminin arkasındaki paralakta bir dağ, açısal bir bölücü ile temas formu ve istatistiksel sayımla inceleme sitesi logosunu gösteren kısım ile başlar.
Web sitesini ziyaret edin 8. Supa Internasional Situs Ben Dale tarafından gönderilir. Bu 2 sayfalık bir tasarımdır. Ürünün etiketi, sloganla paralakta ve streçte CTA ile arka planda görüntülenir. Bir sonraki bölüm, bir tarafta daha küçük bir yazı tipinde ayrıntılı bilgileri ve diğer taraftaki daha büyük bir metinde kısa bir ifade gösterir. Sonraki parçalardan bazıları, başlık ve metin içeren ürün görüntülerini görüntüler. Görüntü, çekici bir görsel stil tasarımı sağlayarak birbirleriyle dikey olarak dengelenmiştir. Hizmetler, başlık ve metin numaralı kaplama içeren görüntülerle görüntülenir. Daha fazla ürün büyük bir 4 sütun galerisinde görüntülenir. Bu site, büyük başlıkların metnini ve görüntülerini kullanır.Web Sitelerini Ziyaret Edin 9. Sizin İçin Kahraman Bu site Bram Chauvin tarafından gönderilmektedir. Bu site çekici grafikler kullanır. Kahraman bölümü, gölgeyi gerçekten düzenleyen üst bölücüyü kullanır. Büyük başlık metni ve ekran sloganları ve birkaç düğme. Arka plan gerçek paralaksta görüntülenir ve bir sonraki bölümden bulut bölen tarafından örtüşen bulutlar içerir. Blurb, hizmeti daire içine almış bir grafik kullanarak gösterir. Açıklama ile örtüşen açıklamadaki düğmeler. Bir süper kahraman akıllı telefonun büyük bir grafiğini gösteren CTA’yı seviyorum. Altbilgi de ilginç. Bu, açısal bir bölücü ve genişlikteki kontak CTA ile gerçek bir paralakta grafiklerin arka planını gösterir. Blog aynı tasarımı takip eder ve üstbilgi ve altbilgi öğelerini kullanır.
Web Sitelerini Ziyaret Edin 10. VS ve Toplantı Bu site MJ Swart tarafından gönderilir. Bu site, düzen oluşturmak için grafik öğelerin ve büyük blokların kullanımını çeker. Kahraman, görsel desenler yapmak için farklı renkli bloklar, noktalar ve dikey metinler içeren koyu bir arka plan kullanır. Bu kalıplar düzenin geri kalanını takip eder. Bir sonraki bölümde, arka planlar, şık başlıklar, ekstra büyük başlıklar ve kayma bıçakları, şirketler, şirketler, deneyim, kültür, ofisler ve diğerleri hakkında renk blokları, ekstra büyük başlıklar ve kayma bıçakları ile çok sütunlu bir düzen kullanıyor. Menüdeki kişi bağlantısını tıklamak menüdeki iletişim formunu açacaktır. Bu sitede renk, metin ve kaydırıcıların kullanımını seviyorum. Nisan için en iyi 10 Divi Topluluk web sitesinin kapanışında web sitesini ziyaret edin. Bu siteler harika görünüyor ve her zamanki gibi sevkiniz için herkese teşekkür etmek istiyoruz! Tasarımınızın dikkate alınmasını istiyorsanız, lütfen Nathan’daki editörümüze Elegant Theme Dot Com. “Divi Site Gönderimi” e -posta konusu oluşturduğunuzdan emin olun. Ayrıca yorumlarda sizden haber almak istiyoruz! Bize bu web sitesinden neyi sevdiğinizi söyleyin ve yaptıkları bir şey varsa, blogda öğretmemizi istersiniz. MSSA / Shutterstock.com aracılığıyla Üstün Görüntü
