Divi Tasarım Vitrini: Eylül 2018'den Yeni Başvurular

Yayınlanan: 2018-09-23

Topluluk üyelerimiz tarafından yapılan 10 harika Divi web sitesine göz attığımız aylık Divi Vitrinimizin zamanı geldi. Her ay topluluğumuzdan gönderilen en iyi Divi web sitelerini sergiliyoruz ve bugün sizinle Eylül ayı için en iyi on web sitesini paylaşmak istiyorum. 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: Eylül 2018'den Yeni Başvurular

1. Pikseller ve Kalemler

Bu web sitesi Tyler Diaz tarafından sunulmuştur. Güzel bir tam ekran başlık, bu sitenin ilginç tasarımlarla birlikte grafikleri ve renkleri kullanma hakkında ne olduğunu gösterir. Sonraki bölüm, daha fazla bilgi edinmek için bir düğme ile müşteri logolarını gösterir. Öne çıkan bir çalışma bölümü, projeleri resim, metin, düğme ve gölge efektleri içeren kartlar olarak görüntüler. Basit bir harekete geçirme ifadesi ve açılı bir bölüme yerleştirilmiş sosyal düğmeler içeren başka bir grafik seti gösteren son bölümü seviyorum. Çalışma sayfası, her biri ziyaretçiyi basit ve zarif bir proje detay sayfasına götüren proje kartlarının daha büyük versiyonlarını görüntüler. Ayrıca renk ve grafiklerin basitleştirilmiş kullanımını da seviyorum.

Web Sitesini Görüntüle

2. Andrea Masotti

Bu web sitesi Andrea Masotti tarafından sunulmuştur. Bu site Divi'nin modüllerini ilginç bir şekilde kullanıyor. Üç satır, en sağda ve solda metin ve ortada bir grafik içeren üç sütun gösterir. Metin ve grafikler, arka planla karışan renk için beyaz ile siyah anahatlar kullanır. Her satır siyah bir çizgi ile ayrılmıştır. Yalnızca satırın üzerine gelindiğinde tüm öğeleri siyah olur. Satır içindeki belirli bir öğenin üzerine gelindiğinde, rengi kırmızı (metin için) veya kırmızı ve mavi (grafikler için) değişir. Kırmızı ve mavi grafikler, portföy sayfaları için başlık öğeleri olarak kullanılır. Bu web sitesi, basit bir şeyin nasıl büyük bir açıklama yapabileceğinin mükemmel bir örneğidir.

Web Sitesini Görüntüle

3. Adriano Alfaro

Bu web sitesi Adriano Alfaro tarafından sunulmuştur. Sitenin ne hakkında olduğunu anında öğrenebilmeniz ve tasarımcıyla etkileşime geçebilmeniz için bir başlık ve açıklama içeren tam ekran bir başlık ve ardından sosyal takip içeren kısa bir hakkında bölümü görüntüler. Büyük simgeler, açıklamalar ve bağlantılar içeren bulanıklıklar hizmetleri gösterir. Sonraki birkaç bölüm benim favorim. Tam genişlikte bir tarafta bir resim, diğer tarafta metin görüntülerler ve portföye bağlantılar içerirler. Siz kaydırdıkça taraf değiştirirler. Alıntı ve CTA ile bir ödülün arkasında bir video arka planı oynatılır. Tıklanabilir projelerin duvardan duvara görüntülerini gösteren portföy sayfasını seviyorum. Bireysel proje sayfaları, bu sitenin gerçekten parladığı yerdir. Modern yerleşim tasarımının güzel bir örneğidir. Fiat sayfasına bakmayı unutmayın.

Web Sitesini Görüntüle

4. Emily Tüccarı

Bu web sitesi Emily Merchant tarafından sunulmuştur. Bu, bir CTA kullanarak ilginç bir başlık oluşturur. CTA, bir resim, kenarlık, sağlanan iş türü, başlık ve düğmelerle oluşturulur. Bunun altında üç resim oturuyor. Bir bindirmede bir başlık içerirler. Gezinme renklerini değiştirir ve bir kenarlık göstererek zarif bir proje sayfası CTA'sı oluşturur. Bir alıntı ve metin ile bir hakkında bölümü oluşturulur. Başka bir portföy CTA'sı, siz ona ilerlerken grafikler çizer. Portföy sayfası, her görüntünün kendi kaplama renklerine sahip olduğu ve vurgulu efektlerin devam ettiği çok sütunlu bir düzen oluşturur.

Web Sitesini Görüntüle

5. İNTROAMERİKA

Bu web sitesi Vincent Valentino tarafından sunulmuştur. Bu, cesur renklerden ve paralaks efektlerinden harika bir şekilde yararlanıyor. Tam ekran başlığı, siteyi metin ve düğmeleri gösteren hoş bir arka planla başlatır. Ne yaptıklarını gösteren bir bölüm, blokları gölge efektleriyle görüntüleyen bir tanıtım bölümünden ayırmak için pürüzlü kenarları olan bir topografik harita görüntüler. Örnek olay incelemeleri olan bölümleri seviyorum. Tüm tasarımın bir görüntüsü arka planda üst üste binerken gösterilir ve bir görüntü paralaks içinde kaydırılır. Son projeler çok sütunlu bir düzen içinde görüntülenir. Bu site, tek sayfalık bir tasarımı mükemmel bir şekilde kullanır.

Web Sitesini Görüntüle

6. Hava İstasyonu

