3 Ücretsiz Güzel Proje Sayfası Düzeni (& Divi Builder ile Daha Fazla Nasıl İnşa Edilir)

Divi ile Basit ve Etkili Portföy Web Sitesi Nasıl Oluşturulur ? Bu seride, sıfırdan kendi portföy web sitenizi oluşturmak için yapmanız gereken her şeyi ele alacağız. Ayrıca sitenizin yeni müşteriler çekmede etkili olduğundan emin olmak için A/B test sistemi Divi Lead'lerimizi nasıl kullanacağımızı da gözden geçireceğiz.

---

Bugünün blog gönderisinde, çalışmanızı sergilemek için harika birer mizanpaj olan üç portföy projesi düzenini veriyoruz. Ayrıca, kendiniz oluşturduğunuz yeni ve yeniden karıştırılmış düzenler için harika bir başlangıç ​​noktası oluştururlar. Bu mini diziye bu bedavaları dahil etme amacım, çalışmanızı en iyi nasıl sergileyeceğinizi bulma sürecini hızlandırmak. Hemen deneyebileceğiniz üç farklı seçenek vererek, neyin işe yaradığını, neyin yaramadığını, neyi sevdiğinizi ve neyi sevmediğinizi görmenizi umuyorum.

Proje Sayfası Düzen Paketi Nasıl İndirilir, Yüklenir ve Kullanılır

Divi Proje Sayfa Düzeni Paketini indirdiğinizde, içinde bulacağınız dosyalar aşağıdakilerdir:

• all-project-layouts.json – bu, tek bir json dosyasındaki üç düzenin tümü.
• Öne Çıkan Görüntüler Klasörü – Bu düzenlerin her birinde öne çıkan görüntü modülünü kullanıyorum. Bu, bu klasörde yer alan öne çıkan resimleri, görünmeleri için ilgili düzenlerine eklemeniz gerektiği anlamına gelir.
• Proje 3 Galeri Resimleri Klasörü – Galeri modülleri tüm resimleriyle birlikte dışa aktarılmaz. Düzen üç galeri modülünde kullanılan tüm resimleri kolayca ekleyebilmeniz için ekledim.
• project-layout-1.json – Aşağıdaki ilk düzen, tek bir dosya olarak.
• project-layout-2.json – Aşağıdaki ikinci düzen tek bir dosya olarak.
• project-layout-3.json – Tek bir dosya olarak aşağıdaki üçüncü düzen.

Aşağıdaki düzen paketini bilgisayarınıza indirdikten sonra, onu indirilenler klasörünüzde bulmanız ve sıkıştırmasını açmanız gerekir. Ardından Divi > Divi Kitaplığı'na gidin ve sayfanın üst kısmındaki "içe ve dışa aktar" düğmesini tıklayın. İçe aktarma sekmesinde istediğiniz düzeni (veya "tümü" dosyasını) seçin ve bunları Divi Kitaplığınıza aktarın.

Bu işlem tamamlandıktan sonra Divi Builder'ı kullanarak Kitaplıktan Yükle > Kitaplıktan Ekle'ye giderek ve tercih ettiğiniz proje düzenini seçerek bu paftaları yeni projelere ekleyebilirsiniz. Öne çıkan görselleri ve galeri görsellerini ayrı ayrı eklemeyi unutmayın!

İndirmeye erişmek için aşağıdaki formu kullanarak Divi Daily e-posta listemize abone olmanız gerekir. Yeni bir abone olarak daha da fazla Divi iyiliği alacaksınız. DiviStar Düzen Paketini indirebilmenin yanı sıra, size Ultimate Divi Açılış Sayfası Düzen Paketi'ni de göndereceğiz ve size sürekli olarak yeni (ve ücretsiz) Divi kaynakları, ipuçları, püf noktaları ve haberler kaynağı sağlayacağız.

