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

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 Ocak ayı için en iyi on web sitesini sizinle 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: Ocak 2021'den Yeni Başvurular

1. Vadi Endüstrileri

Bu site DJ Wheeler tarafından sunulmuştur. Endüstriyel bir görünüme sahiptir ve bölüm arka planları için çeşitli gri tonları, tanıtım yazıları ve referansların arka planları ve hatta metin için koyu gri ile hissettirir. Düğmeler ve noktalı gezinme için kırmızı vurgular öne çıkıyor. Logo renkleri birbirine bağlar. Kahraman bölümü, bir yanda CTA, diğer yanda bir video ile konulara dikkat çekiyor. Düğmeler paralelkenarlardır. Menüdeki CTA, üzerine gelindiğinde siyaha döner ve CTA metninin rengiyle eşleşen gri bir arka plana sahip başka bir düğme açar. Konular büyük tanıtım yazıları ile gösterilir. Gerçek paralaksta tam genişlikte bir görüntü, örnek bir çalışma alanını gösterir. Diğer sayfalar da benzer bir tasarıma sahiptir. Renkler ve temiz yerleşim, bu endüstriyel site için harika çalışıyor.

Vale Industries'i ziyaret edin

2. Arca Etkileşimli

Bu site Justin Arcara tarafından sunulmuştur. Site genelinde çok sayıda mor, kırmızı ve mavi var. Çoğu bölüm iki sütunlu arka planlar içerir. Kahraman bölümü, bir tarafında CTA ve diğer tarafında bir resim bulunan iki sütunlu bir tasarım gösterir. Her ikisi de bir başlık ve açıklama ile örtüşüyor. Bulanıklıklar, hizmetleri iki renkli simgelerle tanımlar. Birkaç bölüm, arka plandan farklı şekilde kayan resimler veya diğer öğeleri içerir. Son projeler başlığı yatay olarak kaydırır ve projeleri resimlerle görüntüler. Görüşler, üst üste binen logolar ile bir tarafta bir resim ve diğer tarafta metin içerir. Ayrıca, yapışkan bir e-posta bağlantısına sahip, stil sahibi bir başa dön düğmesi içerir. Bu site, büyük metinleri, büyük simgeleri, renkleri ve düzen öğelerini mükemmel şekilde kullanır.

Arca Interactive'i ziyaret edin

3. Trafolar

Bu site Samant Jaitli tarafından sunulmuştur. Site genelinde arka planlarda ve ürün arka planlarında yumuşak renkler kullanır. Düğmelerin ve kartların çoğu, göze çarpmak için kutu gölgeleri içerir. Geri sayım sayacı, özel fiyatların ne zaman sona ereceğini gösterir. Kahraman bölümü, sitedeki renkleri açılı bir desenle ve desenin içine yerleştirilmiş görüntüleri her iki tarafta ve merkezde iki CTA ile görüntüler. Kendi gömleğinizi tasarlamak için bir bölüm, simgelerle adımları görüntüler. Ürün kategorilerinin her biri, kategoriyi tanıtmak için sol tarafta renkli bloklar içerir. İletişim bölümünü de beğendim. Bilgileri, her sütun için farklı bir arka plan rengi ve siteyle eşleşen çizgi grafiklerle iki sütun halinde görüntüler. Bu site renkten çok yararlanıyor.

Trafoos'u ziyaret edin

4. UX Tasarım Hikayeleri

Bu site Allie Walters tarafından sunulmuştur. Başlıklar için ekstra büyük metin içeren basit bir tasarım kullanır. Kahraman bölümü, ten rengi bir arka plan üzerinde büyük bir yazı tipine sahip bir bölüm görüntüler. Açıklamadaki bir bağlantı, daha koyu bir bronzluk tonudur ve iyi göze çarpar. Birkaç bölüm, gerçek paralaksta tam genişlikte arka plan görüntüleri içerir. Yer paylaşımı, daha fazlasını görmek için bir bağlantı içeren kısa bir açıklama gösterir. Sahne arkasındaki bir bölüm, iş akışı sürecinin görüntülerini gösterir. Proje sayfaları, proje hakkında bir video ve ayrıntılı bilgi gösterir. Ayrıntılar, proje boyunca adım adım ilerleyen daha küçük bölümlere ayrılmıştır. Tipik proje sayfasında gördüğümden daha fazla ayrıntı gösteriyor ve bunu mümkün olan en basit ve en temiz şekilde gösteriyor.

UX Tasarım Hikayelerini Ziyaret Edin

5. TBasın Stüdyosu

Bu site Alexis Presti tarafından sunulmuştur. Bu site, beyaz metinli koyu gri arka plan ve yeşil gradyanlı metin kullanan tek sayfalık bir tasarıma sahiptir. Gövde metninin bir kısmı açık gridir. Genelde siyah bir arka plan üzerinde beyaz metinler gözüme zor geliyor, ancak bu renk kombinasyonu iyi çalışıyor ve metnin okunabilir olmasını sağlıyor. Kahraman bölümü ve takip eden bölüm, arka plana karışan bir arka plan görüntüsü görüntüler. Karışım o kadar pürüzsüz ki görüntünün nerede bittiğini söylemek zor. Bu, düzene zarif bir his kazandırmaya yardımcı olur. Kahraman bölümündeki metin, başlık için anahatlı metnin üzerinde yeşil bir eğime sahip blok metni kullanır. Başlıklar için gradyanlı benzer metin kullanılır ve eşleşen bölücüler, düğmeler ve simgeler içerir. Bu sitede gri ve gradyanların kullanımını seviyorum.

TPress Studio'yu ziyaret edin

6. Columbus Emlakçım

