Benzersiz Sayfa Düzenlerine Sahip 23 Divi Web Sitesi

Baştan sona tamamen benzersiz bir düzen tasarlamak zordur. Çoğu site, temel bilgiler içeren iyi bir düzene ihtiyaç duyar ve çoğu, bu bilgileri görüntülemek için benzer öğeleri kullanır. Bu yazıda benzersiz sayfa düzenlerine sahip 23 Divi web sitesine bakacağız.

Bu sitelerin birçoğunun yalnızca bir benzersiz özelliği olacak, diğerleri ise tamamen benzersiz olacak. Benzersiz özelliğin bir resmini göstereceğim ve bu özelliğin nelerden hoşlandığımı tartışacağım.

Web siteleri belirli bir düzende değildir. Birkaç bağlantı için sonuna kadar bekleyin.

1. 24 Saat Fitness Sunland

Bu site, metin içeren çok sayıda açılı bölüm kullanır. Bazıları çok renklidir, bazıları düzdür, diğerleri şeffaftır, birkaçı paralaks kullanır ve en az biri kaplamadır. Bazıları, bölümle açı yapan metin blokları içerir. Vurgular olarak harika çalışıyorlar ve içeriğin önüne geçmiyorlar.

Web Sitesine Bakın

2. Uyum Pilates

Bu web sitesinde eğik metin içeren bir bölüm var. Aslında bir süredir eğik metin görmek istiyordum. Metin yatay olmak zorunda değildir. Eğik görüntüler ve grafikler yıllardır kullanılmaktadır, ancak başlık metni görmek nadirdir. Bu bölümü öne çıkarmak için tek başına eğim yeterlidir.

Web Sitesine Bakın

3. SDG Hollanda

Bu, düzeninde hedeflere bağlantılar sağlayan çok sayıda blok içerir. Bloklar çok renklidir ve hem grafik hem de metin kullanır. Ayrıca, üzerine gelindiğinde bir bindirme içerirler.

Web Sitesine Bakın

4. WPDev.İş

Bu site hakkında öne çıkan unsurlardan biri, dikey metinle örtüşen resimlerle dönüşümlü bölümlerdir. Metin çok renklidir ve koyu arka plan üzerine yerleştirilmiştir. Görüntüler görünür ve kaydırma sırasında yerlerine kayar.

Web Sitesine Bakın

5. Hailey Sault

Resimleri sayfalara bağlantı olarak kullanmak oldukça yaygındır, ancak bu web sitesi bunu benzersiz bir şekilde yapıyor. Görüntüler, tam genişlikte iki sütuna yerleştirilir ve her taraftaki boşluğu tamamen ortadan kaldırır. Kategoriler, göze çarpan kırmızı kutular içine yerleştirilmiştir. Görüntülerin her biri zarif kaplamalar kullanır.

Web Sitesine Bakın

6. Powdi Stüdyosu

Bu web sitesi, her bölümü, arka planda sadece görülecek kadar öne çıkan bir ofset başlığı ile tanıtır. Metin, küçük metinde başka bir başlığı ve daha büyük bir metinde bir kısa açıklamayı göstermek için arka plan başlığının üzerinde görüntülenir.

Web Sitesine Bakın

7. VEEZ

Bu site, çeşitli koleksiyonları göstermek için benzersiz bir dizi bağlantıya sahiptir. Bağlantılar ekranın bir tarafına yerleştirilir ve ekranın geri kalanı boş bırakılır. Küçük bir arka plan bloğu üzerinde bir görüntü ofseti gösterirler ve koleksiyonun yılını görüntünün bir köşesinde büyük metin olarak gösterirler. Başlık, resmin altında bir tarafa yerleştirilir. Aynı tasarım bir mağaza CTA'sı olarak kullanılır.

Web Sitesine Bakın

8. Basit Ama Yaratıcı

Bu, önceki ve sonraki bölümlerle örtüşen dört kartlı ilginç bir bölüme sahiptir. Bölümün kendisi, daireler ve açılı bir çizgi ile iki renkli bir desen görüntüler. Kartlar gölge efektleri kullanır.

Web Sitesine Bakın

9. Tay Restoranı Yiyin

