Divi Tasarım Vitrini: Mayıs 2019'dan Yeni Başvurular

Yayınlanan: 2019-05-31

Topluluk üyelerimiz tarafından yapılan 10 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 Mayıs 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: Mayıs 2019'dan Yeni Başvurular

1. Akimbo

Bu site Alan Cox tarafından sunulmuştur. Site, arka planlar için gri tonlarında çizilmiş resimler ve baştan sona renkli karakter çizimleri kullanıyor. Düğmeler ve diğer grafik öğeler de sitenin tasarımından sıyrılmak için renklidir. Bu, ürünlere ve harekete geçirici mesajlara odaklanma konusunda harika bir iş çıkarıyor. Tam ekran bir kahraman bölümü, ürün gösterimi, iki sütunlu kullanılabilirlik bölümü, tek sütunlu bir görev bildirimi, referanslar ve altbilgiyle örtüşen CTA ile tasarımı basit tutar. Bilim sayfası, tasarımı basit tutarken büyük başlıkları ve markalı grafikleri ile ilgi çekicidir.

Siteyi ziyaret et

2. Şık Tapper Dergisi

Bu site Carlos Godoy tarafından sunulmuştur. Bu site, zarif bir dergi tasarımı oluşturmak için Extra'yı kullanır. Merkezde paralaks ve logolu arka plan görüntüsü ile tam ekran bir kahraman bölümü görüntüler. Kaydırma, ekranın üst kısmına ulaştığında yerinde kalan menüyü ortaya çıkarır. Makaleler, çok sütunlu bir düzen içinde üç sütun halinde yerleştirilir. Diğer gönderiler, tek sütunlu bir kaydırıcı ve ardından altta daha fazla okuma için bir bölüm ile görüntülenir. Blog gönderileri metni bir tarafa, görselleri diğer tarafa yerleştirir. Site ayrıca geniş bir açılır menüye ve bir ön yükleyiciye sahiptir. Bunun Extra olduğunu tahmin edemezdim.

Siteyi ziyaret et

3. Temel Harita

Bu site Dustin Olsen tarafından sunulmuştur. Site, ürünün bir demosunu ve CTA'sını ekranın ortasına, okuyucunun ürünün amacını bir bakışta anlamasına yardımcı olan bir arka plan görüntüsü üzerine yerleştirir. Benzer bir tasarıma sahip diğer birkaç bölüm, ürünü bir tarafta gösterir, ancak bu sefer ekran görüntüleri, animasyon veya video içeren iki demo ve bir sonraki bölümle örtüşüyorlar. Demolar, ürünün özelliklerini göstermek için mükemmel çalışır. Tarz fiyatlandırma tablolarını seviyorum. Blog da ilginç. İki sütunlu filtrelenmiş bir blog ızgarasının ardından bir kaydırıcı içerir. Mesajlar zarif kaplamalar içerir. Kenar çubuğu ayrıca sitenin tasarımına uyar ve bir Instagram beslemesi içerir. Bu sitedeki fotoğraf harika.

Siteyi ziyaret et

4. DH Pazarlama Dijital

Bu site Douglas Henrique Monteiro e Silva tarafından sunulmuştur. Başlık, etiket satırı ve CTA için yer bırakarak, bir tarafta özne, diğer tarafta arka plan ile tam ekran bir görüntü gösterir. Hizmetler, renkli simgeler kullanılarak madde işaretleri ile gösterilir. Hizmetlere ilişkin istatistikler, simgelerle birlikte ilginç köşe geçiş grafikleri ile gösterilir. Görüşler, kutu gölgeleri ve bir yıldız derecelendirme sistemi kullanan kartlarda gösterilir. Bir bölümün grafiklerin arkasında bir arka plan deseni vardır. Bir CTA iki bölümle örtüşür ve güzel bir şekilde öne çıkar. Hizmetler sayfasında tanıtım yazılarının zarif kullanımını seviyorum. Renkli simgeler kullanırlar ve vurgulu efektlerle ince kartlar oluştururlar. Site çok fazla beyaz alan kullanıyor ve renkleri zarif bir şekilde kullanıyor.

Siteyi ziyaret et

5. Yooker

Bu site Sander Goorman tarafından sunulmuştur. Tam ekran arka plan görüntüsünü ortaya çıkarmak için mavi bir gradyan kullanır ve bir tarafta hizmetlere navigasyonla etiket satırını görüntüler. Bulanıklıklar sonraki bölümle örtüşür ve her bir hizmet hakkında ayrıntılı bilgi sağlar. Tanıtım yazıları, mavi simgelere sahip temiz kartlardır. Fareyle üzerine gelindiğinde yukarı doğru yükselirler ve sitenin tasarımına mükemmel şekilde uyarlar. Hikayelerini gösteren bir bölüm, bir tarafta çok renkli büyük metin ve diğer tarafta normal metin kullanır. Çalışmalarının örnekleri, işi görmek için bağlantılar içeren alternatif bir düzen içinde gösterilir. Blog tasarımını beğendim. Öne çıkan resmi bir açılır pencerede görmek için gönderileri bir bindirme, başlık, kategori, yazar adı ve düğme içeren bir ızgarada gösterir. Hepsi öne çıkan resmin üzerine yerleştirilir.

Siteyi ziyaret et

6. İdiolektik

