Divi Tasarım Vitrini: Mart 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 Mart ayı için ilk on web sitesini sizinle paylaşmak istiyoruz. Gönderi boyunca her web sitesinden en sevdiğim tasarım özelliklerinden bazılarını göstereceğim. Umarım onları beğenirsiniz! Divi Tasarım Vitrini: Mart 2018’den yeni gönderiler 1. Ujung+Batang
Bu site Laura Versteg tarafından gönderildi. Üstbilgi, düğmeden dış bir çizgi ve metnin arkasındaki bazı arka plan renkleri olan çekici bir düğmeyi harekete geçirme ve tasarlama davetiyesi görüntüler. Bu haftanın yemek paketi, üst üste binen başlıklara sahip dört görüntü içeriyor. Haftalık Plan bölümü, bu haftanın planı ile birleştirilmiş başlık ile aynı tasarımı kullanıyor ve üç hafta gösteriyor. Gezinme menüsü simgeler içerir. Tüm sitelere ve düğme tasarımına uygun rengi seviyorum.Bkz. Web Sitesi 2. MC Plan 2 Bu site Alex Lopez tarafından gönderilmektedir. Bu, farenize tepki veren öğeler içeren animasyonlu başlıklar içerir. Bilgi, arka plan gradyanı, üst üste binen görüntüler, gölgeler ve animasyon yüzen bir kartta sağlanır. Her kart beyaz arka planın üzerine yerleştirilir ve kartın öne çıkması için birçok boş alan geliştirir. Blurb ve portföyler de yüzen ve önde gelen animasyon içerir. Alan teması, arka plan ve paralaks simgesine sahip tüm sitelere getirilir. Bu site renk, animasyon ve kart tasarımını çok kullanıyor.
Bkz. Web Sitesi 3. Fjellvann Bu site Daniel Granlund tarafından önerildi. Tam ekran başlık görüntüleri yuvarlanırken gezinme menüsünde kullanılır. Blurb, bence ilginç olan düz bir tasarım çalışması (blog ET’nin üstün görüntülerinin çoğunda görülen aynı sanat türü) kullanıyor. Bunlar en sevdiğim bulanık tasarımlardan bazıları. Hizmet sayfası görüntünün daha büyük bir sürümünü kullanır ve ilginç kadar ilginç görünür. Bazı parçalar CTA yapmak için arka plan fotoğrafının üzerindeki gradyanları kullanır. Büyük tanıklık site tasarımı ile çok uygundur. Bkz. Web Sitesi 4. Londra’dan Limasitus’a Stanislav Stempniewicz tarafından gönderilir. İzlerken ekranda yazılan bir metin içeren tam ekran başlığı kullanır. Arka plan sanatının bir kısmı parşömenlerde renklendirilmiştir. Başlık, kaydırmalarda da renklendirilmiş sonraki üç arka planı ortaya çıkarmakla doludur. Bazı parçalar paralakta uzak kenara öğeleri görüntüler. Çoğu sayfa, arka planın görülmesine izin vermek için opaklık azaltılmış olarak, siteden renk bloklarını kullanan ön öğeyle paralakta arka plan olarak eller tarafından çizilen haritaları kullanır. Bu web sitesinde sanat ve yazı tiplerini seviyorum. Bkz. Web Sitesi 5. İsveç Gücü
Bu site Victor Duse tarafından gönderildi. Paralaksındaki diğer taraftaki görüntülerle birlikte sağlam arka planın üstünde bir tarafta başlık, metin ve CTA ile ayrı bir ekran görüntüler. Ürün kategorisi bağlantı olarak bir resimle görüntülenir. Her bölüm, renk markasına uygun bir bariyer ile başlığı görüntüler. Tam geniş bölüm, kurucu görüntüsünü metinle gösterir. Bu bölüm, öne çıkması için iyi bir gölge efekti kullanır. Video, iki parça ile örtüşüyor. Kontak bölümü, bir tarafa iletişim formunu saran bir görüntü kullanır. Bu site renkleri ve yazı tiplerini çok iyi kullanıyor. Bkz. Web Siteleri 6. Forest Restaurant Bu site Camiel Boss tarafından gönderilmektedir. Başlık ve slogan içeren tam bir ekran görüntüsü ve özel bir etkinliğe hareket etmek için örtüşen bir davet gösterir. Bu, tam geniş bir galeri, CTA’lı tam ekran kaydırıcısı, paralakslı resimlerle iletişim bilgilerini ve paralakstaki kaplamadaki referanslarla dolu bir ekran arka plan görüntüsü içerir. Bu site yazı tipinde ve arka planda mavi kullanır. Gıda menüleri ve bilgi hakkında bazı arka planlar, dikkat çekmek için mavi dairelerle beyaz kullanır. Bu site gerçekten yazı tipleri ve renkler kullanıyor.
Bkz. Web Sitesi 7. Su İşaretim
Bu site filigranımdan Eike tarafından gönderildi. Bu site, kaplamada slogan, bilgi ve CTA ile zarif bir arka plan görüntüsü kullanır. Aşağıda bir çalışma örneği olan bir bölümdür. Tam genişlik vardiyası, arka plan görüntüsünün üzerindeki çalışma örneklerini ve yüzen animasyon kullanmayı görüntüler. Üç kat -folonum ürününün listesi, ortada her iki taraftaki mermilerle bir örnek gösterir. Galeri sayfası mükemmel örneklerle doludur ve kullanım vakaları sağlar. Özellik sayfası, numaralı listelerdeki videoları görüntüler. Bu sitedeki renkleri ve yazı tiplerini seviyorum. Bkz. Web Siteleri 8. Her NYC Ülkesi
Bu site Tammy Iroku tarafından gönderilmektedir. Bu site, şık arka plan görüntüsünün üzerinde tam genişlikte hareket etme davetine sahiptir. Rolling, mükemmel dikkat çeken normal yazı tiplerinden çok daha büyük yazı tipleri kullanan paralaksta yer paylaşımı ile arka planın üstünde CTA ile sloganı ortaya çıkarır. Kategori, yüzen bir animasyona sahip bir görüntü olarak görüntülenir. Üstün mesaj bir ses olarak sabitlenir. Medya sayfası sesle daha fazla mesaj ekler ve blog yayınları içerir. Hizmet sayfası kartta çeşitli yerleri gösterir. Bu sitedeki fotoğraf ve yazı tiplerini seviyorum.
Bu site Pietro Hadzich Girola tarafından önerildi. Tam ekran videosu başlık ile mavi bir streç arkasında çalınır. Kaydırma, gerçek paralakta bir taraftaki görüntü ve diğer taraftaki bilgileri büyük ve renkli bir yazı tipi ile tam ekran parçası görüntüler. Proje kaplamalı tam genişlikte görüntülenir. Kategori, imleci yönlendirirken rengi değiştiren bir blok olarak görüntülenir. Bazı videolar aynı mavi streç ile iletişim bilgilerinin arkasında çalınır. Proje sayfası birçok renk ve fotoğraf kullanır. Bu site olağanüstü renkler, yazı tipleri ve fotoğrafçılık kullanıyor. Web sitesine bakın 10. Stuart Johnson Bu site Seana Peele tarafından gönderilmektedir. Görüntüler ve CTA ile kayar bir çubuk, başlık ve bilgiler içeren metin bölümü, arka plan görüntüsünün üzerindeki paralaks ifadesi ve kategori bağlantısı olarak görüntüye sahip basit bir ana sayfa kullanır. Ne yaptığımız sayfada bazı çekici tasarım özellikleri var. Yaklaşım bölümümüz açıklamalı benzersiz bir grafik içerir ve eğitim alanı anahtarda görüntülenir. Basit ama etkili iletişim sayfaları, tam ekranda küçük miktarlarda metin sağlayın. Bu site gerçekten renk ve fotoğraf kullanıyor.