Bu, düzenin çoğunluğunun yemek menüsü olduğu tek sayfalık bir tasarımdır. Navigasyon gerektirmez. Logo, iletişim bilgileri, sosyal takip düğmeleri, yol tarifi bağlantısı, çalışma saatleri ve çevrimiçi sipariş bağlantısı, ekranda kalan dikey bir çubukta görünür. Sayfanın alt kısmında bir harita bulunmaktadır.

Web Sitesine Bakın

10. İçerik Araçları

Bu web sitesi, bir zaman çizelgesi düzenini mükemmel bir şekilde kullanır. Zaman çizelgesinin en üstünde iki seçenek sunar. İstediğiniz seçeneğe tıklamak, o seçenek için bir düzen görüntüler. Bir zaman çizelgesi, süreç boyunca size yol gösterir. Her iki zaman çizelgesi de alternatif tasarım kullanır ve birbirlerinin ayna görüntüleridir.

Web Sitesine Bakın

11. Bookin Ajansı

Bu düzen sanatçılara odaklanır. Siyah beyaz görüntüleri aralarında boşluk olmadan çok sütunlu bir düzende görüntüler. Hashtag'ler kategorileri için kullanılır. Sarı düğmeler sizi detaylı bilgi sayfalarına götürür.

Web Sitesine Bakın

12. Renktaşı

Bu site, arka planlar için çok sayıda büyük renk bloğu kullanır. Renkli ilk bölüm, tam genişlikte üç sosyal bağlantıyı görüntüler. Bunu takiben, tam genişlikte alternatif renkler kullanan grup üyelerinin her biri için bir bölüm var. Görüntüleri gölgelerini içerir, bu nedenle arka plan görüntünün bir parçası gibi görünür.

Web Sitesine Bakın

13. Ücretsiz 4 Hayat

Bu site, değişen bölümlerinde paralaks içinde çok sayıda zarif kaplama ve gradyan kullanır. Ancak benzersiz olarak öne çıkan şey, web sitesinin arka planlarını paralaks içinde kullanan üç CTA'lı bu bölüm. Temizdirler ve sitenin tasarımıyla mükemmel uyum sağlarlar.

Web Sitesine Bakın

14. Mary ve Nokta

Bu konuda sevdiğim birçok şey var. Özellikle sarı, kırmızı ve üst üste binen öğeleri kullanmalarını seviyorum. Benzersiz olarak öne çıkan bir şey portföy bölümüdür. Portföyü, her öğe büyük sayılarla numaralandırılarak tam genişlikte görüntüler. Hovering bir başlık ve bağlantı getirir.

Web Sitesine Bakın

15. Viva Tasarım Stüdyosu

Bu, arka planda bazı benzersiz grafik öğeleri kullanır. Kahraman bölümü, bir yandan diğer yana hareket eden ve metnin içinden bakan bir video görüntüler. Videonun bölümleri, sitenin geri kalanı boyunca taşınan bir açıyla bir arka planın arkasına gizlenmiştir. Renk blokları bu açılı alanları oluşturur. Çoğu, çeşitli renkler üzerinden okunabilecek şekilde tasarlanmış metinlere sahiptir. Bir bölümde renkli blokla açılı metin var.

Web Sitesine Bakın

16. Yüzer Raf Şirketi

Bu çevrimiçi mağazanın kahraman bölümü, ürün kaydırıcısı ve sağda iki küçük afiş ile dergi tarzı temiz bir tasarım oluşturur. Afişler, görüntüyü yukarı itmek ve bir satış mesajını, hizmetle ilgili bilgileri ve bağlantıları ortaya çıkarmak için fareyle üzerine gelme animasyonunu kullanır.

Web Sitesine Bakın

17. interVisionit

Bu site kutulu bir tasarım kullanır ve kaydırdığınızda logo ve menüyü ekranda tutar. Kaydırma alanının üst kısmı, siz kaydırdıkça sitenin kaybolduğunu gösterir. Birkaç farklı bölüm ayırıcı ile paralaks içinde bir görüntü gösteren bu bölümü özellikle seviyorum.

Web Sitesine Bakın

18. Sebzeler ve Çikolata

