Divi Tasarım Vitrini: Mayıs 2021'den Yeni Başvurular

Yayınlanan: 2021-06-03

Topluluk ü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 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 2021'den Yeni Başvurular

1. Ulusal Bilim Günü

Ulusal Bilim Günü

Bu site Omshivaprakash tarafından sunulmuştur. Renk ve düzen tasarımının ilginç kullanımını sağlayan tek sayfalık bir web sitesidir. Kahraman bölümü, ön planda bir CTA ile örtüşen görüntüleri gösterir. Bu, büyük metin ve geri sayım sayaçları ile büyük renk bloklarıyla örtüşen logoların bulunduğu bir bölüme yol açar. Birkaç bölüm, metni bir tarafta, sol tarafta dikey bir başlık ile görüntüler. Bu başlıklar, web sitesindeki diğer öğelerle eşleşen farklı arka plan renklerine sahiptir. Birkaç bölüm resim veya grafik kullanır. Özellikle metin için renk kullanımını veya metnin arkasındaki arka planları seviyorum.

Siteyi ziyaret et

2. Baitik

Baitik

Bu site Joao Martins tarafından sunulmuştur. Bu, renk ve arka plan açılarından ilginç bir şekilde yararlanıyor. Arka planlar açılı desenler gösterir. Mavi arka planlar mavinin tonlarını gösterirken beyaz, grafiklerin perspektifiyle çalışan yeşil çizgili açık gri yamaları gösterir. Mavi ve yeşil, ekranın neredeyse yarısını kaplayan ve bölümlerine ilerlerken solda veya sağda görünen büyük iki renkli grafiklerde kullanılıyor. Simgelerin, düğmelerin ve metin öğelerinin çoğu aynı yeşil renktedir. Grafikler minimal ve aynı zamanda görsel olarak çarpıcı. Grafikler ve metin, temiz bir düzen oluşturmak için birlikte mükemmel bir şekilde çalışır.

Siteyi ziyaret et

3. İşimi Büyüt

İşimi Büyüt

Bu site Ben Elwood tarafından sunulmuştur. Bu, gri veya beyaz arka plana karşı sarı vurguları mükemmel bir şekilde kullanır. Menüde, başlıklarda, düğmelerde, bağlantılarda, kenarlıklarda, tırnaklarda, simgelerde vb. Sarı kullanılır. Arka planların çoğu beyazdır ve sarı vurgularla iyi çalışır. Gri olan birkaç tane daha iyi görünüyor ve sadece birkaçı olduğu için daha da öne çıkıyor. Gri arka plana sahip birkaç tam genişlikte bölüm, referansları görüntüler veya CTA'lar oluşturur. Özellikle üç tanıtım yazısı bölümünü seviyorum. Gri, beyaz ve sarı arka planlar içerirler. Her birinin daire içine alınmış bir simgesi vardır ve bunlar daire ve simge için gri ve sarı arasında değişir. Ayrıca site genelinde renkleri değiştiren vurgulu animasyonları da seviyorum.

Siteyi ziyaret et

4. Geleceğin Futbol Profesörleri

Geleceğin Futbol Profesörleri

Bu site Maurice Veraa tarafından sunulmuştur. Bu, mavi arka planları ve sarı vurguları zarif bir şekilde kullanır. Ayrıca, döngüye giren veya üzerine gelindiğinde yanıt veren birçok mikro animasyona sahiptir. Ayrıca kahraman bölümünde arka plan videosunun üzerinde görünen başlık metni tasarımını da beğendim. Arka plandan ayrı duruyor ve hatta biraz renk vermek için metnin arkasında küçük açılı sarı bir blok içeriyor. Başlıkların çoğu, başlık içinde açılı bloğun daha küçük bir versiyonunu içerir. Mavi veya sarı renkte benzer açılı bloklar veya ayrı resimler. Görüntülerin çoğu, görüntüyle örtüşen bir blok başlığı içerir.

Siteyi ziyaret et

5. Bartlett Çiftlikleri

Bartlett Çiftlikleri

Bu site Andrew Bartlett tarafından sunulmuştur. Bu, görüntüleri ve menüleri mükemmel şekilde kullanır. Kahraman bölümü, ön planda büyük CTA'lar içeren tam genişlikte bir kaydırıcı görüntüler. CTA'lar metni ilginç bir şekilde kullanır. Başlığın üst satırı açık ve yeşil renkle özetlenmiştir. Başlığın alt satırı düz yeşildir. Birkaç bölüm, bilgi, zaman çizelgesi, madde işaretleri vb. sağlayan örtüşen tanıtım yazılarını içerir. Blog gönderileri, meta için benzersiz bir tasarıma sahiptir. Favori bölümüm, kartları ürünlere bağlantı olarak gösterir. Kartlar, neredeyse yer imlerine benzeyen düzgün bir tasarıma sahiptir. Kartlar, bölümlere ayrılmış bir görüntü ve bilgi içerir. Benzer bir tasarım mega menüde sadece başlık ve görsel ile kullanılmıştır.

Siteyi ziyaret et

6. Açılır Kombi

Açılır Kombi

