Divi web içeriğinizi optimize etmek için 4 Düzen Tasarım İpuçları
Düzen tasarımı, sayfanıza sadece metin ve resimler eklemek kadar basit değildir ve en iyisini umar. Olağanüstü düzen, izleyicileri çekmeye ve içeriğinizin en önemli kısmına yönlendirmeye yardımcı olabilir. Neyse ki, tasarım sürecini kolaylaştırmak için uygulayabileceğiniz birçok strateji var. Bu makalede, web siteniz için beyaz alan kullanmak ve önemli tasarım öğelerini tekrarlamak gibi dengeli bir düzen oluşturmak için dört ipucu sunacağız. Birkaç öğeyi açmak için Divi işlevselliğini nasıl kullanabileceğinizi de söyleyeceğimiz sürece. Başlayalım!
Sayfa Düzeniniz Neden Önemlidir Sayfa düzeniniz, web sitenizden hemen ayrılan veya içeriğinizi okumak için hayatta kalan kişiler arasında bir fark olabilir. Kısacası, doğru düzen ziyaretçileri çekebilir, onları en önemli içeriğe yönlendirebilir ve sitenizde kalmaya teşvik edebilir. Tabii ki, insanlar basit bir şeyden çok güzel tasarlanmış web sitelerini gördükleri zaman geçirmeyi tercih ediyorlar. Basitçe söylemek gerekirse, çekici olmayan web siteleri ziyaretçi katılımını kaybetmek için yeterlidir. Web sitesi ziyaretçileri almak bir şey olmasına rağmen, tamamen farklı bir şey yaptıklarında onları belirli bir şekilde davranıyor. Sonunda, en önemli içeriğinizin tüketilmesini ve oyunculuk davetiyenizin (CTA) takip edilmesini istersiniz. Aslında, insan zihni aslında CTA bekliyor ve istiyor – bu yüzden tek yapmanız gereken okuyucuyu doğru düzenle doğru yönde yönlendirmektir.
4 Düzen Tasarım İpuçları Web içeriğinizi optimize etmek için bu makaledeki ipuçları başlamak için birçok tasarım öğesi içerecek olsa da, düzen ilhamını bulmanıza yardımcı olacak birçok web sitesi de vardır. Awwwards gibi siteler harika ve yüksek kaliteli örnekler sergiliyor – ve hatta Pinterest bir ilham kaynağı olabilir. İpuçları için bakalım! 1. Web tasarımı bağlamında bir ızgara sistemi kullanın, kafes, içeriğinizi yönetmenize ve yönetmenize yardımcı olacak bir kılavuz olarak işlev gören görünür veya hayali olan yatay ve dikey çizgiler koleksiyonudur. Izgara sisteminizi planlarken, odak noktalarının kullanımı ve üçte bir kural gibi diğer tasarım tekniklerini de birleştirebilirsiniz. Görüntünün veya metin bloğunun bir parçası olsun, iyi odak noktası, okuyucunun dikkatini çekmek için çalışmalıdır. . Bu genellikle bahçenin ortasına veya ızgaranızın ortasına yerleştirilir. Üçüncü bir kural, sayfaları dikey ve/veya yatay olarak üçe bölme kavramına dayanır. Ancak bu, içeriğin ayrı kısmının üç sütunda görünmesi gerektiği anlamına gelmez ve bazıları iki tane içerebilir. Örneğin, birçok web sayfası – blogumuz gibi – üçte bir üçüncü üçte bir yan çubuğa sahipken, ana metin üçte bir sol ve ortada uzanır. Divi Builder kullanmak bir eleman ızgarası oluşturmayı kolaylaştırır. Örneğin, üçüncü üçüncü kuralları tam anlamıyla uygulamak için, her biri üç sütunlu üç sıra yapabilirsiniz:
Bu ızgarayı oluşturmak için önce Divi Builder’ı girin ve sütun (lar) ı tıklayın:
Elementlerin tekrarlanması düzeninize tutarlılık enjekte eder ve bu her bir bileşeni daha uyumlu ve çekici bir tasarım oluşturmak için birleştirir. Bu aynı zamanda okuyucuların sayfalarda biraz karışıklıkla gezinmelerine yardımcı olabilir. Örneğin, bir arabellek ana sayfası alın: Bu, ekran odak görüntüsünde tekrarlanan logoyu gösterir. Kağıt düzlem ayrıca logoda görüntülenen bir kağıda benziyor, bu da tüm sayfayı makul hale getiriyor ve daha uyumlu görünüyor. Divi’de geri dönen unsurlar çok kolaydır. Divi Builder’daki seçtiğiniz öğelere gidin ve öğeleri çoğaltmak için kopyalama düğmesini tıklayın. Buradan, sayfanızdaki diğer yerlerdeki öğeleri çekebilir ve çekebilir ve serbest bırakabilirsiniz ve orijinali etkilemeden değiştirebilirsiniz: Aynı şekilde, tüm sitelerinizde tutarlılık oluşturmak için geleceğin düzeni kaydedebilirsiniz – daha sonra hakkında daha fazla bilgi edinebiliriz. . 4. Beyaz alanı tam olarak kullanın – veya negatif boşluk olarak adlandırılır – sayfanın içerik tarafından işgal edilmeyen boş bir parçasıdır. Beyaz boşluk kullanımı genellikle göz ardı edilir. Birçok tasarımcı mümkün olduğunca fazla bilgiyi denemek ve tıkamak için cazip hissediyor. Bununla birlikte, izleyicilerin katılımını sürdürme açısından, daha az olabiliyor gibi görünüyor ve doğru beyaz alanın kullanımı anahtar. Beyaz alanı doğru kullanmak için bazı ipuçları:
Kopinin etrafındaki kenar boşluğunu ayarlayın. Kenar boşluğunun boyutunun arttırılması, kopyayı ayırmaya yardımcı olabilir. Bu, sayfanın yansiyon görünmesini sağlar ve metnin okunması daha kolaydır. Paragraflar arasında boşluk ekleyin. Paragraflar arasındaki mesafeyi eklemek metni kırabilir ve daha uzun bir makalenin korkutmaması için görünmesini sağlayabilir. Çizginin yüksekliğini ve harfleri ayarlayın. Metninizin mümkün olduğunca kolay okunabileceğinden emin olmak için satırlar ve harfler arasındaki mesafeyi değiştirebilirsiniz.
Odak noktanızı beyaz bir alanla çevreleyin.Odak noktasının etrafına eklenen beyaz alan, görüntüler veya başlıklar gibi, onu daha belirgin hale getirebilir. Gerçek dünya örnekleri için Google’ın ana sayfası başkaları için aynı iyi örnektir-bu aşırı şeyler getirir:
Apple, birçok beyaz alanla çevrili bir odak noktası (genellikle ürün çekmeceleri ve başlıklar) kullanan başka bir şirkettir:
Divi, bölümünüzde, satırınız ve modülünüzdeki kenar boşluğunu ve dolguyu ayarlamanıza izin vererek doğru miktarda beyaz alan yapmanıza yardımcı olabilir.Örneğin, satırı ayarlamak için, ihtiyacınız olan çeşitli seçenekleri görüntüleyen menü düğmesini tıklayın:
Modülde bir metin olduğunda, genellikle çizginin ve metin alanının yüksekliğini ayarlama seçeneği vardır.Örneğin, metin modülüne, ekran ayarı ekranını gelişmiş girin ve özellikler arasında bir yükseklik ve mesafe seçeneğiniz olduğunu göreceksiniz:
Memnun olana kadar ayarlayabilirsiniz. Ayrıca, değişikliklerinizin gerçek zamanlı olarak nasıl görüleceğini görmek için görsel oluşturucu kullanarak bu değişikliği yapmayı da seçebilirsiniz. Son olarak, daha fazla beyaz alan için bir bölücü modülü kullanabilirsiniz. Bu, sayfanın hemen hemen her yerinde tek tek modüller arasında çizgiler veya boş alanlar yapmanızı sağlar. Divi, mükemmel bir düzen yaptıktan sonra düzen tasarımınızı tutarlı tutmanıza nasıl yardımcı olabilir, sadece bir kez kullanmak istemeyebilirsiniz. Düzeni kaydetmek, sitenizdeki birkaç sayfa için kullanabileceğiniz anlamına gelir. Bu sadece çok fazla zaman ve enerji tasarrufu sağlamakla kalmaz, aynı zamanda sayfalarınızda bir birlik ve samimiyet duygusu yaratır, bu da okuyucunun deneyimine yardımcı olur. Divi’de bunu yapmak kolaydır. Düzeninizden memnun kaldığınızda, Divi Builder’ın sol üst köşesindeki kütüphaneye kaydedin: Pop-up, yeni tasarımınız için kullanmak istediğiniz adı girin ve Kaydet:
Düzeninizi ileride kullanmak için almak için Divi Builder’daki kütüphaneden sığmayı seçin … … sonra kütüphaneden eklenen sekmeyi açın ve kullanmak istediğiniz düzeni seçin: Düzeninizi düzenlemek için WordPress kontrol panelinizden erişebilirsiniz. Kaydettiğiniz düzenler listesini görmek için Divi’yi seçin ve Divi Kütüphanesi’ni tıklayın. Sonuç Düzeninizin seçimi, sitenizin tüm tasarımının çok önemli bir bileşenidir. Bununla birlikte, bu özellikle bir plan olmadan dalıyorsanız çok zor bir görev olabilir. Neyse ki, bu alan geniş bir şekilde incelenmiştir ve olağanüstü sonuçlar sağlamak için uygulayabileceğiniz birçok strateji vardır. Bu makale, web siteniz için mükemmel bir düzen tasarımı oluşturmanıza yardımcı olacak dört ipucu sağlamıştır. Onları hızlı bir şekilde özetleyelim: ızgara sistemini kullanarak. İçeriğinizi desenlerde veya desenlerde düzenleyin. Önemli tasarım öğelerini tekrarlayın. Beyaz alanı doğru kullanın. Sayfa düzeninizi optimize etmek için ek ipuçlarınız var mı? Bize aşağıdaki yorumlar bölümünde anlatın ve konuşmayı takip edebilmeniz için abone olmayı unutmayın! Atigodyphoto / Shutterstock.com tarafından Makale Küçük Resim.
