Divi Tasarım Vitrini: Eylül 2018’den 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 Eylül ayı için ilk on web sitesini sizinle paylaşmak istiyorum. 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: Eylül 2018’den yeni gönderiler 1. Piksel ve Kalemler
Bu web sitesi Tyler Diaz tarafından gönderilmektedir. İyi bir tam ekran başlığı, cazip tasarımlarla birlikte grafik ve renkler kullanarak bu siteyi görüntüler. Bir sonraki bölümde müşterinin logosunu daha fazla bilgi edinmek için bir düğme ile gösteriyor. Üstün çalışma bölümü projeyi görüntüler, metin, düğmeler ve gölge efektleri olan bir kart olarak görüntüler. Son bölümü seviyorum, bu da eğimli bölüme yerleştirilen basit bir davetiye ve sosyal düğmelere sahip diğer grafiklerin bir koleksiyonunu gösteriyor. Çalışma sayfası, her ziyaretçinin basit ve zarif ayrıntılı bir projeye sahip olduğu proje kartının daha büyük bir sürümünü görüntüler. Ayrıca basitleştirilmiş renklerin ve grafiklerin kullanımını da seviyorum.Bkz. Web Sitesi 2. Andrea Masotti Bu web sitesi Andrea Masotti tarafından gönderilmektedir. Bu site ilginç ile divi modülünü kullanır. Üç satır, en sağda ve solda metin ve ortada grafikler içeren üç sütun gösterir. Metinler ve grafikler, arka planla karışan renkler için beyaz olan siyah çizgiler kullanır. Her satır siyah bir çizgi ile ayrılır. İmleci sıraya yönlendirmek tüm elemanları siyah haline getirecektir. Hattaki belirli öğelerin üzerinde yüzmek, rengi kırmızı (metin için) veya kırmızı ve maviye (grafikler için) değiştirecektir. 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 çok iyi bir örneğidir. Web sitesine bakın 3. Adriano Alfaro
Bu web sitesi Adriano Alfaro tarafından gönderildi. Başlık ve açıklama ile tam ekran gölgelik ve ardından sosyal takipçilerin kısa bir bölümüne sahiptir, böylece siteyi hemen öğrenebilir ve tasarımcıya katılabilirsiniz. Büyük simgeler, açıklamalar ve bağlantılar ile bulanıklık hizmetleri gösterir. Sonraki kısımlardan bazıları benim favorim. Bir tarafta görüntüler ve diğer tarafta metinleri tam genişliğinde görüntüler ve portföye bir bağlantı eklerler. Kaydırma yaparken kenarları değiştirirler. Videonun arka planı ödülün arkasında Quotes ve CTA ile çalınıyor. Tıklanabilecek projelerden duvarlardan duvarlara görüntüleri görüntüleyen portföy sayfasını seviyorum. Bireysel proje sayfaları, bu sitenin tamamen parladığı yerdir. Modern bir düzen tasarımının güzel bir örneğidir. Fiat’ın sayfasını gördüğünüzden emin olun. Bkz. Web Sitesi 4. Emily Tüccarları
Bu web sitesi Emily Merchant tarafından gönderildi. Bu, CTA kullanarak ilginç bir başlık yapar. CTA, resimler, sınırlar, sağlanan çalışma türleri, başlıklar ve düğmelerle yapılır. Üç resim aşağıda oturuyor. Başlığı kapsar. Yüzer Rengi değiştirmek ve sınırı göstererek, zarif bir CTA proje sayfası oluşturur. Alıntılar ve metin ile yapılan parçalar. CTA Diğer portföy, kaydırdığınızda bir grafik çizer. Portföy sayfası, her bir görüntünün kendi kaplama rengi ile çok sütunlu bir düzen yapar ve Hover efektini sürdürür. Bkz. Web Sitesi 5. Introamerika Bu web sitesi Vincent Valentino tarafından gönderildi. Bu gerçekten cesur renkler ve paralaks efektleri kullanıyor. Tam ekran başlıkları, metin ve düğmeleri görüntüleyen iyi bir arka planla siteyi başlatın. Ne yaptıklarını gösteren kısım, bunları gölge efektleri olan blokları görüntüleyen açıklama bölümünden ayırmak için pürüzlü bir kenara sahip bir topografik harita görüntüler. Vaka çalışmalarının bölümlerini seviyorum. Metin örtüştüğünde ve görüntü paralakta yuvarlandığında tam tasarım çizimleri arka planda görüntülenir. En son proje çok sütunlu bir düzende görüntülenir. Bu site bir sayfa tasarımı çok iyi kullanır.
Bkz. Web Sitesi 6. Hava İstasyonları Bu web sitesi Pierre Lannoy tarafından gönderilmektedir. Bu bir uygulama web sitesidir. Tasarımın basit kalmasını ve renklerden iyi yararlanmasını sağlar. Özellikle tasarım boyunca kullanılan ince bir gradyanla mavi arka planı seviyorum. Oluklu parçaların ayrılması başlıkları ayırt ederken, faydalar görüntüler ve metin modülleriyle görüntülenir. Bu site aynı zamanda faydalı indirme istatistikleri ve genel kurulum gösteren iyi sayı sayımı kullanır. Aşağıda uygulama sıralamasını gösteren ve bir yıldız sıralama grafiği içeren bir parça bulunmaktadır. Referansları temizleyin ve gölge efektleri içerir. Ayrıca, gölge kutuları, başlıkları ve düğmeleri olan iki sütunda kart olarak görüntüler olarak görüntüleyen blog sayfasını da seviyorum. Yüzer, direkten alıntı ile mavi bir esneme gösterir. En son yayınlar bir sütunda tam boyutta görüntülenir. Her gönderi ayrıca bir kutu gölge efekti kullanır ve navigasyon ve yorum modülü yayınlama içerir. Web sitesine bakın 7. Goodimalist
Bu web sitesi Daragh Wallace tarafından gönderilmektedir. Bu site blog düzenine odaklanmaktadır. Logonun ön ve ortasını göstermek için ekstra büyük bir başlık gösterir. Aşağıda iki navigasyon menüsü bulunmaktadır: Ana konu ana menüye yerleştirilmiştir ve alt konu biraz daha küçük bir yeşil yazı tipine sahip ikincil bir menüye yerleştirilir. Üstün gönderi sol taraftaki görüntüleri ve daha küçük bir kutuda sağ tarafta başlıklar, kategoriler, tırnak ve daha fazla okuma düğmesi gösterir. Birlikte içerik alanından tam genişlik aldılar. Aşağıda, blogun üç sütunda 9 yazılı bir parçasıdır. Gönderi, üstün görüntüler, başlıklar, kategoriler, kısa alıntılar ve düğmeler görüntüler. İçimdeki yazar, web sitesi başlığının tanımını gösteren geniş bir parçayı seviyor. Blog yazısı ayrıca üstün resimler, metin, CTA, görüntü kayması, video (bazı yayınlar için) ve üç yayın içeren blog bölümü ile temiz bir tasarım sürdürüyor. Bu site temiz bir blog tasarımına iyi bir örnektir. Web sitesine bakın 8. Jerix Bu web sitesi Jeroen Rotty tarafından gönderilmektedir. Bu benim en sevdiğim renklerden bazılarını kullanıyor (Tennessee’denim ve turuncu seviyorum). Başlık CTA ile paralaks kullanır. Şık bölüm ayırıcı, bir sonraki bölüm için boş alan yaratmaya yardımcı olur ve bu da bağlantılar ve fotoğraflar daire içine alınan ‘hakkında’ bilgi sağlar. Servis, turuncu spot ışığı ve havada uçma efektlerini kullanan iki büyük renkten oluşan bir simgeyle görüntülenir. En son ekran görüntüleri ayrıca Hover efektini kullanır ve gölge kutusunun etkisini içerir. Portföy sayfası en son çalışmanın tasarımına devam ediyor. Birine tıklamak, doğrudan iş görebilmeniz için sizi web sitesine götürecektir. WordPress sayfası, iki sütunda avantajları görüntüler ve tüm sayfalarda eller tarafından çizilen grafikleri içerir. Bu sitedeki renkleri seviyorum. Web sitelerine bakın 9. Anne risk altında
Bu web sitesi Swag Design Factory tarafından gönderilmektedir. Çok sütunlu düzene sahip bir kutu tasarımı kullanır. Üstbilgi, bir tarafta diğer tarafta video ve slogan bulunan dikey bir logo, menü ve sosyal takip düğmesi görüntüler. Görüntü ve bilgi bölümü aynı satır düzenini kullanır, ancak görüntüleri ve metnin yerini alır. İki sütunun bazı bölümleri, düğmeler ve CTA ile örtüşen metin içeren görüntüleri görüntüler. Mükemmel bir şekilde karıştırmak için sitenin sitesini ve rengini kullanarak tam genişlik tanıklık. Her blog yazısı, başlığın sosyalini takip ettiği başlık ve düğme ile bir arka plan deseni görüntüler ve ardından siteye uyacak şekilde düzenlenmiş yan tarafın ve yan tarafın yanında. Sitede kullanılan koyu yeşil ve pembe vurguları seviyorum.
Bkz. Web Sitesi 10. Kablosuz WEMSBu web sitesi Philip Wantling tarafından gönderilmektedir. Bu işletme web sitesini tanımlamak için elektronik görüntülerle (aynı markalı renkle) markalı renkler (turuncu ve yeşil) kullanır. Bu tam ekran başlıklarında ve tüm sitelerde görülür. Çeşitli ürünlere iki sütunda dört görüntü. Başlık ve düğmeyi animasyon sağlayan CTA’yı seviyorum. Bu, önceki bölüm (istemci logosu) ile örtüşmekte ve faydaları tanımlamak için bir dizi açıklama eşlik eder. Görüntünün açısında belirgin bir şerit kullanarak bir demo için CTA. Ürün, ürün bağlantısına yol açan çok sütunlu bir düzen ile görüntülenir. 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üzenin tasarımını ve rengini kullanıyor. Web sitesine bakın, sonuç, Eylül için en iyi Divi Topluluk web sitemizin 10’udur. 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. Koksharov Dmitry / Shutterstock.com aracılığıyla Üstün Görüntü
