Divi Tasarım Vitrini: Temmuz 2019’dan yeni gönderiler
Topluluk üyelerimiz tarafından yapılan 10 olağanüstü 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 Temmuz 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: Temmuz 2019’dan yeni gönderiler 1. Enash
Bu site Nicolas tarafından gönderilmektedir. Bu site, başlıklar ve davetiyeler için çok fazla büyük metin kullanır. Kahraman bölümü, başlık ve slogan içeren büyük bir yeşil arka plan sergiler. Metinle satır, kullanıcıları kaydırmaları için bilgilendirin. Parşömenler iki sütun ortaya çıktı. Sol, CTA’yı büyük bir metin ve ekstra büyük bir kutu düğmesine sahip gösterir. Doğru, gerçek paralakstaki görüntüleri gösterir. Diğer büyük parçalar, her hizmet için bölümleri ve açıklamaları tanıtmak için büyük metin kullanan hizmetleri hakkında bilgi gösterir. Başka bir büyük kısmı, müşterinin adlarını ve ardından iletişim ve menü bilgilerini içeren açık bir altbilgiyi gösterir. Paralakta resmin üzerinde yüksek opaklıklı büyük renk kaplamasını kullanan proje sayfası tasarımını seviyorum.Bkz. Web Sitesi 2. Ljuba – Riflessi Digital Bu site Luba tarafından gönderilmektedir. Bir tarafta site sahibinin diğer tarafta başlık ve logo ile tam ekran görüntüsünü görüntüler. Kahramanın resminin altında, komut dosyası yazı tipindeki slogan ve e -posta katılım formu ile ince bir geniş parça vardır. Sahibini CTA ile tanıtmanın bir kısmını, birçok yumuşak renk, komut dosyası yazı tipi ve zarif grafiklere sahip birkaç CTA izler. Blog bölümü, blog başlığını içeren küçük bir bindirme içeren bir yayın görüntüler. Basit temas formu desen arka planının üzerindedir. Altbilgi Instagram yayınları içerir. Portföy sayfasını seviyorum. Bu, tablodaki bilgisayar ekranında bir örnek gösterir ve alttaki kaplamadaki başlığı içerir. Web Sitesi 3. Başarı Modu’na bakın
Bu site Aaron Robertson tarafından önerildi. Bu site, menüde arka plan, grafikler, düğmeler, başlıklar, bağlantılar ve CTA dahil olmak üzere birçok cesur renk kullanır. Kahraman bölümü, paralakta resmin üstünde bir streç sergiler. Exanse, bir taraftaki ürünlere bilgi ve bağlantılar ve diğer tarafta mobil cihazlarda ürün şık görüntüleri sağlar. Özellikler, bir simge olarak renkli grafikler kullanılarak açıklamada görüntülenir. Tam geniş CTA, koyu arka planın üzerinde büyük metin, büyük grafikler ve kalın düğmeler kullanır. Diğer CTA’lar kahramanlara benzer bir tasarıma sahiptir, ancak hücresel uygulamalardan tek bir yıldız grafiği kullanır. Diğer birçok sayfa benzer cesur renklere sahip divi modülleri düzenler. Özellikle arka plan ve kaplama görüntüsü olan ses modülünü seviyorum. Bu site renkleri çok iyi kullanıyor. Bkz. Web Sitesi 4. Eric Hooper
Bu site TY Hooper tarafından gönderilmektedir. Görüntü montajını, kaplamada ortada logolar ve sloganlarla kahramanların arka planı olarak gösterir. Genişliğin tam kısmı bunu takip eder, bir tarafa bir resim ve diğer tarafta bilgi gösterir. Bölümün bir kısmı kutuda bir blog yazısı görüntüler. Bölümlerin kendileri bir tarafta metin ve diğer tarafta görüntüler içeren eski kağıt arka plan görüntüleri sergiliyor. Bölüm boyunca alternatif yerler ve görüntüler. Blog gezinme düğmesi site logosunu içerir. Resim sayfası, Duvar Galerisi’ne benzer bir belge sayfasını gösteriyor, ancak başlığı ekliyor. Görüşme sayfası, çok sütunlu düzende yerleşik video ve belge görüntülerinin bir kombinasyonunu içerir. Web sitesine bakın 5. Harmona Beach Hotel Bu site George Paratsokis tarafından gönderilmektedir. Site yüklendiğinde, bir logo ile sunulur. Yüklendikten sonra, kahraman bölümü, görüntülerin çoğunu kapsayan bir streç ile büyük bir arka plan görüntüsü görüntüler. Görüntünün solunda görünen Animasyon kutusundaki bir tarafta kısmen açık olan başlık ve slogan. Menüdeki kutular, logolar, başlıklar, düğmeler, sosyal simgeler ve CTA, site markalamasına uyan iyi kahverengi renklerdir. İmleç işaret ederken metnin altını çizmek için hareket eden bir daire ile bir bağlantı görüntülemenin kısmı. Oda, resmin altındaki başlık ile kartta görüntülenir. İmleç yönlendirirken, genişlik resmin üzerinde görünür, başlık ortaya taşınır, ardından tam okuma bağlantısı görünür. Tam geniş CTA, kahramana benzeyen ve metnin etrafına bir kutu çizerek düğmeyi alarak kaplamayı görüntüler.
Bkz. Web Sitesi 6. Basel Professional Web Sitesi Bu site Benny Hozjan tarafından gönderildi. Bu, parçayı takip eden ve menünün iç kısmını ve uygun stil navigasyon çubuğunu vurgulayan mor nokta gibi birçok ayrıntıya sahip bir sayfa tasarımdır. Kahraman bölümü, ortada slogan olan renk şekli ve ardından bir sonraki bölümde üst üste binen grafiklere sahip bir desen arka planı gösterir. Hakkında, imleci üste yönlendirmeseniz bile sıçrayan animasyonlu bir simgeyle kısa bir açıklama kullanarak nasıl çalıştığını gösterir. Bazı parçalar, bir tarafta metin ve diğer tarafta grafikler içeren bilgileri gösterir. Hizmetler, alttaki animasyon, görüntüler, başlıklar ve şık noktalar içeren bir açıklamada görüntülenir. Tam geniş CTA, bir tarafta daha küçük bir slogan ve diğer tarafta animasyonlu düğmeli büyük bir kısa metin çizgisi görüntüler. Müşterinin logosunun bir kısmı, kahraman bölümüyle aynı arka planı kullanır, ancak farklı bir görünüm oluşturmak için paralakta görüntüler. Web sitesine bakın 7. Yalnızca VR
Bu site Reinhard Wedmeyer tarafından gönderildi. Bu site, marka görüntülemesi için karanlık ve parlak arka planın üzerinde birçok kırmızı renk kullanır. Üst bıçaklar SSS ve bazı sosyal bağlantılar ekler. Kahraman bölümü, bir tarafta ürünü ve diğer tarafta CTA’yı vurgulamak için Cinemagraph ile tam ekran arka plan görüntüler. Bir sonraki bölüm, ürün açıklamasındaki bilgileri ve vardiyadaki görüntüleri gösterir. Açıklamanın bir başka kısmı, site markasına uygun çok renkli simgeler içerir. Tam geniş CTA, bir tarafta kırmızı arka planın üstünde metin ve düğmeleri diğer tarafta bir ürün grafiği ile görüntüler. En sevdiğim parçalardan biri, ortada açıklama ile 8 küçük ürün görüntüsü gösteriyor. Ayrıntılı temas formu, kahramanda kullanılan arka plan görüntüsünün üzerine yerleştirilmiştir. Bireysel ürün sayfaları, kalın kırmızı arka planın üstünde ürünler görüntüler. Sizi ürün görüntüleri dahil SSS’ye yönlendirmenin köşesinde CTA’ya gelin. Web sitesine bakın 8. Nicolai Soensen Bu site Nicolai Soerenen tarafından sunuldu.Ortada yer paylaşımı ve CTA ile büyük bir arka plan görüntüsü görüntüler.Kaydırma, Office menüsünde CTA ve diğer taraftaki görüntü ile eşleşen yeşil bir düğme ile bir tarafta CTA ile ikinci bölüm iki sütun ortaya çıkar.Sayfa birkaç benzer CTA içerir.Bir tarafta daire içine alınmış bir görüntü ve diğer tarafta ödüllerle bilgi görüntülemenin bir kısmı.Açıklamanın bazı bölümleri, site markasına uygun yeşil çizgi görüntüsü içerir.Vaka çalışmaları, böcek, başlıklar ve açıklamalar içeren büyük görüntüler olarak görüntülenir.Okuma düğmesi daha da zamberde görünür.Dış kenarda kapalı olmayan kutudaki gri logoyu seviyorum.Bu, büyük bir etki yaratan minimum bir unsurdur.Pazarlama sayfası, ayrıntılı istatistiklerle istemci resimlerini görüntüler. 9. web sitesine bakın.
Bu site Christian Schick tarafından sunuldu. Bir tarafta CTA ile oluklu bir bölücü ile yeşil bir arka plan ve diğer tarafta bir sonraki bölümle örtüşen görüntü ve ayrıntılı görüntüler ve bilgileri gösteren görüntü gösteriyor. Görüntüler birbiriyle eğilir ve ilginç görsel efektler oluşturmak için diyagonaldir. Bir sonraki bölümde bir taraftaki metni, diğer taraftaki simgeleri gösterir. Simge, öne çıkmak için düzenlenmiş bir şekle sahip sağlam bir arka plan kullanır. Şekil logoya uygundur. Proje bölümünü beğendim. Her proje, çok sütunlu bir düzende metin bloğunun yanında bir görüntü görüntüler. Metin modülü, parçanın ortasında, CTA’ya yol açan aşağıdaki bölümlerle örtüşen engebeli bir bölücü ile, daha sonra engebeli desenin üzerinde basit bir e -posta formu olan şık bir altbilgiye sahip. Her sayfa, simgeler ve sloganları da içeren başlık için kaplamada bir dereceye sahip engebeli bir arka plan kullanır.
Bu site Lucy tarafından gönderildi. Ev, çok sütunlu bir düzende bir resim mozaiktir. Sanatsal katmanlar ve diğer görüntüleri ile kesilmiş stil görüntüleri. Konuşmacıdaki resimler kişisel sayfalarıyla bağlantılıdır. Üzerinde gezinme, adları ve başlıkları ve iki tarafta yeşil limit içeren bir metin kutusu görüntülenecektir. Şirketin başka bir görüntüsü, gerekli alanı doldurmak ve hiçbir şeyle bağlantı kurmak için kullanılır. Hoparlör sayfası, aşağıdaki başlık içeren kutuda büyük bir görüntü görüntüler. Kişisel sayfalar bir blog yazısı gibi çalışır ve tam ekran resimlerini ve ardından içerik görüntüleyin. Yeşil içerikte alıntılar ve blog gezinme bağlantısını eşleştirin. İçerik, soldaki logoya sahip üç sütun, ortadaki ana içerik ve sağdaki kenar çubuğundaki bilgileri içerir. Temmuz ayı için en iyi divi topluluk web sitemizin 10 gönderisinin 10 gönderisinde web sitesine bakın. 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ü