Divi Tasarım Vitrini: Haziran 2020'den Yeni Başvurular
Yayınlanan: 2020-06-27Topluluk üyelerimiz tarafından yapılan on harika Divi web sitesine göz attığımız aylık Divi Vitrinimiz için yine o zaman. Her ay topluluğumuzdan gönderilen en iyi Divi web sitelerini sergiliyoruz ve bugün sizinle Haziran ayı için en iyi on web sitesini paylaşmak istiyoruz. Gönderi boyunca, beni web sitelerinin her birine çeken en sevdiğim tasarım özelliklerinden bazılarına işaret edeceğim.
Umarım onları beğenirsin!
Divi Tasarım Vitrini: Haziran 2020'den Yeni Başvurular
1. Preston Gülümsüyor
Bu site Christian Mauerer tarafından sunulmuştur. Kahraman bölümü, bir tarafta süslü bir yazı tipi ve bir CTA ve diğer tarafta arka plan görüntüsünün konusunu kullanarak yazma efektiyle animasyonlu metin görüntüler. Kaydırma, şirketin görüldüğü medyayı gösteren bir logo kaydırıcısını ortaya çıkarır. Kitaplar için bir CTA, ortada çevrimiçi mağazaların logolarını, kitapların fotoğraflarıyla birlikte dış kenarları gösteren oklarla gösterir. Siz kaydırdıkça kitaplar merkeze doğru hareket eder. Site sahibiyle ilgili bir bölüm, solda büyük bir fotoğraf ve sağda bilgi görüntüler. Birbiriyle örtüşen bir resim galerisi görmek için sayfayı aşağı kaydırdıkça fotoğraf daha hızlı kayar. Birkaç bölüm, tarz videoları içerir. Özellikle sahibinin büyük bir resmini, Facebook'tan referansları ve etkinliklerden fotoğrafları gösteren referanslar bölümünü seviyorum.
Siteyi ziyaret et
2. WebDevXd
Bu site Steph tarafından Web Dev Xd'den gönderilmiştir. Solda, bir dünya haritasının arka plan görüntüsünün ve beyaz bir kaplamanın üzerinde kırmızı düğmelerle bir CTA görüntülenir. Bu bölümün altında tam genişlikte bir menü bulunur ve siz kaydırdıkça en üste yapışır. Bir sonraki bölüm, her biri markalı kırmızı ve beyaz renkleri kullanan bir bilgisayar ekranında bir çalışma örneği ve diğer tarafta bir açıklama gösterir. Hizmetler, kırmızı simgelerle tanıtıcı metinler içinde gösterilir. Projeler bölümü, yığılmış görüntüleri gösterir. Fareyle üzerine gelindiğinde görüntüler uzaklaşır ve arkadaki görüntüler yanlara doğru hareket eder. Teslimatlar için bir bölüm, beyaz olarak metin ve simgeleri görüntüleyen tanıtım yazıları ile kırmızı bir arka plan kullanır. Başlık dikey olarak yan tarafa oturur. Altbilgi, kırmızı bir arka plan üzerinde bir gönderi kaydırıcısı ve birkaç widget görüntüler.
Siteyi ziyaret et
3. Muni
Bu site Lethicia Diniz tarafından sunulmuştur. Türe mükemmel şekilde uyan mavi ve yeşil renkleri ve yazı tipi stillerini kullanır. Başlık, CTA'lar için yığılmış düğmeleri görüntüler. Kahraman bölümü, bir tarafta özne ve diğer tarafta büyük madde işaretleri bulunan bir arka plan görüntüsü içerir. Planlar, fareyle üzerine gelindiğinde yakınlaştırılan farklı renkli arka planlara sahip metin blokları olarak gösterilir. Katmanlarla oluşturulmuş tam ekran CTA'yı seviyorum. Bir tarafta bir fotoğraf, ikinci üçte ikisini kapsayan bir başlık, diğer tarafta faydaların bir listesi ve diğer ikisi ile mavi bir arka plan ve CTA'nın kendisiyle örtüşen büyük bir kutu görüntüler. En sağda bir arka plan deseni olan bir referans kaydırıcısı görüntülenir. Altbilgi iki satır görüntüler. İlki, farklı renk ve boyutlarda daha fazlasını okumak için CTA'lara, iletişim bilgilerine sahiptir ve ardından alt satırda widget'lar görüntülenir. İki satır, bir paralaks arka plan deseni üzerinde görüntülenir.
Siteyi ziyaret et
4. SAMCARA
Bu site Xavier Ferre tarafından sunulmuştur. Gezinme menüsü solda dikey olarak görüntülenir ve siz kaydırdıkça ekranda kalır. Kahraman bölümü, site başlığını büyük yazı tiplerinde, ardından bir hizmet listesi ve bir tarafta tıklanabilir bir iletişim CTA'sı ve diğer tarafta küçük bir resim ile gösterir. Bilgi, farklı arka plan renkleri ve görüntü konumlarına sahip iki büyük kartta sağlanır. Her ikisi de, ilk iki kartla benzer bir tasarımla yukarıdan daha büyük bir stilize basketbol sahası görüntüleyen bir sonraki bölümle örtüşüyor. Bunu daha fazla kart takip eder ve büyük bir metin sütunuyla sunulur. Bu bölüm bir iletişim formu ve ortak çalışanların bir listesini içerir. Blog gönderileri, siz kaydırdıkça yakınlaştıran stilize bir okla sunulur. Blog bölümü ayrıca okuyucuyu giriş formuna yönlendirir.
Siteyi ziyaret et
5. Tampon Sigorta
Bu site Sean Turner tarafından sunulmuştur. Site, renk ve görselleri mükemmel şekilde kullanıyor. Kahraman bölümü iki arka plan görüntüsü görüntüler. Daha büyük taraf mavi bir kaplamaya ve daha küçük kenar yeşil bir kaplamaya sahiptir. İkisinin buluştuğu yere bir ön plan görüntüsü yerleştirilir ve bir kalkan şeklinde bir arka plan üzerine yerleştirilir. Diğer tarafa bir CTA yerleştirilir. Ön plan, site genelinde görünen desenlerdeki şekilleri de içerir. Bir sonraki bölüm, hizmetleri aynı tasarımlara sahip büyük kutularda gösterir. Sonraki iki bölüm, beyaz veya mavi bindirmeleri olan bir arka plan görüntüsü üzerinde bir tarafta uzun tanıtımlar, diğer tarafta ise değişen bir düzende bir görüntü gösterir. Tanıtım yazıları madde işaretlerini gösterir. Görüntüler, kahraman bölümüyle aynı kalkanı kullanıyor. Tam genişlikte bir gönderi kaydırıcısı, en son gönderilerin başlığını ve metnini gösterir. Ayrıca metin bağlantılarına sahip bir mega menü içerir.
Siteyi ziyaret et
6. Kıvırcık
Bu site Anthea A. Ancalade tarafından sunulmuştur. Kahraman bölümü, ortasında bir konum seçmenize veya mevcut konumunuzu kullanmanıza olanak tanıyan bir arama kutusuyla birlikte tam ekran bir arka plan resmi görüntüler. Hizmetler, bir CTA'nın yanında başlıklar ve bindirmeler içeren resimlerle görüntülenir. Öne çıkan stiller 6 sütunlu bir kaydırıcı içinde görüntülenir ve bir resim, başlık, yıldız derecelendirmesi ve konum içerir. Kaydırıcı hem ok hem de nokta gezinme içerir. Stillerden birine tıklamak sizi ürün sayfasına götürür. Yeni stiller, kaydırıcı olmadan 6 sütunda görüntülenir. Blog bölümü, en son iki gönderiyi görüntüler ve bu gönderilerin altına, satırın altında daha fazlasını görmek için bir bağlantı içeren bir satır yerleştirir. Blogdaki öğreticiler üç sütuna yerleştirilir ve aynı tasarımı izler. Ayrıca 6 sütunlu ve 2 satırlı bir Instagram beslemesi ve stil sahibi bir e-posta formuna sahip bir alt bilgi içerir.
Siteyi ziyaret et
7. Tipojeni
Bu site Eugenia Janakow tarafından sunulmuştur. Grafiklerde çok sayıda koyu sarı kullanır. Başlıklar, bir etiketleme makinesiyle yapılmış gibi oluşturulur, 3B görünümle arka plan siyah ve metin beyaz yapılır. Menünün ortasına bir CTA yerleştirilir. Kahraman bölümü, solda bir CTA ve sağda bir görüntü ile bölünmüş bir ekran görüntüler. Bir CTA, kaydırma ve fareyle üzerine gelme sırasında hareket eden elle çizilmiş bir grafik kullanır. Site sahibiyle ilgili bilgiler, daha fazlasını okumak için bir CTA ile daire içine alınmış bir resim görüntüler. Özellikle referanslar bölümünü seviyorum. Google'dan gelen yorumları yıldız derecelendirmeleri ve sizi Hakkında sayfasına götüren tıklanabilir bir grafikle birlikte görüntüler. Hizmetler tanıtım yazıları içinde gösterilir ve elle çizilmiş büyük grafikler içerir. Blog, meta için markalı sarıyı kullanır ve iletişim formu bunu tüm bölümün arka planı için kullanır.
Siteyi ziyaret et
8. Çalı ustası
Bu site Simone Talamo tarafından sunulmuştur. Kahraman bölümü, özne ortada olacak şekilde tam ekran bir görüntü görüntüler. Ön planda bir CTA ve sosyal düğmeler içeren bir etiket satırı görüntülenir. Birkaç tam genişlikte bölüm benzer bir tasarıma sahiptir. Her bölüm, tür için mükemmel bir şekilde çalışan pürüzlü bir ayırıcıya sahiptir. Sonraki bölüm, bindirmede metin ve simgelerle bilgi için büyük resimler görüntüler. Çoğunun koyu arka planları vardır veya koyu arka planlara karışır. Kılavuz için bir tanesi metinle birlikte kitap kapağını görüntüler. En son blog gönderileri, gönderileri kutu gölgeli kartlar olarak görüntüler. Altbilgi, ürünleri adları, resimleri, yıldız derecelendirmeleri ve fiyatlarıyla birlikte görüntüler. Kurs sayfaları aynı tasarımı izler ve bir geri sayım sayacı ve tarz geçişler ekler.
Siteyi ziyaret et
9. KWALT Dijital
Bu site Nicolas Peigner tarafından sunulmuştur. Bu sitede çok sayıda ilginç animasyon, tarz metin, grafik ve ok var. Sarı, markalı renk olarak kullanılır ve yaratıcı şekillerde kullanılır. Kahraman bölümü, metni bir tarafta yazma efektiyle görüntüler. Bunun altında bir bar bulunur ve hizmetleri listeler. Sağ tarafta, gezinen ve imlece yanıt veren birkaç bağımsız grafik öğe bulunur. Sonraki bölüm, bir tarafta animasyonlu bir grafik ve diğer tarafta basit CTA'lar içeren bir başlık görüntüler. En son çalışma bunu takip ediyor ve farklı renk ve desenlerdeki arka planlar üzerinde çalışmanın ekran görüntülerini sunuyor. Faydaları açıklayan bir bölüm, tanıtım yazılarını iki renkli simgelerle bir tarafa yerleştirir. Bir görüntü diğer tarafta oturur ve okuyucuyu tanıtım yazılarına yönlendirir. Öne çıkmak için koyu gri bir arka planın üzerine basit bir referans kaydırıcısı yerleştirilir.
Siteyi ziyaret et
10. Keşifler
Bu site Ava Charpentier tarafından sunulmuştur. Markalı renkler için çok sayıda bronzluk tonu kullanır. Kaydırma sırasında üst çubuk kaybolur, logo başlık ve kahraman bölümüyle örtüşür ve başlık, üzerine gelme animasyonlarını içerir. Ana resim, sipariş vermek için başlığı, açıklamayı ve düğmeyi görüntüler. Başka bir görüntü, gerçek paralaksta kahraman görüntüsüne bir pencere olarak yerleştirilir. Bilgiler, özel grafiklere sahip tanıtım yazıları ile görüntülenir. Ürünler, ürün resminin üst kısmının arkasında bir arka plan rengiyle gösterilir. Blog bölümü için benzer bir arka plan tasarımı kullanılır. Şirket hakkında okumak için bir CTA, bir tarafta metin ve diğer tarafta bir resim görüntüler. Görüşler, üstte beyaz bir arka plan ile alıntı ve altta bronz bir arka plan ile ad bulunan kartlar olarak sunulur. Site ayrıca bir Instagram beslemesi ve vurgulu animasyonlu özel bir altbilgi içerir.
Siteyi ziyaret et
Kapanışta
Bu, Haziran ayı için en iyi 10 topluluk Divi web sitesi gönderimimiz. Bu siteler harika görünüyor ve her zaman olduğu gibi, gönderileriniz için herkese teşekkür etmek istiyoruz!
Kendi tasarımınızın dikkate alınmasını istiyorsanız, lütfen zarif temalar dot com adresinden nathan'daki editörümüze e-posta göndermekten çekinmeyin. “DIVI SİTE GÖNDERİ” e-postasının konusunu yaptığınızdan emin olun.
Ayrıca yorumlarda sizden haber almak isteriz! Bize bu web siteleri hakkında nelerden hoşlandığınızı söyleyin ve yaptıkları bir şey varsa, blogda öğretmemizi istiyorsunuz.
Domonku / Shutterstock.com üzerinden Öne Çıkan Görsel