Ev Social Media Blog Tasarımınızda Beyaz Alanı Nasıl Kullanılır - mankenler

Blog Tasarımınızda Beyaz Alanı Nasıl Kullanılır - mankenler

Video: Make Money Blogging (How We Built a $100,000/Month Blog) 10 Steps for 2019 2025

Video: Make Money Blogging (How We Built a $100,000/Month Blog) 10 Steps for 2019 2025
Anonim

Beyaz boşluk bir tasarım içinde metin veya grafik bulunmadığına işaret eder. Bunun aksine, beyaz alan mutlaka beyaz değildir. Beyaz alan yalnızca blog tasarımınız için dengeyi sağlamakla kalmaz aynı zamanda yakınlık ilkesinin uygulanması için kritik öneme sahiptir.

Beyaz alanın doğru kullanımı da blog tasarımınızı başka şekillerde şekillendirebilir. Örneğin, boşluk blogunuzdaki metni daha okunaklı hale getirir. Beyaz alanla çevrili tasarım öğeleri, bu öğelerin birbirine yakınlığını pekiştirerek blogunuzun bu bölümüne dikkat çekiyor.

Ve beyaz boşluk ayrıca, vurgulamak istediğiniz bir alana odaklanmak gibi, okuyucuların gözlerini belli bir yönde yönlendirir. Geniş beyaz alanlar sofistike ve açık bir havayı bile iletebilir.

Lee La La'nın başlığının sağ tarafındaki beyaz alan, yüzen karahindiba tohumlarını fark etmenize olanak tanır. Yolları gözlerini sosyal medya düğmelerine yönlendiriyor. Eğer bu boşluk grafiklerle doluysa, diğer grafikler bu akışı keseceğinden, gözleriniz düğmelere düzgün şekilde yönlendirilmemişti.

Kredi: © Lindsay Roberts, leelala. net

Blog dizaynında beyaz boşluk kullanmak genellikle tasarımcıları başlangıçta korkutuyor, bu nedenle bütün bir görüntüyü tasarım öğeleri ile kaplama veya alanı doldurmak için tasarım öğelerini yayma hatasına düşüyorlar. Bunun yerine, nefes alıp her sanal kuytu ve bölünmeyi doldurma isteğine direnecek grafikler ve sözcükler salın.

Blogunuzun öğelerini tasarlarken, boşlukları yakalamamak için dikkatli olun. Tuzak beyaz boşluk , iki veya daha fazla tasarım öğesi arasında uygun olmayan şekilde kutuya yerleştirilen boşluğa atıfta bulunur. Aşağıdaki resim, beyaz alanın bir blog başlık tasarımında nasıl tuzağa düşülebileceğini göstermektedir. Tuzak beyaz boşluk tasarım akışını engeller. En iyi düzeltme, sınırlı tasarım boşluklarını ortadan kaldıran bir şekilde diğer tasarım öğelerini ayarlamaktır.

Blog Tasarımınızda Beyaz Alanı Nasıl Kullanılır - mankenler

Editörün Seçimi

PHP Değişken Değişkenlerini Kullanma - mankenler

PHP Değişken Değişkenlerini Kullanma - mankenler

PHP, değişken değişkenler olarak adlandırılan dinamik değişken adlarını kullanmanıza olanak tanır. Bir değişkeni başka bir değişkende depolanan değerle adlandırabilirsiniz. Yani, bir değişken başka bir değişkenin adını içerir. Örneğin, Los Angeles değerine sahip $ city adlı bir değişken oluşturmak istediğinizi varsayalım. Aşağıdaki ifadeyi kullanabilirsiniz: ...

HTML5 ve CSS3 Programlama için PHP Dosya ve Dizin İşlevlerini Kullanma - mankenler

HTML5 ve CSS3 Programlama için PHP Dosya ve Dizin İşlevlerini Kullanma - mankenler

Bazen PHP'nin HTML5 ve CSS3 programlama için bir dizinde bulunan dosyalarla çalışmasını gerektirebilirsiniz. Bir müşteriye yönelik bir raporlama aracınız olduğunu varsayalım. Her hafta, müşteri için yeni bir rapor hazırlar ve bir dizine yerleştirirsiniz. Her seferinde sayfayı değiştirmek zorunda kalmazsınız ...