Bu web sitesi Pierre Lannoy tarafından sunulmuştur. Bu bir uygulamanın web sitesidir. Tasarımı basit tutar ve renkten büyük ölçüde yararlanır. Özellikle tasarım boyunca kullanılan ince bir degradeye sahip mavi arka planları seviyorum. Dalgalı bir bölüm ayrımı, üstbilgiyi birbirinden ayırırken, avantajlar görüntüler ve metin modülleri ile gösterilir. Site ayrıca, indirmelerin ve genel yüklemelerin yararlı istatistiklerini gösteren sayı sayaçlarından da yararlanır. Bunun hemen altında, uygulamanın derecelendirmelerini gösteren ve yıldız derecelendirmesinin grafiklerini içeren bir bölüm var. Görüşler temizdir ve gölge efektleri içerir. Ayrıca, resimleri bir kutu gölgesi, bir başlık ve bir düğme ile iki sütunda kartlar halinde görüntüleyen blog sayfasını da beğendim. Gezinme, gönderiden bir alıntı içeren mavi bir kaplama gösterir. En son gönderi, tek bir sütunda tam boyutlu olarak gösterilir. Bireysel gönderiler ayrıca kutu gölge efektlerini kullanır ve gönderi navigasyonu ve yorum modüllerini içerir.

Web Sitesini Görüntüle

7. İyiliksever

Bu web sitesi Daragh Wallace tarafından sunulmuştur. Bu site bir blog düzenine odaklanmaktadır. Logoyu ön ve orta göstermek için ekstra büyük bir başlık görüntüler. Bunun altında iki gezinme menüsü bulunur: ana konular birincil menüye, alt konular ise biraz daha küçük yeşil yazı tipiyle ikincil bir menüye yerleştirilir. Öne çıkan bir gönderi, sol tarafta bir resim ve daha küçük bir kutuda sağ tarafta başlık, kategoriler, alıntı ve daha fazlasını oku düğmesini gösterir. Birlikte içerik alanının tüm genişliğini alırlar. Bunu, üç sütunda 9 gönderi içeren bir blog bölümü takip ediyor. Gönderiler, öne çıkan resmi, başlığı, kategorileri, kısa alıntıyı ve bir düğmeyi görüntüler. İçimdeki yazar, web sitesinin başlığının tanımını gösteren tam genişlikte bölümü seviyor. Blog gönderileri ayrıca öne çıkan görsel, metin, bir CTA, bir görsel kaydırıcı, bir video (bazı gönderiler için) ve üç gönderi içeren bir blog bölümü ile temiz bir tasarım tutar. Bu site, temiz bir blog tasarımının harika bir örneğidir.

Web Sitesini Görüntüle

8. Jerix

Bu web sitesi Jeroen Rotty tarafından sunulmuştur. En sevdiğim renklerden bazılarını kullanıyor (Tennessee'liyim ve turuncuya kısmi katılıyorum). Başlık, bir CTA ile paralaks kullanır. Tarzlı bir bölüm ayırıcı, bir bağlantı ve daire içine alınmış fotoğraf ile 'hakkında' bilgi sağlayan bir sonraki bölüm için boşluk oluşturmaya yardımcı olur. Hizmetler, turuncu vurguları ve fareyle üzerine gelme efektlerini kullanan büyük iki renkli simgelerle gösterilir. Son çalışmaların ekran görüntüleri ayrıca vurgulu efektleri kullanır ve bir gölge kutusu efekti içerir. Portföy sayfası son çalışma tasarımına devam ediyor. Birine tıklamak sizi web sitesine götürür, böylece işi ilk elden görebilirsiniz. WordPress sayfası, faydaları iki sütun halinde görüntüler ve sayfa boyunca elle çizilmiş grafikler içerir. Bu sitedeki renkleri seviyorum.

Web Sitesini Görüntüle

9. Risk Altındaki Anneler

Bu web sitesi Swag Design Factory tarafından sunulmuştur. Çok sütunlu bir düzen ile kutulu bir tasarım kullanır. Başlık, logo, menü ve sosyal takip düğmelerini bir tarafta dikey olarak, diğer tarafta bir video ve kısa açıklama ile görüntüler. Bir resim ve bilgi bölümü aynı satır düzenini kullanır ancak resim ve metni dönüşümlü olarak kullanır. Birkaç iki sütunlu bölüm, üst üste binen düğmeli bir resmi ve CTA'lı metni gösterir. Tam genişlikte bir referans, mükemmel uyum sağlamak için sitenin logosunu ve renklerini kullanır. Bireysel blog gönderileri, başlık için başlık ve sosyal takip düğmeleri ve ardından siteyle eşleşecek şekilde stillendirilmiş gönderi ve kenar çubuğu ile bir arka plan deseni görüntüler. Site genelinde kullanılan koyu yeşil ve pembe vurguları seviyorum.

Web Sitesini Görüntüle

10. Wems Kablosuz

Bu web sitesi Philip Wantling tarafından sunulmuştur. Bu işletme web sitesini tanımlamak için markalı renkleri (turuncu ve yeşil) elektronik görüntüleriyle (aynı markalı renklerle) kullanır. Bu, tam ekran başlığında ve site genelinde görülür. İki sütundaki dört resim, çeşitli ürünlere bağlanır. Başlık ve düğme ile bir animasyon sağlayan CTA'yı seviyorum. Önceki bölümle (müşteri logoları) örtüşüyor ve faydaları açıklamak için bir dizi tanıtım yazısı eşlik ediyor. Demolar için CTA'lar, görüntülerin köşelerinde göze çarpan şeritler kullanır. Ürünler, ürün bağlantılarına yol açan çok sütunlu düzenlerle gösterilir. Bireysel ürün sayfaları ayrıca ürün açıklamaları ve sayfa arka plan desenleri için bazı tatlı Divi stilleri içerir. Bu site, düzen tasarımı ve renginden büyük ölçüde yararlanır.

Web Sitesini Görüntüle

Sonuç olarak

Bu, Eylül 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.

Koksharov Dmitry / Shutterstock.com aracılığıyla Öne Çıkan Görsel