Bu site Justine Carter tarafından sunulmuştur. Bu site, fotoğraf ve videodan mükemmel bir şekilde yararlanmaktadır. Kahraman bölümü, ürünün benzersiz bir tanıtımını oluşturan bir arka plan videosu gösterir. Bir CTA, hem iletişim sayfasına bir bağlantı hem de bir açılır pencerede iletişim formunu açan bir bağlantı ile kendi başına bir bölümde bunun altında ortalanır. Ürün ayrıca videoyla eşleşen tam genişlikte bir galeride görüntülenir. Ürün görselleri de hizmetler için kullanılmaktadır. Bağlantıların ve simgelerin çoğu, ürün fotoğraflarındaki kırmızı renkle eşleşiyor. Menüdeki bir CTA ve iletişim formu düğmesi, ürün fotoğraflarındaki bronzlukla eşleşir. Öne çıkanlar, siteyi ve fotoğrafçılığı birbirine bağlamak için iyi çalışır.

Siteyi ziyaret et

7. Brandartika

Brandartika

Bu site Jeff Litcofsky tarafından sunulmuştur. Bu aynı zamanda markalı bir rengi de harika bir şekilde kullanıyor. Markalı mavi renkte harika bir animasyon, web sitesini tanıtır ve sonunda logo ve slogana dönüşür. Mavi ayrıca görüntü bindirmeleri, düğmeler, bir CTA arka planı, başa dön düğmesi ve hamburger menüsü için de kullanılır. Çalışma bir mozaik düzen içinde gösterilir. Menü, web sitesinin yalnızca görünür olmasını sağlayan mavi bir arka planla tam ekran olarak açılır. Sayfalar, başlığın arkasında stilize ayırıcılar bulunan desenli bir arka plan gösterir. Bu sayfalar ayrıca podcast'ler, simgeler, yapışkan bir düğme ve daha fazlası için markalı mavi rengi kullanır. Site ayrıca çalışma örneklerini göstermek için önce ve sonra kaydırıcısını da iyi bir şekilde kullanıyor.

Siteyi ziyaret et

8. Cassandra Layık

cassandra layık

Bu site Alfonso Perez-Verdia Ochoa tarafından sunulmuştur. Bu aynı zamanda renk ve arka plan desenlerinden de büyük ölçüde yararlanıyor. Kahraman bölümü, öznenin arkasında beyaz bir sıcak nokta oluşturan mavi bir arka plana sahip tam ekran bir görüntü görüntüler. Beyaz metin, bir videoyu görmek için animasyonlu bir düğme içeren CTA'yı oluşturur. Birkaç bölüm, daire içine alınmış nokta desenli siyah bir arka plan içerir. Bu bölümlerin çoğu, tek bir referans, gömülü video veya benzer öğe görüntüler. Benim favorim adımları gösteren bölüm. Basamakların numaraları, cesur renklerde zarif tasarımlarla daire içine alınmıştır. Adımlar ve açıklamaları birbirinden uzaktır. Ayrıca, bir tarafında resim, diğer tarafında koyu renkli arka planla açıklama gösteren servislerin olduğu bölümleri de seviyorum.

Siteyi ziyaret et

9. JP Etkinlikleri

JP Etkinlikleri

Bu site Tom Carmona tarafından sunulmuştur. Bu, sitede gezinirken yumuşaktan koyuya değişen renklerle zarif bir düzen kullanır. Kahraman bölümünün arka planı, benzersiz bir desen oluşturmak için örtüşen birden fazla yumuşak renk içerir. Kaydırıcıdaki görüntüler aynı renklerden bazılarını vurgular. Düğmelerin ve ayırıcının vurguları, sayfayı aşağı kaydırdıkça daha belirgin hale gelen daha koyu bir renktir. Hizmetler, kenarlıklı görüntüleri kahraman bölümünden biraz daha koyu renklerde görüntüler. Vurgular koyulaştıkça arka planlar daha yumuşak tutulur. Simgeler, kahraman bölümünün CTA'sındaki daha koyu rengi kullanırken alt bilgi arka plan olarak daha koyu rengi kullanır. Buradaki mega menüyü seviyorum. Bağlantılar simgeler içerir ve web sitesindeki tüm renkleri kullanır. Renkler, sitenin kutlama odağı için harika çalışıyor.

Siteyi ziyaret et

10. Volny Stüdyosu

Volny Stüdyo

Bu site Volny Studio tarafından sunulmuştur. Bu web sitesi minimal bir tasarımı zarif bir şekilde kullanır. Arka planlar kirli beyazdır ve metin ve görsel öğelerin çoğu siyahtır. Vurgularda ve görüntülerde ilginç hale getirmek için yeterli renk getiriyor. Kahraman bölümü, altındaki CTA ile örtüşen bir resim görüntüler. Birkaç bölüm, görüntüleri bir tarafta, metni diğer tarafta değişen bir düzende gösterir. Bazıları öne çıkmak için renk blokları içerir. Favori bölümüm, hizmetleri numaralı sütunlarda gösterir. Rakamlar, renk bloklarıyla oluşturulan Romen rakamlarıdır. Projeler bölümü, sağda daha büyük bir resim ile tek bir satırda iki resim ile de ilginçtir. Görüntüler minimal arka plana sahiptir, bu nedenle projeler öne çıkar. Proje sayfalarında örtüşürler. Ayrıca bilgileri bölümlere ayıran minimal altbilgi tasarımını da seviyorum.

Siteyi ziyaret et

Gelecek Aya Kadar!

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.

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