Editörün Seçimi

Var olan Online Müşterileriyle röportaj yaparak Hedef Kitle Profili Oluşturma - mankenler

Var olan Online Müşterileriyle röportaj yaparak Hedef Kitle Profili Oluşturma - mankenler

Çevrimiçi hedef kitlenizi biliyorsanız, arama motoru sonuç sayfalarında iyi sıralama yapma şansınızı artırırsınız. Hedef kitlenizin hem geçmiş hem de şimdiki üyelerini tanımak için harika bir yol, onlar hakkında daha fazla bilgi edinmek için onları röportaj yapmaktır. Tipik bir yöntem, kullanıcılardan bir veya daha fazla bilgi toplamalarını istemektir ...

Daha İyi Arama Motoru Sonuçları İçin Kullanıcı Dostu 404 Hata Sayfası Yaratın - mankenler

Daha İyi Arama Motoru Sonuçları İçin Kullanıcı Dostu 404 Hata Sayfası Yaratın - mankenler

Sitenize bir Web sayfası görüntüleme problemi yaşarsanız, Dosya 404: Sayfa Görüntülenemeyen normal sayfa yerine, Web sitesi ziyaretçilerinize ve arama motorlarına, özel olarak hazırlanmış 404 hata sayfasını gösterebilirsiniz standart tarayıcı tarafından verilen sürümü yerine yardımsever ve güleryüzlü. Varsayılan olarak, ...

Bir Web tasarımı yaptığınızda ziyaretçilere satılan ve dönüştürecek Web sayfaları oluşturma - mankenler

Bir Web tasarımı yaptığınızda ziyaretçilere satılan ve dönüştürecek Web sayfaları oluşturma - mankenler

Sayfasında, kullanıcıları o sayfayı ziyaret ettiklerinde onu nasıl değiştireceğini düşünmelisiniz. Birini dönüştürdüğünüzde, bir şeyler satın almaya, kaydolmaya veya başka bir işlem yapmaya motive ediyorsunuz. Çoğu insan bir Web sayfasına gelir ve orada ilk kez kalmaya karar verir ...

Editörün Seçimi

Scrivener Klavye Kısayollarını Kullanan Dosyalar ile çalışma - mankenler

Scrivener Klavye Kısayollarını Kullanan Dosyalar ile çalışma - mankenler

Bu tablodaki klavye kısayolları size bazılarına çabucak erişmenizi sağlar Scrivener'in dosyalarla çalışmak için en yararlı işlevleri. Araç çubuğundaki düğmeleri tıklatmak veya Scrivener menüleri arasından seçenekler seçmek yerine dosya değişikliği yapmak için bu düğme kombinasyonlarına basın. Scrivener Dosya Kontrolleri Komutu Mac Kısayolu Windows Kısayolu Metin Belgesi Ekleyin ...

Ile tüm yedeklemenizi geri yükleyin. Mac için Time Machine ile tüm Yedeklemenizi geri yükleyin - cankurtaran

Ile tüm yedeklemenizi geri yükleyin. Mac için Time Machine ile tüm Yedeklemenizi geri yükleyin - cankurtaran

, Tüm yedeklemenizi Mac'nize geri yüklemeniz gerekebilir. Time Machine'i kullanırsanız, endişelenmezsiniz. Mac'inizi Time Machine ile nasıl geri getireceğiniz: Yedek sürücüyü bilgisayarınıza bağlayın. Ağa bağlı bir sürücü kullanıyorsanız, bilgisayarınızın ve ...

SAP Kaynaklar - mankenler

SAP Kaynaklar - mankenler

ERP'nin engin dünyasına atlamadan önce ev ödevinizi yapın. Olası ödüller büyük olsa da, atılımı tek başına yapmak istemezsiniz. Neyse ki, hem çevrimiçi hem de insan formunda yardım var. İpuçları, fikirler ve SAP bilgileri için şu harika kaynakları kontrol edin: SAP hesap temsilciniz: If ...