Metin Temiz Nasıl Tutulur
Web sitenizdeki metin söz konusu olduğunda hiçbir şey okunabilirlikten daha önemli değildir.
Kesinlikle hiçbir şey.
Eğer kelimeleri okuyamazsan, ne yapıyorsun? Mesajını kim alıyor?
Aynı kelimeler kadar önemli olan, metnin tasarımıdır - yazı tiplerinden tirelemeye, bunların hepsinin ekranda nasıl düzenlendiğine. Tasarımın bir kısmı kelimeleri kendileri içeriyor, sitenizdeki “büyük kelimeler” in nasıl oluşturulduğu da bir fark yaratabilir.
Yazı tipi seçimi
Seçebileceğiniz çok fazla yazı tipi var. Oldukça bunaltıcı olabilir.
Olmasına izin verme. Okunabilirlik söz konusu olduğunda yapabileceğiniz en iyi şey, onu basit tutmaktır.
Siteniz için bir veya iki yazı tipi seçin. Başlamak için iyi bir yer, ana gövde kopyası için bir font ve üstbilgiler, afişler ve koparma metinleri gibi büyük sözcükler için başka bir fonttur. Her eleman için farklı bir font kullanmak dikkat dağıtıcı, kafa karıştırıcı ve okunması zor.
Ana gövde kopyası için bir sans serif yazı tipi ile başlayın. Ekrana geldiğinde ve daha küçük boyutlarda bile iyi çalışma eğiliminde olan Sans serifleri gözün en kolayıdır. Serif yazı tipleri, yazı tipi, ekran çözünürlüğü ve hatta metin ve arka plan arasındaki renk karşıtlığına bağlı olarak “birlikte çalışma” ya da seriflerini kaybetmeye başlayabilirler.
Gövde kopyasının sitede en çok okunan şey olacağını ve bilgisayar, tablet veya mobil cihaz ekranlarında sindirilmesinin kolay olması gerektiğini unutmayın. Bu yazı tipinin farklı stillerini kopya içinde kullanmak normaldir, ama çıldırmayın. Bolding ve italics, vurgu noktaları için mükemmeldir, ancak bu stillerdeki büyük blokların okunması zor olabilir.
Google Web Yazı Tipleri veya Typecast gibi çevrimiçi araçları kullanarak yazı tiplerini eşleştirmeye çalışırken bir yazı tipi seçerken yardıma ihtiyacınız varsa.
tire ile ayırma
Tireleme bozuk. Bu çirkin. Bu etkisiz ve kafa karıştırıcı. (Ve bu sorunlar platformlar arasında büyüyor.)
Ondan uzak dur.
Bir tazeleme gereksiniminiz olması durumunda, bir satırın sonunda bir sözcüğün bölünmesiyle, bir kelimenin sonunda bir sözcüğün bir kısmının görünmesine ve sözcüğün geri kalanının bir sonraki satırda görünmesine neden olduğunda tireleme oluşur. Web tasarımı söz konusu olduğunda tirelemeyi kullanmak neredeyse hiç bitmedi, ancak yine de zaman zaman karşınıza çıkıyorsunuz. (Gazeteler gibi basılı yayınlarda düzenli olarak kullanılır.)
Tire kullanmanın ardında yatan düşünce, metnin satırlara doğru (ve eşit olarak) boşluğa izin vermesiydi. Gerekçeli metinle çalışırken, heceleme kaldırıldığında tek aralıklı boşluk sorunları yaşayabilirsiniz.
Ancak kelimeleri kıran tire, metni okumayı zorlaştırabilir. Bir tireli okumak, bir kişinin yanmasına neden olabilir veya bir kelimeyi yanlış yorumlayabilir. Tire kullanmak, belirli kelimelerin vurgularını veya bunların kopyadaki diğer kısımlardaki etkilerini de yanlışlıkla değiştirebilir. Bilinçsizce bir tire, bir okuyucunun, kelimenin tamamen işlenen diğer kelimelere göre biraz daha az önemli olduğunu söyler.
Ritmi yalnızca, değiştiricilere olduğu gibi, ihtiyaç duyulan kelimeler için ayırın ve satırları kesmeyin. Metinler daha temiz ve daha profesyonel görünecek ve hatların ucundaki tüm bu sinir bozucu çizgiler olmadan okunabilirliği artacaktır.
gerekçe
Heceleme gibi, hâlâ baskıda yaygın olarak kullanılmasına rağmen, tam meşrulaştırma web tasarım modası dışında kalmıştır.
Tam ayarlamayı kullanarak, her satırın, her satırın aynı genişlikte olması için sol kenar boşluğundan sağ kenar boşluğuna tamamen doldurur. Tam gerekçeyi kullanmak, boşlukların eşit olarak dağılmaması için sözcükler arasındaki boşlukları oluşturur (ve kapatır). Bu tür metin hizalamasını kullanmak, bazı web siteleri için işe yarayabilir, ancak her zaman görsel olarak en çekici seçenek değildir. Tam metninin uygulanabilir bir seçenek olup olmadığını ölçmek için metninizin nasıl kırıldığına bakın ve birkaç kez okumaya çalışın.
Diğer “gerekçe” veya metin hizalama türleri de vardır. Metni, sol kenar boşluğunda, sağ kenar boşluğunda veya merkezde olacak şekilde ayarlayabilirsiniz.
İngilizce web siteleri için, sol yaslama en yaygın uygulamadır. Metin sol kenar boşluğuna hizalanır ve düzensiz bir kenar çizgisi içerir. His, samimi ve okunması kolay. Bu teknik çok yaygın olduğu için, birçok okuyucu metnin nasıl kurulduğunu bile fark etmeyecektir. Bu, büyük metin bloklarıyla çalışmak için en iyi seçeneğiniz.
Sağ hizalama başka bir seçenektir ancak metin parçaları için çok iyi çalışmaz. Metin sağ kenar boşluğu ile hizalanmış ve solda düzleştirilmiş, başlangıç ve durma noktaları ekranda garip bir şekilde yer almaktadır. Doğal okuma düzeni tersine çevrilir ve sadece bu şekilde metin okuma düşüncesi (özellikle büyük miktarlarda) bir okuyucuyı rahatsız edebilir. Tasarım şemasına dahil etmek istiyorsanız, küçük ayrıntılar için sağa hizalanmış metni ayırın.
Ortalanmış metin, geniş metin blokları için önerilmese de oldukça popüler bir araçtır. (Web'in her tarafına bu şekilde kullandığını göreceksiniz.) Merkez hizalamanın tuzakları, sağa hizalı metinle ilişkili olanlara benzer - “doğal” başlangıç ve duruşlara sahip değildir ve sayfada garip hissedebilirsiniz. Merkezi hizalanmış metin biraz resmi (genellikle davetiye gibi öğeler için kullanılır) hissedebilir ve vurgu önemli olan küçük metin parçaları için ayrılmalıdır. Büyük kopya blokları için iyi bir seçim değildir.
Diğer tip etkileri
Konturlar veya anahatlar
Daha büyük metin öğelerinde vurgulama noktası olarak kullanın, ancak küçük metinde sakının.
Üstü çizili veya alt çizgi
Bunların ikisi de yaygın olarak kullanılır - bir şeyin artık geçerli olmadığı ve vurgu için altı çizildiği bir işaret olarak üstü çizilir. Bu araçları kullanmaya devam edin, ancak bunları dikkatli kullanın. Her ikisi de küçük metin parçaları için çalışır, ancak birkaç kelimeden fazla yayılırken muazzam okunabilirliğe neden olur.
Devirme veya çarpıtma
Tipografiyi bir sanat formu olarak kullandığınızda bu etkiler harikadır. Mesaj iletmeye çalışırken çok etkili değiller. Ana gövde kopyasında metin manipülasyonları ve çarpıtmalardan kaçınmalısınız.
Renk
Renk kullanımı, bir metin bloğunda tek bir kelimeye vurgu yapmak için harika bir araç olabilir. (Metin blokları için en yaygın ve görsel olarak çekici olan renk kombinasyonları, koyu veya koyu bir arka plan üzerinde beyaz veya koyu gri renktedir.) Arka plana keskin bir karşıtlık içinde duran renkleri görmek ve okuması için tasarlayın. Süper parlak (düşün sarı veya fuşya) renkleri kalın, geniş yazı tipleriyle kullanılmadıkça okunması zor olabilir. Ek vurgu için renkle civatalamayı düşünün, ancak bu tekniği sınırlı sayıda kelime için ayırın.
Büyük metnin temiz tutulması
Her ne kadar tireleme, vücut kopyalarında bir tercih meselesi olarak düşünülebilirse de, büyük tipte her zaman kaçınılmalıdır. Basit gerekçelendirme stilleri şarttır; sol veya orta hizalı metin en iyi seçeneklerinizdir.
Başlıklar, afişler, aralar ve diğer büyük tip veya mobilyaların okuyucu dostu olması gerekir. Bu kelimeler sadece navigasyon için kullanılmaz, aynı zamanda insanların web sitenizdeki içerikten hareket etmelerini sağlamak için de okunmalıdır.
Tire'ler tökezleyen bloklardır.
Tek hizalama navigasyona yardımcı olmaz.
Büyük tipiniz için tasarımı çizerken, düşünebileceğiniz birkaç şey daha var.
Ana gövde kopyasıyla orantılı olarak türün boyutunu düşünün. Büyük ölçüde daha büyük ve daha kalın olan başlıklar ve başlıklar, okuyuculara yüksek sesle konuşacak, daha küçük, daha ince mobilyalar ise fısıldayacak.
Büyük sözcükler için kontrast çok önemlidir. Yazı tiplerini seçerken, gövde kopyasına çok benzemeyen mobilya için bir şeyler seçin. Serif yazı tipini göz önünde bulundurun, seriflerin büyük boyutlarda en iyi şekilde çalıştığını göz önünde bulundurun, böylece her harf üzerindeki terminaller ve ayrıntılar pikselde kaybolmaz. Diğer bir seçenek ise mobilya için ayrı bir stil ve hiyerarşi oluşturmak için renklere gitmek.
Büyük kelimelerin etrafındaki alanı da düşün. Büyük kelimelerin açıkladıkları kopyaların yakınında durduğundan emin olun. Her bir üstbilgi veya başlığın üzerinde fazladan boşluk ekleyin ve kopya ile kopya arasındaki boşluğu yoğunlaştırın.
Uygun yaz
Son olarak, fit düşünün.
Metni büyük kelimeler için yazdıktan sonra metnin nasıl çizildiğine bakın. Çizgiyi doldurur mu? Kaç satır?
Görsel olarak, tutarlı bir görünüme sahip başlıklar için gitmek istiyorsunuz. Bu hem tip stili hem de kelimelerin ne kadar uzun olduğu için geçerlidir. Bir satırı tamamen dolduran ve bir sonraki satırın sadece bir kısmını dolduran öğelerden kaçının. Mobilyayı küçük dikdörtgenler açısından düşünün; Beyaz boşlukları boşa harcamadan her şeyin çerçevenin içine sığmasını istiyorsunuz.
Metnin her bölümünün üzerinde sadece birkaç kelime veya iki satırlık tam düşünceler içeren basit bir başlık olsun, büyük kelimeler için bir stil oluşturun. Kullandığınız başlık türünün bu tarzın bir parçası olduğunu düşünün. Bir soru soracak, bir açıklama yapacak mı, okuyuculara ne yapacağını, nasıl bir şey yapılacağını gösterecek veya kelimelerle ve kelime öbekleriyle daha dolaysız ve sevimli olacak mı?
Sadece bir satır uzunluğunda (en fazla iki) başlık ve başlık yazmayı deneyin, etkin kelimeleri kullanın.
Bu başarmak zor olabilir ve hilelere karşı dikkatli olun. Bir eşanlamlı kelime yakalama ve sadece bir şeyler yapmak için kısa bir kelime için büyük bir kelime yerine. (Yanlış kelimeyi kullanma riskini veya okuyucularınızın anlamını bilmediği bir terim kullanacaksınız.) Yazarken konuşmayı düşünün. Kelimeleri oluşturun ve sonra neyi ifade etmek istediğinizi ve temiz, okunması kolay kopya üretmek için bütünlüğünüzü koruyacak şekilde gözden geçirin (kes veya ekleyin).
Sonuç
Temiz kopya sadece basit yazı tiplerinden ve tirelerden daha fazlasıdır. Bu, anlamlı olan ve okunabilir bir şekilde sunulması gereken bir kopya yazmakla ilgilidir.
Hepsini bir araya getirirken seyircinizi düşünün. Düğün fikirleri hakkında blog yazıları yazarken (geleneksel, kadınsı duygular) dövmelerle ilgili blog yazarken (muhtemelen daha sinirli ve karanlık) farklı bir teknik ve stil kullanırsınız. Kitlenizin görseller üzerinde etkisi vardır, ayrıca kopyanızı etkilemelidir.
Ama en önemlisi, her şeyin nasıl bir araya geldiğini düşünün. Site tasarımınızın dışındaki her şeyi şeritleyin, yalnızca arka planı bırakın. Okuması kolay mı? Yakınlaştırmak mı, uzaklaştırmak mı gerekiyor? Ekranda kısılıyor musunuz? Bunlar cevaplamanız gereken gerçek sorulardır, çünkü günün sonunda okunabilirlik en önemli olan şeydir.
Çevrimiçi okumak için hangi metni zor buluyorsunuz? Metninizi okunabilir tutmak için hangi teknikleri kullanıyorsunuz? Yorumlarda bize bildirin.
Öne çıkan görsel / küçük resim, metin resmi Shutterstock üzerinden.