Benzersiz bir sayfa düzeni olan 23 Divi web sitesi
Başından sonuna kadar benzersiz bir düzen tasarlamak zordur. Çoğu site, temel bilgilerle iyi bir düzen gerektirir ve çoğu bu bilgileri görüntülemek için benzer öğeler kullanır. Bu makalede benzersiz sayfa düzeni olan 23 Divi web sitesi göreceğiz. Bu sitenin birçoğunun yalnızca bir benzersiz özelliği olurken, diğeri gerçekten benzersiz olacaktır. Benzersiz bir özellik görüntüsü göstereceğim ve ondan ne sevdiğimi tartışacağım. Web sitesi belirli bir sırada değil. Birkaç bağlantı için sonuna kadar bekleyin.
1. Sunland Fitness 24 Saat
Bkz. Web Sitesi 3. SDG Hollandalı Bu, düzeninde hedefe bağlantılar sağlayan birçok blok vardır. Blok renklidir ve grafik ve metin kullanır. Ayrıca imleci yönlendirirken bindirme içerirler. Bkz. Web Sitesi 4. WPdev.Work Bu sitenin öne çıkan öğelerinden biri, dikey metinli örtüşen görüntülerle değişiyor. Çok renkli metin ve koyu arka planın üzerine yerleştirilir. Görüntü görünür ve kaydırmadaki yerine kayar. Web Sitesine bakın 5. Hailey Sault, sayfanın bir bağlantısı olarak görüntüleri kullanan Hailey Sault oldukça yaygındır, ancak bu web sitesi bunu benzersiz bir şekilde yapar. Görüntü, tam genişliğe sahip iki sütuna yerleştirilir, her taraftaki alanı tamamen çıkarın. Kategori belirgin bir kırmızı kutuya yerleştirilir. Her görüntü zarif bir kaplama kullanır. Bkz. Web Sitesi 6. Powdi Studio
Bu web sitesi, her bölümü, görmek için oldukça çarpıcı olan arka planda başlık ofseti ile tanıtmaktadır. Metin, küçük metinlerdeki diğer başlıkları ve daha büyük metinde sloganları görüntülemek için arka plan başlığının üzerinde görüntülenir. Bkz. Web Sitesi 7. VEZ Bu site, çeşitli koleksiyonları görüntülemek için benzersiz bağlantılardan oluşan bir koleksiyona sahiptir. Bağlantı, kalan ekrandan ayrılarak ekranın bir tarafına yerleştirilir. Küçük arka plan bloğunun üzerindeki ofset görüntülerini gösterirler ve koleksiyon yılını görüntünün bir köşesinde büyük bir metinde gösterirler. Başlık resmin bir tarafına yerleştirilir. Aynı tasarım CTA mağazası olarak kullanılır. Bkz. Web Sitesi 8. Basit Ama Yaratıcı
Bu, önceki ve bir sonraki bölümde dört örtüşen kartla çekici bir parçaya sahiptir. Bölümün kendisi, daire ve eğimli çizgiye sahip iki renkli bir desen görüntüler. Kart bir gölge efekti kullanır. Bkz. Web Sitesi 9. Tay restoranlarını yiyin Bu, düzenin çoğunun bir gıda menüsü olduğu tek sayfalık bir tasarımdır. Navigasyon gerektirmez. Logo, iletişim bilgileri, sosyal takip düğmeleri, talimatlara bağlantılar, çalışma saatleri ve çevrimiçi sipariş vermek için bağlantılar ekranda kalan dikey çubukta görünür. Sayfanın tabanında bir harita bulunur. Web sitesine bakın 10. İçerik Araçları Bu web sitesi zaman çizgilerinin düzenini çok iyi kullanıyor. Bu, zaman çizelgesinin üstünde iki seçenek sağlar. Bu seçeneğin düzeni görüntülemek istediğiniz seçeneği tıklayın. Zaman çizgisi süreç boyunca size rehberlik eder. Her iki zaman çizgisi de tasarımı dönüşümlü olarak kullanır ve birbirleriyle bir ayna gölgesidir. Bkz. Web Sitesi 11. Sipariş Ajanı
Bu düzen sanatçılara odaklanıyor. Aralarında boşluk olmadan çok sütunlu bir düzende siyah beyaz bir görüntü gösterir. Hashtag kategoriler için kullanılır. Sarı düğme sizi ayrıntılı bilgi sayfasına götürür. Bkz. Web Sitesi 12. Taş Renk Bu site arka plan için birçok büyük renk bloğu kullanır. Renkli ilk bölüm, tam genişliğe sahip üç sosyal bağlantı görüntüler. Aşağıda, renk kullanan her bant üyesi için sırayla tam genişlikte bir parçadır. Resimleri gölgelerini içerir, bu yüzden arka plan resmin bir parçası gibi görünüyor. Bkz. Web Sitesi 13. Ücretsiz 4 Hayat
Bu site, paralaks aralıklı parçalarında çok fazla zarif kaplama ve gradyan kullanır. Benzersiz olarak öne çıkan şey, paralakta web sitesinin arka planını kullanan üç CTA’nın bu kısmıdır. Temiz ve site tasarımı ile mükemmel bir şekilde entegre. Bkz. Web Sitesi 14. Maria ve Dot Bu konuda sevdiğim birçok şey var. Özellikle sarı, kırmızı ve örtüşen elementlerin kullanımını seviyorum. Benzersiz olarak göze çarpan bir şey portföy. Her öğe verilen tam genişliğe sahip bir portföy gösterir. Yüzen taşıma başlıkları ve bağlantılar. Web Sitesine bakın Kahraman bölümü, yandan diğer yana hareket eden ve metinle bakan videoları görüntüler. Tüm siteye taşınan bir açı ile arka planın arkasındaki gizli videonun kısmı. Renk ışını bu eğimli alanı yaratır. Çoğu çeşitli renklerle okunabilmek için metinlere sahiptir. Bir bölümde renkli bir blok içeren eğimli bir metin vardır.
Bkz. Web Sitesi 16. Yüzen Raf Şirketi
Bu çevrimiçi mağazanın kahraman bölümü, ürün vardiyası ve sağda iki küçük afiş içeren temiz bir dergi tarzı tasarımı yapar. Afişler, görüntüleri teşvik etmek ve satış mesajlarını, hizmetler hakkında bilgi ve bağlantıları teşvik etmek için Hover Animation kullanır. Bkz. Web Sitesi 17. Intervisitite Bu site bir kutu tasarımı kullanır ve kaydırdığınızda ekranda logo ve menüyü kaydeder. Kaydırma alanının üst kısmı, kaydırdığınızda sitenin kaybolduğunu gösterir. Bölümün birkaç farklı kısmına sahip bir paralaks gösteren bu bölümü gerçekten seviyorum.Bkz. Web Sitesi 18. Sebze ve Çikolata Bunun bir bağlantı listesi yapmanın benzersiz bir yolu vardır. Dikkatinizi çekmek için daha büyük bir taraftaki görüntüleri görüntülemek için 2/3 1/3 sütununun düzenini kullanır. Diğer tarafta, ortada bulunan ve mermiler için oklar içeren başlıklar ve bağlantılar bulunur. Bkz. Web Sitesi 19. Bambusitus Beats, birkaç görüntü, diğer görüntülerde görüntü ekleri, birkaç görüntü modülü ve ofset metni ve üst üste binen bazı görüntüler ve üst üste binen sınırlar dahil olmak üzere elmas şekilli ödüller dahil olmak üzere birkaç benzersiz unsura sahiptir. Bkz. Web Sitesi 20. Yawplip
Bu, çok sütunlu düzende yayınları görüntüleyen benzersiz bir blog var. Bazıları büyük bloklar olarak görüntülenir, bazıları küçüktür, bazıları geniştir. Görüntüleri olmayanlar dinlenme günleridir ve diğerlerinden farklı renkli metinlere sahiptirler. Bkz. Web Sitesi 21. AcarakReative Bunun birkaç ilginç unsuru var. Bulduğum şeylerden biri çok benzersizdir. Zarif görünen ve beklenen bilgileri içeren büyük bir kart kullanır: görüntüler, başlıklar, meta, tırnak ve daha fazla okuma düğmesi. Öne çıkan şey, blog bölümünün altına yuvarlanabilen bıçağı kullanarak yan yana kaydırabilmenizdir. Bkz. Web Sitesi 22. Cemaat Bu, site genelinde birçok çekici açı ve renk deseni kullanır. Köşenin bazı kısımlarında, sitenin olmasa bile eğildiği izlenimini verir. Kaydırıcı, her slaydın numarasını ve başlığını görüntüler ve görünür slayt adını vurgular. Bkz. Web Sitesi 23. Hocking Danışmanı
Bu site birçok zarif arka plan gradyanı içerir. En sevdiğim kısım süreçlerini gösteriyor. Bu bölüm, sitenin tasarımına uygun birkaç açı ve renk içeren üst ve alt için stillerin ayrılmasını içerir. Sürecin her adımında arka planda yukarıdaki metin bulunan bir numara vardır. Ayrıca simgeli satırları da seviyorum. Bu tasarım site genelinde kullanılır. Bir sonraki divi web siteniz için size ilham vermeye yardımcı olacak sayfa düzeni ve benzersiz tasarım öğelerine sahip 23 Divi web sitesinde görünümümüz olan zihnini sona erdiren web sitesine bakın. Olağanüstü tasarımcılarımızın dünyasında, benzersiz bir şey tasarlamayı zor bulabilirim. Neyse ki ET blogunda Divi ile düzen tasarımı hakkında birçok makale var. İşte bazıları: Divi ile soyut gradyan kahramanları nasıl yapılır (6 gradyan renk paletleri!) Divi web içeriğinizi optimize etmek için 4 Düzen Tasarım İpuçları Renkli bir görüntü ve renkli dalga perspektifi ile çarpıcı olan divi ürün düzeni bölümü Freelancer siteniz için divi ile önde gelen bir iş deneyimi nasıl tasarlanır? Divi’de metin soyut bir tasarım öğesi olarak nasıl kullanılır
Divi kutusunun düzeni ile nasıl çıkış bölümü yapılır
Divi’de benzersiz bir düzen oluşturmak için modüller ve satırlar nasıl çakışır
Verimliliği ve tasarımı artırmak için 25 “gizli” divi özellikleri
WordPress siteniz için doğru kullanıcı aracı tasarım rengini nasıl seçersiniz
WordPress web tasarımcıları için 6 renk eşleştirme teknikleri
Senden duymak istiyoruz. Aşağıdaki sayfadan hangisi favoriniz? Bize yorumlarda söyleyin.
