Okuyucunuzu büyülemek için blog tasarımının sırrı
Çevrimiçi dünya, blogun bol olduğu sınırsız bir alandır. Peki, pek çok blog arasında nasıl rekabetçi kalabilirim? Bununla birlikte, Blogging’den başarılı olmanız, başarılı olmanız gerekir. Para kazanmadan önce bir topluluk var: bloglardan oluşan topluluklarla kolayca para kazanabilirsiniz, bu yüzden güçlü bir topluluk yaratmaya odaklanabilirsiniz. Topluluktan önce bir blog tasarımı var: Bir topluluk oluşturmak istiyorsanız, yorumları, okuyucuları, etkileşimleri kolaylaştırmalısınız. Bu nedenle, bir topluluk oluşturmak için temel koşullar karşılanmalıdır. Ve bu durum blog tasarımıyla ilgilidir.
Doğrudan ilhamınız için bir blog tasarımı örneğine. Blog tasarımı için en iyi uygulama kendinizi kullanıcı pozisyonuna yerleştirin ve blogunuzu nasıl yaşadığını hayal edin. Bu, kullanıcılara odaklanan bir blog tasarımı oluşturmak için kullanışlıdır. Bu okuma sürecini açın ve hangi en iyi uygulamayı uygulamanız gerektiğini görün: Blog Tasarımı – Başlık Blog başlığınızı tasarlamak için kullanılabilecek birçok desen vardır: onlar için benzersiz biri diğerlerinden farklı bir blog oluşturmak olan. Bunun için, blog başlığı, özellikle her blog için ve blogun kimliğine uygun olarak benzersiz olmalıdır. Bu, başlık ve altyazıların gerçekten bağıran koşulların reddedilmemesi gereken solopreneur için geçerlidir: Okuyucular için kaynaklar, Knowtechie’nin kullanıcılara ne beklendiğini bilmesini sağlayan blogun gölgesini tanıtmasını beklediklerini bilirler – haberlerin ilgi alanlarına göre sayfaya dağıtıldığı bir dergi tarzı blog: Tüm makaleleri okuyucular için yararlı hale getiren bazı öneriler aracılığıyla, iş değeri ekleyen blogları çalıştıran sosyal tetikleyicilerin görsellerinin emin olun. Başlıktaki yüz, ziyaretçilerin dikkatini blog başlığında yönlendirir. Örneğin WordPress, ayarlamanıza izin verir: Blogunuz olarak statik sayfa
Blog ana sayfanız olarak en yeni yazınız (ters kronolojik sırayla).
Home Home en son gönderileri görüntüler
Ev, statik bir sayfa olarak belirlenmiştir Her kaynağının avantajları vardır, statik sayfanın yanında daha fazla avantaj vardır. Ana sayfa statik bir sayfa görüntülemek için düzenlenmişse, olasılıklar şunlardır: Okuyucunuzun önünde kendi markanız için daha fazla zamanınız var. Sadece birkaç kişi bir web sitesinin “Hakkında” bir kısmını okudu, ancak statik dikkatlerini web sitenizin profesyonel amaçlarınız için önemli olan tarafına odakladı.
Okuyucuya blogunuzun neden okumaya ve takip etmeye değer olduğunu göstermede daha ikna edici olacaksınız;
Benzersiz değer teklifinizi daha temiz ve daha net bir şekilde sunabilirsiniz;
Özgünlük için birkaç ön bahçe alanınız olacak;
İyi yapılmış mesajlarla ziyaretçilerinizin dikkatini daha hızlı çekebilirsiniz (makaleleriniz boyunca tüm aramaları yapmalarına izin vermek yerine).
Veranda, ters kronolojik bir düzende bir yazı sergilemek için düzenlenmişse, olasılıklar şunlardır:
Okuyucuyu blogdaki en son içerikle güncel tutacaksınız; blogunuzda ne sıklıkla yayınladığınızı belirlemek daha kolay olacaktır;
Kullanıcıya blogunuzun yeni içeriğe sahip olduğunu gösterecek ve aktif olarak geliştirmeye dahil olursunuz.
Blogunuzu kullanıcıların araştırmaya göre tarayabilmesi için ayarlayın, çoğu blog içeriği okunmaz. Web sörfçüleri, makaleleri ve blog sayfalarını taramak ve bunları doğrudan ilgilendiren bilgileri bulmak için kullanılır.
Kaynak Bu nedenle, blog sayfalarınızı biçimlendirmeniz gerekir, bu nedenle taramaya ayarlanmalıdır:
Her yazı sayfası için benzersiz bir başlık oluşturun Bilgilendirici oluşturun ve makale sayfasında kolayca derlemede rol oynayan başlıkları ve altyazıları takip edin
Anahtar ifadeyi kalın harflerle işaretleyin
Belirli bilgi bölümüne dikkat çekmek için, eğik olarak alt satırı kullanın
Paragrafları net bir şekilde sınırlayın ve beyaz alanı mümkün olduğunca sık kullanın
Kısa ve taranması kolay bir paragraf kullanın
Ayrıca, kullanıcıların bilgileri kolayca sindirmelerine yardımcı olabilecekleri bir liste kullanın
Hızlı görselleştirme için ifadenizi destekleyen bir grafik kullanın.
İnsanları taramanın etkilerini yavaşlatmak için görüntüleri giderek daha fazla görsel olarak olma eğilimindedir, bu nedenle bloga görüntüler eklemeyi düşünün. Araştırmalar, görüntüleri olmayan ve dolayısıyla% 10 tutma oranı kaydeden makalelere kıyasla, görüntüleri olan makalelerin% 65 tutma oranına (daha fazla hatırlandıkları) sahip olduğunu göstermektedir.
Yüzü görsel bir sinyal olarak kullanmanın kaynağı Bu, ziyaretçilerin blog sayfasını gördüğü yerde yüzün çok etkili olduğunu gösterir. Yüzün nerede göründüğüne bağlı olarak, insanlar dikkatlerini sayfadaki belirli öğelere yönlendirme eğilimi gösterir. Aşağıdaki web siteleri size bu etki ile daha fazla oynama ve kendi blog tasarımınız için güçlerini ölçme fırsatı verir:
Blog Tasarım Kaynağı: Arka plan resimleri eklemek veya blog sayfanıza arka plan resimleri ekleyip eklemediğiniz arka plan resimleri eklememek. Ancak, arka plan görüntülerinin blog tasarımı açısından çeşitli eksiklikleri vardır: Bu, blogunuzun kimliğinin bir parçası olarak kafa karıştırıcı olabilir, ki bu zorunlu değildir (resim çok genel olabilir)
Görüntünün boyutu, blogunuzu yükleme hızına zarar verebilir Ek kontroller yapmanız gerekir, yani görüntünün PC ve mobil cihaz boyunca yanıt verebilirlik için uygun olup olmadığı.
En güvenli, içeriğinizi vurgulayacak ve makalenize doğrudan dikkat çekecek beyaz arka plan kullanır.
SideHustLenation.com örnekleri:
Blog tasarımı için kullanışlı: Tahmini bir okuma süresi/ilerleme çubuğu ilerlemesi ekleyin Makaleyi okumayı bitirene kadar kullanıcıların sahip olduklarını gösterme rolü vardır. Yani, bu blogun tasarım öğesi kullanım amacıyla önerilenden daha fazlasıdır. Tüm makaleleri izlemek, okuyucu tarafından tamamlanması gereken belirli bir görevdir. Tahmini okuma süresi veya diğerleri, ilerleme bıçakları, onlara okuma sürecini tamamlamak için neyin gerekli olduğunu ve bu noktada belirli bir zamanda okuma sürecinin bir ölçüsü verir. Bu nedenle, makalenin her sayfasına tahmini bir okuma süresi eklemeyi düşünün blogda. Daha zarif bir çözüm olan ilerleme, makaleleri keşfetmek ve onlardan maksimum sonuç almak için sezgisel bir duygu verebilir.
Blog makaleleri çok sayıda kullanıcı için tasarlanmışsa blog tasarımında sıradan metin için önerilen yazı tipi boyutları kaynağı ve sıradan metin için yazı tipi boyutları. Blogunuzun yüksek bir okuma puanı olduğundan emin olmalısınız. Metin 14 pikselden daha küçük olmamalıdır. Aslında, 16 piksel optimal yazı tipi boyutu olmalıdır. Daha küçük yazı tipi boyutu, doğrudan görsel keskinlikle ilişkili metnin okunabilirliğini büyük ölçüde etkileyecektir (ebeveynler daha büyük metne ihtiyaç duyar, ancak gençler bile daha büyük metin değerini tercih eder). Sabit değerler değil, yazı tiplerinin boyutlarını yüzde olarak düzenlemek için başka seçenekler de vardır. Böylece, metnin boyutları farklı ekran çözünürlüğüne ve farklı tarayıcı ekranına uyum sağlar.
Blog tasarımındaki optimal karakter alanı, metin için seçtiğiniz tipografik stile bağlıdır (başlık, altyazılar veya sayfadaki basit metin için iyi), harfler arasındaki mesafeyi seçmeye dikkat etmelisiniz. Sayfadaki görünümüne ve okunabilirlik kriterlerine dayanarak, karakter boşluklarını ayarlamayı kolaylaştıran bir WordPress teması vardır. Uygun harf aralığını test etmek için (web tasarımında Kerning olarak da bilinir), bu aracı denemek isteyebilirsiniz. Kötü irmering vs. İyi Kenning Tipografi Altın Oranı Tipografi Altın Oranı, blog sayfasında kullandığınız tüm metin öğeleri için mükemmel orantılılığı korumanıza yardımcı olan basit bir sistemdir. Bu araçla, metnin hem başlıkta hem de paragrafta kullanıcıya nasıl görüntülendiğini görebilirsiniz. Yazı tipi türünü, seçilen yazı tipi boyutunu ve içerik genişliğini girin ve metin ekranınızın bir örneğine sahip olacaksınız: En uygun paragraf uzunluğu hala okunabilirlik amacıyla, kullanıcı tarafından kolayca okunacak paragrafın uzunluğunu ayarlamayı düşünün. Blog tasarımındaki optimal paragrafın uzunluğu 17 ila 20 kelime arasında kabul edilir.
Yukarıdaki metin örneğinde (altın oranının tipografik bir hesap makinesi ile görüntülenir), paragrafın uzunluğunun 700 piksel değeri vardır – bu yaklaşık 16 kelime.Blog sayfasında haklı olan metnin kullanımı önerilmez.Bunun nedeni, bazen, çekici olmayan boşlukların haklı metinde görünmesidir.Bu nedenle, okunabilirlik azalır ve sayfa iyi görünmeyecektir.Bunun yerine, metni sola yayın.Bu tür bir tesviye doğal dilin akışını takip eder ve metnin tamamen taranması veya okunması için daha iyi bir fırsat sağlar.Blog tasarımınızda ne kadar beyaz alan kullanılır?Beyaz boşluk (negatif alan) blog tasarımında önemli bir rol oynar.Bu, blog sayfasının belirli bölümlerine dikkat çekmeye ve blog tasarımında yakınlık ilkesini desteklemeye hizmet eder (bu durumda birbirlerinin öğelerinin yakınlığını güçlendirir). Bu kaynak, işyerinde negatif bir alanın bir örneğidir (negatif alanın beyaz olmadığı yerlerde). Negatif alan açısından cömertçe kullanın. Blog tasarımının aktif bir beyaz alan ve pasif beyaz bir alan gerektirdiğini hayal edin: kullanıcıların dikkatini blogun belirli öğelerine çekmek için aktif beyaz alan kullanılır. Pasif beyaz alan, bir blog sayfasını tarayan kullanıcılar için denge, uyum ve konfor oluşturmak için kullanılır. Blog tasarımındaki sosyal düğmeler, sosyal düğmelerin yerleştirilmesi, blog tasarımınıza entegre etmeniz gerektiğinde biraz daha fazla dikkate almayı hak eder. Makalenin başlangıcına yerleştirmek, okuyucuların harekete geçmesi ve içeriğinizi paylaşmaya başlaması için çok erken olabilir. Benzer şekilde, makalenin sonuna bir sosyal düğme yerleştirilmesi, okuma ödevleri tamamlandıktan sonra okuyucunun harekete geçmesi ve paylaşması için biraz geç olabilir. Bunun yerine, her ikisi de yayınlara uygun olarak – kullanıcılar okuma sürecinin ortasında yakalanır, böylece büyük olasılıkla Paylaş düğmesine basarlar
Veya yüzen çubukta – Sosyal medya düğmeleri, makalenin yanında hareket eden sol yüzer bıçağa dahil edilirken, kullanıcı sayfayı aşağı eğitir. Böylece, kullanıcılar makaleyi paylaşmakla daha fazla ilgileneceklerdir, çünkü konuya dikkatleri daha uygundur. Aşağıda, önerilen ilk yerleştirmenin bir örneği: Kaynaklar, tasarımın işlevselliği karşıladığı yer olan abone olmayı kolaylaştırır. Blogunuzu yayınlamak için daha fazla görmek isteyen okuyucuları yakaladığınızdan emin olun. Abonelik formunu görünür bir yere koyduğunuzdan ve blogunuzun etkinliklerini izlemelerini kolaylaştırdığınızdan emin olun. Lilistravelplans.com’un okuyucuları diğer makalelere abone olmaya nasıl teşvik ettiğine bir örnek: Temiz bir tasarımdaki sabit kaynaklar, blog tasarımınızı tanımlamada dikkat etmeniz gereken genel prensipten kaçının, onu temizlemek ve utanç verici öğelerden kaçınmaktır gibi: afişler, pop -up’lar, kenar çubuğu kalabalık vb. Yalnızca gerekli unsurlar dahil olmak üzere blog tasarımını mümkün olduğunca basit tutun. Temiz bir blog tasarımına iyi bir örnek:
Her blog yayınına belirli başlık görüntüleri eklemek için kullanılabilir her blog yazısı seçeneği için benzersiz başlık görüntüleri üzerinde belirli efektlere neden olacak ayrıntılar üstün resimler ayarlamaktır. WordPress kullanıyorsanız, bu seçeneği Editör arayüzünde bulacaksınız. Her yazı sayfası için benzersiz başlık görüntüsü, blog makalesindeki benzersiz içeriği açıkça gösterecektir. Bu, sayfaya belirli renkler ve tasarımlar ekler ve makalenin kendisi için bir marka öğesi olarak işlev görür. Blog yazarları/yazarlar için biyo bölümü, blog yazarları için özel bir biyografi bölümü oluşturmak için çok önemlidir. Blog gönderisinin yazarı hakkında birkaç kelime anlatıyor ve blog içeriğinin güvenilirliğine ve özgünlüğüne katkıda bulunacak. Bu bölümde, istediğiniz Seinnovative olabilir ve tasarım yoluyla tam olarak okuyucunuz tarafından nasıl görmek istediğinizi gönderebilirsiniz. Örneğin, LegalNomads.com tüm blog yayınlarında bunlarla ilgili bölümler geliştirir: Popüler Gönderiler ve Sütun İçeriği En iyi blog içeriğini görüntülemelisiniz. Bunun için, blog ana sayfasında popüler yayınlar ve sütun içeriği için parçalar girmeyi düşünmelisiniz. Blog tasarımı önceden en iyi içeriği sunmalıdır. Cafeedelites.com Nasıl Yapılır, okuyucuları lezzetli tarifleri keşfetmeye davet ediyor:
Blog tasarımına ayarlar eklemek yerine ek özelleştirme yoktur, ilginç içerik yapmaya odaklanabilirsiniz. Böylece blogunuz benzersizliğini ürettiğiniz içerikten alacaktır. İçeriğinize (metin, resimler, videolar) daha fazla dahil olmasını sağlayarak okuyucunuzla daha iyi iletişim kurma olanağına sahip olacaksınız – içeriğe daha keskin bir dikkat gösterecek karmaşık bir tasarım yoktur. Modeliniz olmak için 10 blog Jungalow.com görsel ve renkleri iyi kullanan bloglardır. Biyo bölümü ön sayfada görülür ve fotoğrafların karışımı için çok uygundur, çünkü Photo.witanddelight.com tarama davranışına mükemmel şekilde ayarlanmıştır. Boş alan blog sayfasına yayılır ve okuyuculara okuma, zeka ve zevkten zevk almaları için.
Quinintesceblog.com özeldir. Bu özel çünkü blogu öne çıkaran bir arka plan görüntüsü var. Buna ek olarak, renk şeması akıllıca tamamlayıcı bir renk kombinasyonunda mavi ve turuncu içerir. Camilyestyles.com en iyi tasarıma sahiptir, çünkü güzel bir kutu ve yazı tipi stili düzeni (Georgia, Serif) kullanır. Tipwithtyhakes.com, görselleri daha iyi vurgulamada önemli bir rol oynayan birçok aktif negatif alan kullanır (bu durumda renkli görüntüler). Mariakilliam.com görüntüleri ve renkleri ileri sunmayı başardı. Visual, okuyucunun dikkatini çekecek ve bloga ilk ziyaretinden bu yana katılımlarını elde etmek için bir rolü var. Retouchist.net, bir ızgara tarzı düzeni kullanan olağanüstü bir blog. Buna ek olarak, sosyal medya simgesi, okuduklarında tüm makalelerdeki kullanıcıları “eşlik etti”. Davidduchemin.com, görüntüler ve diğer web sitelerine bağlantılardan oluşan alışılmadık bir blog başlığı vardır. Bu blog, okuyucu topluluğuna katılmaya karar verdikten sonra, hem Design and Content.Contrastly.com’da, kolayca bulunan ve doldurulmuş bir abonelik formuna sahiptir. 101cookbooks.com, çeşitli tariflere görsel olarak ilginç bir şekilde hizmet veren bir yemek blogudur. Menü, özel özelleştirme olmadan basittir ve sola yerleştirilir. Bir kelime sarma umarız sizi olağanüstü blogunuzu oluşturmaya yaklaştırmayı başardığımızı umuyoruz. Yukarıdakilerin tümü, kendi blogunuzu başlatmaya karar verdikten sonra bir dizi yönerge olarak işlev görür. Gerçek özgünlüğün kendi blog tarzınızda olduğunu bilerek, blogunuzu hızlı bir şekilde tasarlamanıza ve bir sonraki adıma devam etmenize yardımcı olacak bazı öneriler topladık: ilginç içerik oluşturma. Bloglamayı sevmenizi umuyoruz!
Doğrudan ilhamınız için bir blog tasarımı örneğine. Blog tasarımı için en iyi uygulama kendinizi kullanıcı pozisyonuna yerleştirin ve blogunuzu nasıl yaşadığını hayal edin. Bu, kullanıcılara odaklanan bir blog tasarımı oluşturmak için kullanışlıdır. Bu okuma sürecini açın ve hangi en iyi uygulamayı uygulamanız gerektiğini görün: Blog Tasarımı – Başlık Blog başlığınızı tasarlamak için kullanılabilecek birçok desen vardır: onlar için benzersiz biri diğerlerinden farklı bir blog oluşturmak olan. Bunun için, blog başlığı, özellikle her blog için ve blogun kimliğine uygun olarak benzersiz olmalıdır. Bu, başlık ve altyazıların gerçekten bağıran koşulların reddedilmemesi gereken solopreneur için geçerlidir: Okuyucular için kaynaklar, Knowtechie’nin kullanıcılara ne beklendiğini bilmesini sağlayan blogun gölgesini tanıtmasını beklediklerini bilirler – haberlerin ilgi alanlarına göre sayfaya dağıtıldığı bir dergi tarzı blog: Tüm makaleleri okuyucular için yararlı hale getiren bazı öneriler aracılığıyla, iş değeri ekleyen blogları çalıştıran sosyal tetikleyicilerin görsellerinin emin olun. Başlıktaki yüz, ziyaretçilerin dikkatini blog başlığında yönlendirir. Örneğin WordPress, ayarlamanıza izin verir: Blogunuz olarak statik sayfa
Blog ana sayfanız olarak en yeni yazınız (ters kronolojik sırayla).
Home Home en son gönderileri görüntüler
Ev, statik bir sayfa olarak belirlenmiştir Her kaynağının avantajları vardır, statik sayfanın yanında daha fazla avantaj vardır. Ana sayfa statik bir sayfa görüntülemek için düzenlenmişse, olasılıklar şunlardır: Okuyucunuzun önünde kendi markanız için daha fazla zamanınız var. Sadece birkaç kişi bir web sitesinin “Hakkında” bir kısmını okudu, ancak statik dikkatlerini web sitenizin profesyonel amaçlarınız için önemli olan tarafına odakladı.
Okuyucuya blogunuzun neden okumaya ve takip etmeye değer olduğunu göstermede daha ikna edici olacaksınız;
Benzersiz değer teklifinizi daha temiz ve daha net bir şekilde sunabilirsiniz;
Özgünlük için birkaç ön bahçe alanınız olacak;
İyi yapılmış mesajlarla ziyaretçilerinizin dikkatini daha hızlı çekebilirsiniz (makaleleriniz boyunca tüm aramaları yapmalarına izin vermek yerine).
Veranda, ters kronolojik bir düzende bir yazı sergilemek için düzenlenmişse, olasılıklar şunlardır:
Okuyucuyu blogdaki en son içerikle güncel tutacaksınız; blogunuzda ne sıklıkla yayınladığınızı belirlemek daha kolay olacaktır;
Kullanıcıya blogunuzun yeni içeriğe sahip olduğunu gösterecek ve aktif olarak geliştirmeye dahil olursunuz.
Blogunuzu kullanıcıların araştırmaya göre tarayabilmesi için ayarlayın, çoğu blog içeriği okunmaz. Web sörfçüleri, makaleleri ve blog sayfalarını taramak ve bunları doğrudan ilgilendiren bilgileri bulmak için kullanılır.
Kaynak Bu nedenle, blog sayfalarınızı biçimlendirmeniz gerekir, bu nedenle taramaya ayarlanmalıdır:
Her yazı sayfası için benzersiz bir başlık oluşturun Bilgilendirici oluşturun ve makale sayfasında kolayca derlemede rol oynayan başlıkları ve altyazıları takip edin
Anahtar ifadeyi kalın harflerle işaretleyin
Belirli bilgi bölümüne dikkat çekmek için, eğik olarak alt satırı kullanın
Paragrafları net bir şekilde sınırlayın ve beyaz alanı mümkün olduğunca sık kullanın
Kısa ve taranması kolay bir paragraf kullanın
Ayrıca, kullanıcıların bilgileri kolayca sindirmelerine yardımcı olabilecekleri bir liste kullanın
Hızlı görselleştirme için ifadenizi destekleyen bir grafik kullanın.
İnsanları taramanın etkilerini yavaşlatmak için görüntüleri giderek daha fazla görsel olarak olma eğilimindedir, bu nedenle bloga görüntüler eklemeyi düşünün. Araştırmalar, görüntüleri olmayan ve dolayısıyla% 10 tutma oranı kaydeden makalelere kıyasla, görüntüleri olan makalelerin% 65 tutma oranına (daha fazla hatırlandıkları) sahip olduğunu göstermektedir.
Yüzü görsel bir sinyal olarak kullanmanın kaynağı Bu, ziyaretçilerin blog sayfasını gördüğü yerde yüzün çok etkili olduğunu gösterir. Yüzün nerede göründüğüne bağlı olarak, insanlar dikkatlerini sayfadaki belirli öğelere yönlendirme eğilimi gösterir. Aşağıdaki web siteleri size bu etki ile daha fazla oynama ve kendi blog tasarımınız için güçlerini ölçme fırsatı verir:
Blog Tasarım Kaynağı: Arka plan resimleri eklemek veya blog sayfanıza arka plan resimleri ekleyip eklemediğiniz arka plan resimleri eklememek. Ancak, arka plan görüntülerinin blog tasarımı açısından çeşitli eksiklikleri vardır: Bu, blogunuzun kimliğinin bir parçası olarak kafa karıştırıcı olabilir, ki bu zorunlu değildir (resim çok genel olabilir)
Görüntünün boyutu, blogunuzu yükleme hızına zarar verebilir Ek kontroller yapmanız gerekir, yani görüntünün PC ve mobil cihaz boyunca yanıt verebilirlik için uygun olup olmadığı.
En güvenli, içeriğinizi vurgulayacak ve makalenize doğrudan dikkat çekecek beyaz arka plan kullanır.
SideHustLenation.com örnekleri:
Blog tasarımı için kullanışlı: Tahmini bir okuma süresi/ilerleme çubuğu ilerlemesi ekleyin Makaleyi okumayı bitirene kadar kullanıcıların sahip olduklarını gösterme rolü vardır. Yani, bu blogun tasarım öğesi kullanım amacıyla önerilenden daha fazlasıdır. Tüm makaleleri izlemek, okuyucu tarafından tamamlanması gereken belirli bir görevdir. Tahmini okuma süresi veya diğerleri, ilerleme bıçakları, onlara okuma sürecini tamamlamak için neyin gerekli olduğunu ve bu noktada belirli bir zamanda okuma sürecinin bir ölçüsü verir. Bu nedenle, makalenin her sayfasına tahmini bir okuma süresi eklemeyi düşünün blogda. Daha zarif bir çözüm olan ilerleme, makaleleri keşfetmek ve onlardan maksimum sonuç almak için sezgisel bir duygu verebilir.
Blog makaleleri çok sayıda kullanıcı için tasarlanmışsa blog tasarımında sıradan metin için önerilen yazı tipi boyutları kaynağı ve sıradan metin için yazı tipi boyutları. Blogunuzun yüksek bir okuma puanı olduğundan emin olmalısınız. Metin 14 pikselden daha küçük olmamalıdır. Aslında, 16 piksel optimal yazı tipi boyutu olmalıdır. Daha küçük yazı tipi boyutu, doğrudan görsel keskinlikle ilişkili metnin okunabilirliğini büyük ölçüde etkileyecektir (ebeveynler daha büyük metne ihtiyaç duyar, ancak gençler bile daha büyük metin değerini tercih eder). Sabit değerler değil, yazı tiplerinin boyutlarını yüzde olarak düzenlemek için başka seçenekler de vardır. Böylece, metnin boyutları farklı ekran çözünürlüğüne ve farklı tarayıcı ekranına uyum sağlar.
Blog tasarımındaki optimal karakter alanı, metin için seçtiğiniz tipografik stile bağlıdır (başlık, altyazılar veya sayfadaki basit metin için iyi), harfler arasındaki mesafeyi seçmeye dikkat etmelisiniz. Sayfadaki görünümüne ve okunabilirlik kriterlerine dayanarak, karakter boşluklarını ayarlamayı kolaylaştıran bir WordPress teması vardır. Uygun harf aralığını test etmek için (web tasarımında Kerning olarak da bilinir), bu aracı denemek isteyebilirsiniz. Kötü irmering vs. İyi Kenning Tipografi Altın Oranı Tipografi Altın Oranı, blog sayfasında kullandığınız tüm metin öğeleri için mükemmel orantılılığı korumanıza yardımcı olan basit bir sistemdir. Bu araçla, metnin hem başlıkta hem de paragrafta kullanıcıya nasıl görüntülendiğini görebilirsiniz. Yazı tipi türünü, seçilen yazı tipi boyutunu ve içerik genişliğini girin ve metin ekranınızın bir örneğine sahip olacaksınız: En uygun paragraf uzunluğu hala okunabilirlik amacıyla, kullanıcı tarafından kolayca okunacak paragrafın uzunluğunu ayarlamayı düşünün. Blog tasarımındaki optimal paragrafın uzunluğu 17 ila 20 kelime arasında kabul edilir.
Yukarıdaki metin örneğinde (altın oranının tipografik bir hesap makinesi ile görüntülenir), paragrafın uzunluğunun 700 piksel değeri vardır – bu yaklaşık 16 kelime.Blog sayfasında haklı olan metnin kullanımı önerilmez.Bunun nedeni, bazen, çekici olmayan boşlukların haklı metinde görünmesidir.Bu nedenle, okunabilirlik azalır ve sayfa iyi görünmeyecektir.Bunun yerine, metni sola yayın.Bu tür bir tesviye doğal dilin akışını takip eder ve metnin tamamen taranması veya okunması için daha iyi bir fırsat sağlar.Blog tasarımınızda ne kadar beyaz alan kullanılır?Beyaz boşluk (negatif alan) blog tasarımında önemli bir rol oynar.Bu, blog sayfasının belirli bölümlerine dikkat çekmeye ve blog tasarımında yakınlık ilkesini desteklemeye hizmet eder (bu durumda birbirlerinin öğelerinin yakınlığını güçlendirir). Bu kaynak, işyerinde negatif bir alanın bir örneğidir (negatif alanın beyaz olmadığı yerlerde). Negatif alan açısından cömertçe kullanın. Blog tasarımının aktif bir beyaz alan ve pasif beyaz bir alan gerektirdiğini hayal edin: kullanıcıların dikkatini blogun belirli öğelerine çekmek için aktif beyaz alan kullanılır. Pasif beyaz alan, bir blog sayfasını tarayan kullanıcılar için denge, uyum ve konfor oluşturmak için kullanılır. Blog tasarımındaki sosyal düğmeler, sosyal düğmelerin yerleştirilmesi, blog tasarımınıza entegre etmeniz gerektiğinde biraz daha fazla dikkate almayı hak eder. Makalenin başlangıcına yerleştirmek, okuyucuların harekete geçmesi ve içeriğinizi paylaşmaya başlaması için çok erken olabilir. Benzer şekilde, makalenin sonuna bir sosyal düğme yerleştirilmesi, okuma ödevleri tamamlandıktan sonra okuyucunun harekete geçmesi ve paylaşması için biraz geç olabilir. Bunun yerine, her ikisi de yayınlara uygun olarak – kullanıcılar okuma sürecinin ortasında yakalanır, böylece büyük olasılıkla Paylaş düğmesine basarlar
Veya yüzen çubukta – Sosyal medya düğmeleri, makalenin yanında hareket eden sol yüzer bıçağa dahil edilirken, kullanıcı sayfayı aşağı eğitir. Böylece, kullanıcılar makaleyi paylaşmakla daha fazla ilgileneceklerdir, çünkü konuya dikkatleri daha uygundur. Aşağıda, önerilen ilk yerleştirmenin bir örneği: Kaynaklar, tasarımın işlevselliği karşıladığı yer olan abone olmayı kolaylaştırır. Blogunuzu yayınlamak için daha fazla görmek isteyen okuyucuları yakaladığınızdan emin olun. Abonelik formunu görünür bir yere koyduğunuzdan ve blogunuzun etkinliklerini izlemelerini kolaylaştırdığınızdan emin olun. Lilistravelplans.com’un okuyucuları diğer makalelere abone olmaya nasıl teşvik ettiğine bir örnek: Temiz bir tasarımdaki sabit kaynaklar, blog tasarımınızı tanımlamada dikkat etmeniz gereken genel prensipten kaçının, onu temizlemek ve utanç verici öğelerden kaçınmaktır gibi: afişler, pop -up’lar, kenar çubuğu kalabalık vb. Yalnızca gerekli unsurlar dahil olmak üzere blog tasarımını mümkün olduğunca basit tutun. Temiz bir blog tasarımına iyi bir örnek:
Navigasyon Stili Kaynağı – Blog tasarımı minimalist ve navigasyon menüsü seçildiyse basit bir menü oluşturun. Menü, bloglar için oluşturduğunuz kategorileri içermeli ve okuyucuların yalnızca blog sayfasında gezinmesine yardımcı olacak. Genel bir kural olarak, aşırıya kaçmayın ve orijinal bir menü yapmayın. Her şeyi hala basitleştirin, hala fonksiyonel kriterleri tam olarak karşılayan klasik tasarımlara devam edin. İşte kesinlikle sevdiğiniz bir blog menüsü örneği:
En son trendlerden biri tarafından önerilen blog düzeninin kaynağı, en son şablonlar aracılığıyla da tanıtılır, ızgara tabanlı düzendir. Bu, blogunuza temiz bir tasarım sağlamanıza yardımcı olur. Ayrıca, okuyucularınızın en çekici konularını bulmak kolaydır. Üstün görüntü makaleden iyi bir görsel sunum sunuyor. Brit.co böyle bir düzen kullanıyor:Her blog yayınına belirli başlık görüntüleri eklemek için kullanılabilir her blog yazısı seçeneği için benzersiz başlık görüntüleri üzerinde belirli efektlere neden olacak ayrıntılar üstün resimler ayarlamaktır. WordPress kullanıyorsanız, bu seçeneği Editör arayüzünde bulacaksınız. Her yazı sayfası için benzersiz başlık görüntüsü, blog makalesindeki benzersiz içeriği açıkça gösterecektir. Bu, sayfaya belirli renkler ve tasarımlar ekler ve makalenin kendisi için bir marka öğesi olarak işlev görür. Blog yazarları/yazarlar için biyo bölümü, blog yazarları için özel bir biyografi bölümü oluşturmak için çok önemlidir. Blog gönderisinin yazarı hakkında birkaç kelime anlatıyor ve blog içeriğinin güvenilirliğine ve özgünlüğüne katkıda bulunacak. Bu bölümde, istediğiniz Seinnovative olabilir ve tasarım yoluyla tam olarak okuyucunuz tarafından nasıl görmek istediğinizi gönderebilirsiniz. Örneğin, LegalNomads.com tüm blog yayınlarında bunlarla ilgili bölümler geliştirir: Popüler Gönderiler ve Sütun İçeriği En iyi blog içeriğini görüntülemelisiniz. Bunun için, blog ana sayfasında popüler yayınlar ve sütun içeriği için parçalar girmeyi düşünmelisiniz. Blog tasarımı önceden en iyi içeriği sunmalıdır. Cafeedelites.com Nasıl Yapılır, okuyucuları lezzetli tarifleri keşfetmeye davet ediyor:
Blog tasarımına ayarlar eklemek yerine ek özelleştirme yoktur, ilginç içerik yapmaya odaklanabilirsiniz. Böylece blogunuz benzersizliğini ürettiğiniz içerikten alacaktır. İçeriğinize (metin, resimler, videolar) daha fazla dahil olmasını sağlayarak okuyucunuzla daha iyi iletişim kurma olanağına sahip olacaksınız – içeriğe daha keskin bir dikkat gösterecek karmaşık bir tasarım yoktur. Modeliniz olmak için 10 blog Jungalow.com görsel ve renkleri iyi kullanan bloglardır. Biyo bölümü ön sayfada görülür ve fotoğrafların karışımı için çok uygundur, çünkü Photo.witanddelight.com tarama davranışına mükemmel şekilde ayarlanmıştır. Boş alan blog sayfasına yayılır ve okuyuculara okuma, zeka ve zevkten zevk almaları için.
Quinintesceblog.com özeldir. Bu özel çünkü blogu öne çıkaran bir arka plan görüntüsü var. Buna ek olarak, renk şeması akıllıca tamamlayıcı bir renk kombinasyonunda mavi ve turuncu içerir. Camilyestyles.com en iyi tasarıma sahiptir, çünkü güzel bir kutu ve yazı tipi stili düzeni (Georgia, Serif) kullanır. Tipwithtyhakes.com, görselleri daha iyi vurgulamada önemli bir rol oynayan birçok aktif negatif alan kullanır (bu durumda renkli görüntüler). Mariakilliam.com görüntüleri ve renkleri ileri sunmayı başardı. Visual, okuyucunun dikkatini çekecek ve bloga ilk ziyaretinden bu yana katılımlarını elde etmek için bir rolü var. Retouchist.net, bir ızgara tarzı düzeni kullanan olağanüstü bir blog. Buna ek olarak, sosyal medya simgesi, okuduklarında tüm makalelerdeki kullanıcıları “eşlik etti”. Davidduchemin.com, görüntüler ve diğer web sitelerine bağlantılardan oluşan alışılmadık bir blog başlığı vardır. Bu blog, okuyucu topluluğuna katılmaya karar verdikten sonra, hem Design and Content.Contrastly.com’da, kolayca bulunan ve doldurulmuş bir abonelik formuna sahiptir. 101cookbooks.com, çeşitli tariflere görsel olarak ilginç bir şekilde hizmet veren bir yemek blogudur. Menü, özel özelleştirme olmadan basittir ve sola yerleştirilir. Bir kelime sarma umarız sizi olağanüstü blogunuzu oluşturmaya yaklaştırmayı başardığımızı umuyoruz. Yukarıdakilerin tümü, kendi blogunuzu başlatmaya karar verdikten sonra bir dizi yönerge olarak işlev görür. Gerçek özgünlüğün kendi blog tarzınızda olduğunu bilerek, blogunuzu hızlı bir şekilde tasarlamanıza ve bir sonraki adıma devam etmenize yardımcı olacak bazı öneriler topladık: ilginç içerik oluşturma. Bloglamayı sevmenizi umuyoruz!