Bu site Greg Ventresca tarafından sunulmuştur. Site genelinde görüntü bindirmeleri ve açık ten rengi arka planlar için çok fazla gri kullanır. Kahraman bölümü, sol tarafta bir görüntüye karışan gri bir arka plan üzerinde bir video görüntüler. Başlık her iki tarafla da örtüşüyor ve metni her iki taraf için farklı gösteriyor. Birkaç CTA'nın görüntüleri örtüşüyor veya arka plan öğeleriyle örtüşen görüntüler içeriyor. Görüntülerden biri hem arka plana hem de ön plana yerleştirildi ve ilginç bir CTA oluşturuldu. Özellikler mizanpaja gömülür ve kutu gölgeli görüntüleri içerir. Birkaç sayfa, gri arka planlardan öne çıkan özel simgeler içerir. Renkler ve görseller mizanpajla iyi çalışır ve hedef kitleye mükemmel şekilde uyar.

Columbus Emlakçımı Ziyaret Edin

7. Yusufçuk Bulvarı

Bu site Marci Angeles tarafından sunulmuştur. Kenarlıklar oluşturmak için çok sayıda yumuşak renkli arka plan gradyanları ve ince veya çift çizgiler içeren temiz bir düzen kullanır. Kahraman bölümü, bir yay içinde tamamı büyük harflerle bir mesaj görüntüler. Metin, kemeri oluşturan arka plan gradyanıyla örtüşür. Bir kaydırıcı, kemerin ortasındaki görüntüleri değiştirir. Hizmetler, farklı şekillerdeki resimler içinde gösterilir. Bir sınırın arkasında bir köşe şekli, referanslar için kenarları yuvarlatılmış yatay bir şekil ve bir mesajı kaydıran bir kayan işaretçi dahil olmak üzere öğelerin birçoğu arka plan gradyanını farklı şekillerde görüntüler. Değişen CTA'lar, arka plan renklerinin varyasyonlarını kullanarak bir tarafta bir resim ve diğer tarafta metin gösterir. Başa dön düğmesi, yana doğru yazdırılan el yazısı metindir. Yusufçuk ön yükleyicisini ve fare imlecini seviyorum.

Dragonfly Ave'i ziyaret edin

8. ASLA MVM

Bu site Dylan Boulkhras tarafından sunulmuştur. Tasarıma keskin bir görünüm kazandırmak için öne çıkan koyu turuncu metinli siyah bir arka plan kullanır. Yapışkan bir menü sol tarafta kalır ve sayfaları birbirine bağlayan daireler içeren bir çizgi görüntüler. Kahraman bölümü, bir tarafta başlık, açıklama, bağlantı ve ön planda sayı sayaçlarıyla birlikte bir arka plan resmi gösterir. Menü tam ekran olarak görüntülenir ve aynı arka plan fotoğrafını içerir. Gömülü video içeren bir bölüm, arka plandan dumanla ayrılmış gibi görünen bir arka plan görüntüsü gösterir. Birkaç bölüm numaralandırılmıştır ve kalın başlıklar içermektedir. Projeler, vurgulu ve turuncu simgeleri yakınlaştıran hızlı değişen görüntüleri içeren tanıtım yazıları içinde görüntülenir. Bu site, renkleri mükemmel bir şekilde kullanıyor.

NEVERMVM'yi ziyaret edin

9. Panda Remiremont

Bu site Panda Remiremont tarafından sunulmuştur. Bu, tamamı metin, renk ve grafiklerle Çince tasarım öğelerini kullanan tek sayfalık bir düzendir. Kahraman bölümü, ekranın üst kısmının altında bulunan, tam ekran arka planının ve grafik öğelerinin üzerinde yüzen bir menü görüntüler. Büyük bir grafik, bir tarafta Çince metin ve diğer tarafta bir CTA içerir. Çince metinle benzer grafikler, bölümlerin birkaçında görünür. Başlıklarda oryantal desenli büyük metin kullanılmıştır. Fiyatlar, Çin yemeği menüsüne benzeyen stil sahibi bir arka plan üzerinde metin modülleri ile gösterilir. İletişim bilgileri bölümünü beğendim. Bir tarafında resim, diğer tarafında iletişim bilgilerinin yer aldığı bir rezervasyon CTA'sı içerir. Bir rezervasyon formu bununla örtüşür ve stilize edilmiş bir kenarlık içerir. Bunun arka plan resmini seviyorum.

Panda Remiremont'u ziyaret edin

10. Allianz Brno

Bu site Michal Teska tarafından sunulmuştur. Türe mükemmel şekilde uyan yeşil ve mavi vurgulara sahip çok sayıda beyaz alana sahiptir. Kahraman bölümü, bir tarafta CTA ve diğer tarafta ekip ile tam genişlikte bir görüntü gösterir. Ekip üyeleri ve konumları, elle yazılmış gibi görünen bir yazı tipiyle etiketlenir. Hizmetlerle ilgili bilgiler basit tanıtım yazıları ile sağlanır. Bunu takiben, üzerine gelindiğinde renk değiştiren daire içine alınmış simgelere sahip daha büyük tanıtım yazılarının bir bölümü bulunmaktadır. Tanıtım yazıları ayrıca fareyle üzerine gelindiğinde bir kenarlık görüntüler. Simgeler sınırlarla örtüşüyor. Takım bölümünü beğendim. Takım dairesel görüntülerini kalın kenarlıklarla görüntüler. Ekip üyelerinin görüntüleri çemberin dışında da devam ediyor. Görüntü, ekip üyesinin gülümsediğini göstermek için üzerine gelindiğinde değişir. Gömülü harita da ilginç. Hafiftir ve bir tarafta arka planla karışır. İletişim bilgileri haritayla örtüşüyor.

Allianz Brno'yu ziyaret edin

Toplama

Ocak 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.

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