Bu site Oliver Gehrmann tarafından sunulmuştur. Kısa açıklamalı birden çok resim, tam genişlikte bir kaydırıcıda gösterilir, ardından stil blok başlığına sahip bir yaklaşık bölümü gelir. Daha fazla bilgi düğmesi, tam sayfa bir açılır pencere açar. Daha fazla bilgi edin butonları tasarım boyunca öne çıkar ve çok sayıda bilgiye erişim sağlarken yerden tasarruf etmek için harika çalışır. Fareyle üzerine gelindiğinde renk değiştiren ve tıklatıldığında bir açılır pencere açan grafikler kullanılarak daha fazla bilgi sağlanır. Bir kaydırıcı içinde grafikler ve bilgi düğmeleriyle daha fazla hizmet gösterilir. Benzer bir kaydırıcı, öğretim görevlilerinin resimlerini gösterir. Öğretim üyesinin sayfası, büyük bir fotoğraf ve her bir kişi hakkında bilgi içeren iki sütun gösterir. Etkinlikler sayfasını beğendim. Açılır kutulara sahip bir filtre kullanır.

Siteyi ziyaret et

7. Biyo-Bausewein

Bu site Michael Koch tarafından sunulmuştur. Bu, konunun üzerinde bir slogan ile tam ekran bir görüntü gösterir ve kenarları süslemek için ağaç şeklinde bindirilir. Bu ve benzeri şekiller sitenin her tarafında kenarlarda görünür. Sonraki bölüm, farklı sayfalara yönelik CTA'ları gösterir. CTA'lar, farklı renklerin bindirmeleri ile büyük desenli arka planlar kullanır. Daha küçük CTA'lar, blog kartı tasarımının yanı sıra benzer bir tasarım kullanır. Biri eğik bir tasarım kullanır. Sahipleri gösteren bölümü beğendim. Hem birlikte hem de altta tam ekran bir görüntü gösterir, ardından fotoğraftaki kişinin yanındaki görüntüyle örtüşen metin bloklarıdır. Olaylar sayfası, tarihi göstermek için üst kısımda bir çubuk bulunan satır içi blog gönderilerine benzer olayları gösterir. Bu web sitesindeki fotoğrafları ve renkleri seviyorum.

Siteyi ziyaret et

8. EkoHost

Bu site Emy tarafından gönderilmiştir. Bu site, site genelinde arka planlar ve simgeler için zarif kırmızı, yeşil ve mavi tonlarıyla düz bir tasarım kullanan tek sayfalık bir düzene sahiptir. Arka planlar ve diğer unsurlar için grafikler, şirketin misyonunu tanımlamaya yardımcı olur. Özellikler, büyük simgeler ve bir başlık içeren kartlar oluşturmak için tanıtım yazılarıyla gösterilir. Benzer kartlar referanslar ve iletişim bilgileri için kullanılır. Fiyat tablolarını beğendim. Bir geçiş anahtarı içerirler ve geçişi tıkladığınızda fiyatlar canlandırılır. Bilgileri görmek için tıkladığınızda, birkaç kart bir açılır pencerede bilgi içerir. Site, grafikleri, arka plan desenlerini ve rengi mükemmel bir şekilde kullanır.

Siteyi ziyaret et

9. 717 Medya

Bu site Eike Muller tarafından sunulmuştur. Metin, düğmeler, animasyonlar ve arka planlar içinde site genelinde markalı renk olarak açık yeşil kullanır. Kaydırma çubuğu ve başa dön düğmesi bile yeşil renktedir. Büyük kartlar, hizmetleri resimler, metinler ve düğmelerle gösterir. Kartlar, üzerine gelindiğinde bir gölge gösteriyor. Karanlık bir kaplama ile tam genişlikte bir arka plana sahip ilginç bir CTA içerir. Siz kaydırdıkça, dikkat çekmek için metnin etrafına yeşil bir çizgi çizilir. Hakkında bölümünü beğendim. Görüntüleri ve metinleri kullanarak kartlardaki bilgileri gösterir. Kartlar bir sonraki bölümle örtüşür ve animasyonlu bir yer paylaşımı içerir. Site, her sayfada küçük animasyonlardan ve yeşil vurgulardan harika bir şekilde yararlanıyor.

Siteyi ziyaret et

10. Toplama Rulosu

Bu site Roberto Wagner tarafından sunulmuştur. Bu bir çevrimiçi mağaza. Ana sayfa, birden çok renkte büyük metin içeren bir arka plan resmi kullanarak mağazaya tam ekran bir CTA gösterir. Mağaza bölümü, ürünleri, sitenin markalı rengiyle (koyu sarı) eşleşen yer paylaşımında bir simge ile üç sütun halinde görüntüler. Bir bilgi bölümü, paralakstaki bir arka plan görüntüsüne göre faydaları gösterir. Referanslar ve haber bülteni bölümleri, sarı metinle benzer bir stile sahiptir. Mağaza sayfası aynı tasarımı izler ancak kahraman bölümüne bir arama özelliği ekler. Blogun şu anda bir gönderisi var, ancak sayfanın harika bir tasarımı var. Blog yazısı, kahraman bölümüyle örtüşüyor ve haber bülteni, altbilginin üzerindeki sosyal takip bölümü de dahil olmak üzere iki bölümle çakışıyor.

Siteyi ziyaret et

Kapanışta

Bu, Mayıs 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.

L-astro / Shutterstock.com aracılığıyla Öne Çıkan Görsel