Zaten listedeyseniz, aşağıya e-posta adresinizi girin ve indir'i tıklayın. İki kez abone olmayacaksınız.

Sayfa Düzenlerinize Tasarım İlkelerini Uygulamak

Ne zaman bir sayfa, gönderi, portföy düzeni veya herhangi bir şey tasarlamak için oturduğumda, bazı temel tasarım ilkelerini kısaca yeniden gözden geçirmeye çalışıyorum. Dört temel tasarım ilkesinin basit açıklamalarını (anlaşılması kolay diyagramlarla) sağlayan, Learndesignprinciples.com adlı harika bir web sitesi var: Eksen, Simetri, Hiyerarşi ve Ritim.

Learndesignprinciples.com'un yaratıcısı Melissa'nın bu terimlerin her biri için yazdığı kısa açıklama:

Eksen: Eksen en temel ve en yaygın düzenleme ilkesidir. Basitçe ifade etmek gerekirse, eksen, bir tasarımdaki bir grup öğeyi düzenlemek için kullanılan hayali bir çizgidir. Diyagramlarda eksen, kesikli bir çizgi olarak temsil edilir.

Simetri: Elemanların bir eksenin her iki tarafında aynı şekilde düzenlenmesine simetri denir. Mükemmel simetri, elemanların eksen üzerinde yansıtılması ve her iki tarafta da tamamen aynı olmasıdır.

Hiyerarşi: Hiyerarşi, bir tasarımdaki diğer öğelere kıyasla bir öğenin daha önemli göründüğü zamandır.

Ritim: Ritim, tekrarlanan bir form kalıbı tarafından oluşturulan harekettir.

Bu terimlerin her biri, yukarıda bağlantısını verdiğim web sitesinde, bu terimlerin ne anlama geldiğini tam olarak görselleştirmenize yardımcı olacak bir dizi şemaya sahiptir. Bir göz atmanı şiddetle tavsiye ederim.

Aşağıdaki tasarımlarda ilk üç ilkeye odaklandım. Her tasarımın ortasından aşağıya doğru uzanan bir ekseni vardır. Sayfaya ne koyarsam koyayım, o görünmeyen merkez eksenin her iki tarafındaki öğeleri dengeleyerek simetri oluşturmaya odaklandım. Son olarak, öne çıkan görüntünün/proje açıklamasının önemini iletmek için hiyerarşi ilkesini kullandım.

Bir dahaki sefere bir gönderi veya sayfa oluşturmaya karar verdiğinizde bu basit tasarım ilkelerini düşünürseniz, içeriğinizi çekici bir şekilde düzenlemenize yardımcı olacağınıza eminim.

Proje Sayfası Düzeni 1

Bu ilk düzen, çalışmanızı kısa ve öz ama cesurca gösteren basit, tek bir resim sütunudur.

Proje Sayfası Düzeni 2

İkinci düzen ile biraz daha karmaşık hale gelmek istedim ama yine de merkezi eksenimi ve her iki taraftaki simetriyi korumak istedim.

Proje Sayfası Düzeni 3

Üçüncü düzende gerçekten yapmak istediğim tek şey, geniş bir çalışma grubunu sergilemek için temiz ve kompakt bir yol sağlamaktı. Josh Hall tarafından Galeri Modülü mini dizisinde nasıl oluşturulacağının gösterildiği hepimize benzer bir galeri mükemmel bir uyumdu.

Yarın: Divi ile Portföy Web Siteniz İçin İlgi Çekici Bir Hakkında Sayfası Nasıl Oluşturulur

Yarınki gönderide, basit ve etkili portföy web sitemizin son sayfasını oluştururken size yol göstereceğim: hakkında/iletişim sayfası! Orada görüşürüz!

Büyük bir duyuruyu, faydalı ipucunu veya Divi freebie'sini asla kaçırmamak için e-posta bültenimize ve YouTube kanalımıza abone olmayı unutmayın!