Bu, bir bağlantı listesi oluşturmanın benzersiz bir yoluna sahiptir. Dikkatinizi çekmek için bir resmi daha büyük olarak göstermek için 2/3 1/3 sütun düzeni kullanır. Diğer taraf, ortalanmış ve madde işaretleri için bir ok içeren başlık ve bağlantıları içerir.

Web Sitesine Bakın

19. Bambu Vuruşları

Bu site, birkaç görüntüyü birbirine bağlayan baklava biçimli bir ödül, başka bir görüntü içinde bir görüntü eki, birkaç ofset ve örtüşen görüntü ve metin modülü ve birbiriyle örtüşen birden çok kenarlık dahil olmak üzere birçok benzersiz öğeye sahiptir.

Web Sitesine Bakın

20. Yawplife

Bu, gönderileri çok sütunlu bir düzende görüntüleyen benzersiz bir blog bölümüne sahiptir. Bazıları büyük bir blok olarak görüntülenir, bazıları küçüktür ve diğerleri geniştir. Resimsiz olanlar dinlenme günleridir ve diğerlerinden farklı renkli metinlere sahiptirler.

Web Sitesine Bakın

21. EtkinlikYaratıcı

Bunun birkaç ilginç unsuru var. Özellikle benzersiz bulduğum bir tanesi blog bölümüydü. Zarif görünen ve beklenen bilgileri içeren büyük kartlar kullanır: resim, başlık, meta, alıntı ve daha fazlasını oku düğmesi. Ancak öne çıkan şey, blog bölümünün altındaki kaydırılabilir bir çubuk kullanarak bunları bir yandan diğer yana kaydırabilmenizdir.

Web Sitesine Bakın

22. Tire

Bu, site genelinde birçok ilginç açı ve renk deseni kullanıyor. Bazı bölümlerde açılar, sitenin eğilmediği halde eğildiği izlenimini veriyor. Kaydırıcı, her slaydın numarasını ve başlığını görüntüler ve görünen slaydın adını vurgular.

Web Sitesine Bakın

23. Hocking Danışmanları

Bu site çok sayıda zarif arka plan gradyanı içerir. En sevdiğim bölüm onların sürecini gösterir. Bu bölüm, sitenin tasarımına uyan birden çok açı ve renk içeren üst ve alt kısım için stil ayrımları içerir. Sürecin her adımı, arka planda üzerinde metin bulunan bir numaraya sahiptir. Ayrıca simgeli çizgiyi de seviyorum. Bu tasarım site genelinde kullanılmaktadır.

Web Sitesine Bakın

Biten Düşünceler

Bu, bir sonraki Divi web siteniz için size ilham vermeye yardımcı olacak benzersiz sayfa düzenleri ve tasarım öğelerine sahip 23 Divi web sitesine bakışımız.

Harika tasarımcılardan oluşan dünyamızda benzersiz bir şey tasarlamak zor olabilir. Neyse ki ET blogunda Divi ile mizanpaj tasarımı hakkında birçok makale var. İşte sadece birkaçı:

• Divi (6 Gradyan Renk Paleti!) ile Soyut Gradyan Kahraman Bölümü Nasıl Oluşturulur?
• Divi Web İçeriğinizi Optimize Etmek için 4 Düzen Tasarım İpuçları
• Görüntü Perspektifi ve Renkli Soyut Dalgalar ile Çarpıcı Bir Divi Ürün Düzeni Tasarlayın
• Divi ile Serbest Çalışan Siteniz için Öne Çıkan Bir İş Deneyimi Bölümü Nasıl Tasarlanır
• Divi'de Metin Soyut Tasarım Öğesi Olarak Nasıl Kullanılır?
• Divi'nin Kutulu Düzeni ile Pop Out Bölümleri Nasıl Oluşturulur
• Divi'de Benzersiz Düzenler Oluşturmak için Modülleri ve Satırları Örtüşme
• Üretkenliği ve Tasarımı Artıracak 25 “Gizli” Divi Özelliği
• WordPress Siteniz İçin Doğru UI Tasarım Renklerini Nasıl Seçersiniz?
• WordPress Web Tasarımcıları için 6 Renk Eşleştirme Tekniği

Senden duymak istiyoruz. Bu sayfa düzenlerinden hangileri favoriniz? Yorumlarda bize bildirin.