Ortalanmış metnin büyük paragraflarını nasıl ele alırım?


11

Kendim için çok basit bir portföy web sitesinde çalışıyorum ve kullandığım şablon tüm metin için merkezlidir. Kendim hakkında biraz bulanıkım var ve bu kadar merkezle haklı metinle başa çıkmanın en iyi yolu olup olmadığını bilmiyorum. Okumak gözlerim için biraz garip geliyor. Sadece bir şey mi hayal ediyorum yoksa bunu yapmanın daha iyi bir yolu var mı?

çok sayıda ortalanmış metin!

DÜZENLEME 1: Web sitem, merkeze hizalanmış metnin daha büyük bölümlerine de sahip olan bu ücretsiz şablonu temel alıyor . Metni haklı bırakmak istiyorum, ancak web sitesinin geri kalanının görünüşüne iyi uyup uymayacağını bilmiyorum.

DÜZENLEME 2:

Bu yüzden renkleri çevirdim, böylece beyaz üzerine siyah metin. Sens-serif yazı tipi ile şimdi de böyle görünüyor. Ayrıca bağlantı beyaz zemin üzerine neye benzediğini dahil ettik - biraz karartmak gerekebilir:

Beyaz üzerine siyah

DÜZENLEME 3:

Tamam, mermi noktalarındaki denememle haklı çıktı. Bunu yakında halledeceğim. Yazı tipi boyutunu doğru şekilde ayarlamam gerekiyor, ancak fikri anladınız.

haklı çıktı!


İngilizce konuştuğunuzu neden belirtmeniz gerekiyor? Diğer ülkelerde, insanlar bir veya daha fazla yabancı dil konuşurlarsa özgeçmişlerinde not alırlar.
imrek

1
@DrunkenMaster Stacey'nin İngilizce konuşulan bir ülkede olduğunu varsayıyorsunuz. :)
Scott

11 resmi dili olan bir ülkedeyim ve yerel olarak İngilizce konuşabilmek yarışmam arasında çok yaygın değil.

@Scott Konumunu kontrol et, diyor Güney Afrika. Her neyse, metni ortalamak tek sorun değildir. Siyah zemin üzerine ince beyaz harflerin okunması çok zordur, özellikle serif yazı tipidir. Küçük harfli ters metne ihtiyacınız varsa, daha okunaklı bir sans-serif yazı tipi kullanın. Aksi takdirde, biyografinize daha kişisel bir dokunuş sağlamak için kullanabileceğiniz birçok güzel web yazı tipi vardır, sonuçta 2015'te iyi bir tipografi neredeyse bir zorunluluktur.
imrek

@DrunkenMaster Kesinlikle bir cevapta bulduğunuz herhangi bir sorundan bahsetmekten memnuniyet duyarız - Bu konuda (muhtemelen anlayabileceğiniz gibi) tam bir çaylağım ve alabileceğim tüm yardıma ihtiyacım var.

Yanıtlar:


10

Ortaya hizalama paragraf metni çoğu zaman iyi bir seçim değildir . İnsan kavrayışı, metni belirli şekillerde görüntülemek için titizlikle eğitilmiştir ve paragraf metnini ortaya hizaladığınızda, okuyucudan çok çalışmasını ve metin boyunca görsel yolu korumasını istersiniz .

Kısa, bir veya iki cümle paragraflarına bakıldığında bu büyük ölçüde hissedilmez. Ama ne kadar çok metin olursa o kadar kötüleşir.

İşte metin hizalama hakkında bir makale

Ve UX.SE'nin ilgili bir sorusu var: Sola hizalanmış metin genellikle ortalanmış metne tercih edilir mi?

Sola hizalama sadece bir seçenek değilse (bunun neden böyle olacağından emin değilseniz), tasarımı yeniden düşünmeniz gerekebilir.

(Yan not: Web üzerindeki ters tip de okuyucuda çok zordur.)

Eğer bu şablonu kullanarak ölü iseniz . Paragraf metnini tüm alanlarda hizalamanızı ve hepsini hizalamak için sol taraftan hayali bir konum kullanmanızı öneririm. Örneğin, bir içerik alanı tanımlar ve bu alanda sola yaslanırım:

resim açıklamasını buraya girin

Şeyler çok daha kolay "okuyacak" ....

resim açıklamasını buraya girin


Görünüşe göre seçtiğim şablonun birkaç sorunu var! Sanırım bedavaya bu kadar.

Ben tamamen şablon üzerinde ayarlanmış not ama vazgeçip başka bir şey bulmadan önce uygun bir denemek istiyorum.

Sadece yüksek kontrastlı biliyorum, ters tip kullanıcıları metin hizalamadan daha fazla geri çevirmek için daha fazlasını yapacak.
Scott

Şansımı bulduğumda bunu beyaz üzerine siyah metne geçirmeye karar verdim.

Ve renkleri değiştirdim. bkz. düzenleme.

5

2 veya 3 paragraf daha az olsaydı metinle ilgili bir sorunum olmazdı. Merkezleme, küçük miktarlarda metin için iyi çalışır, ancak çok fazla olduğunda okunabilirlik sorunu haline gelir.

Bu bakış açısından, sola hizalama merkezden (veya sağa hizalanmış) daha iyidir.

Sola hizalanmış metnin okunması paragraflar için ortalanmış metinden daha kolaydır. Çünkü metninizi ortaladığınızda, her satırın başlangıç ​​yeri değişir. Bu, kullanıcılarınızı her satırın okumaya devam etmeye başladığı yeri bulmak için daha fazla çalışmaya zorlar.

Akıl yürütme, metni anlamak için aşırı egzersiz yaparak gözlerinize gelir. Kişisel durumumda, örneğin Matlab / VHDL ve Python C ++ gibi kelimeleri fark ederek, görüntümün metnin merkezine çekildiğini hissettim. Bana ne yaptığınız hakkında bir fikir veriyorlar, ama sadece becerileri listelemeye değil, kendinizi tanımlamaya çalışıyorsunuz.

Bunu söyledikten sonra, metin çok uzun değildir ve ortalanması bir tasarım 'ifadesidir'. Bu şekilde tutmak isterseniz , metinde gezinmeye yardımcı olacak bazı görsel ipuçları eklemeyi düşünürüm. Örneğin bazı kelimeleri veya kelime öbeklerini kalın yapmak veya boyutlarını değiştirmek. Dilleri vurgulamak için de renk kullanabilirsiniz. Eminim tüm metniniz aynı alaka düzeyine sahip değildir, bu nedenle hepsi aynı görünmemelidir.


2

Diğerleri ortalanmış metin üzerinde zaten geçerli puanlar verdi, bu yüzden tekrar etmeyeceğim.

Düşünmeniz gereken başka şeyler var:

  • ince serif yazı tipi (küçük yazı tipi boyutu veya başka bir şekilde ince yazı tipi) ters metin için iyi bir seçim değildir. Temelde okumayı ortalanmış metin kadar zorlaştırır. Metni hiç okuyamayacak olan eski ekranları veya ucuz cihazları olan insanları düşünün.

  • daha kişisel bir dokunuşla bazı yazı tiplerini kullanın, düz Georgia veya Times hızlı yükleme gerektiren metin ağır siteler için muhtemelen iyi bir seçimdir, ancak 2015'te hemen hemen her web tasarımcısı tipografiye takıntılıdır . En fontları göz atın http://www.google.com/fonts/ ziyaretçilerinizin şaşırtacak bol derece okunaklı serif ve sans-serif yazı tipleri vardır. Kontrast kullanın, bazı güzel yazı tiplerini eşleştirin, farklı ağırlıklar kullanın, vb.

  • Web sitesinin sizinle ilgili olduğunu ve gerçekten içerik ağır olmayacağını varsayıyorum. Ana sayfanız için güzel bir büyük kahraman resmi oluşturun. Üzerinde çalıştığınız tipik bir cihazın veya tipik çalışma ortamınızın güzel bir fotoğrafı gibi. Arka plan resmi olarak ayarlayın ve üzerine güzel büyük metinler koyun. Bunun neredeyse her zaman ziyaretçileriniz üzerinde güzel bir etkisi vardır.

  • Metninizi yapılandırın , bir şeyler listeliyorsanız bir liste kullanın, başlıkları kullanın. Metnin iyi görünmesini sağlamak için birçok seçenek vardır. Sade eski donuk paragraflar bugün modası geçmiş.


2

Genel olarak, büyük miktarda ortalanmış hizalı metne sahip olmak iyi değildir, çünkü çok okunabilir değildir. Sola hizalanmış metin satırlarını (veya RTL dilleri için sağa hizalanmış) ortalanmış hizalanmış satırlardan daha kolay izleriz.

Özellikle bu tür bilgiler için, şu anda sahip olduğunuz gibi bir paragraf yapısını değil, her bir beceriden oluşan bölümlerle sola hizalanmış kesitli bir düzen öneriyoruz. Kısa, okunabilir ve kolayca genişletilebilir olmasını sağlar. Ayrıca Yisela hakkında konuştuğu görsel ipuçlarını da ekler.

Bu son derece kaba bir örnek gibi görünebilir :

kesitli örnek

Onlara ne kadar iyi olduğunuza dair bir referans vermek için bunları ne kadar süredir yaptığınıza dair bir zaman çerçevesi eklemek iyi olabilir. Uzmanlık unvanının hemen yanına gidebilir, ancak muhtemelen unvandan daha az vurgulanması gerekir.


2

Karmaşık veya çeşitli içerik varsa başlıklar harika bir fikirdir. Ancak sizin durumunuzda, geliştirilmiş paragraf yapısından da yararlanabilirsiniz. Örneğin, eğitiminizi kim olduğunuzla ilişkilendirmek için ilk iki paragraf birleştirilebilir. Genel olarak, bu, okuyucuya tartışmanın akışını korurken kim olduğunuzu daha iyi anlamasını sağlar.

Yazdığım paragraflar şablon olarak kullanmak için iyi örneklerdir. İlk satırla kısa bir açıklama yapabilir, ardından bir karşılaştırma, kontrast veya ek bilgi ile takip edebilirsiniz. Bunu, mesajı kitlenize daha iyi iletmek için örnekler veya ek ilgili bilgiler sağlayan bir veya iki satır izlenebilir. Son olarak, söyledikleriniz hakkında bir sonuç çıkarmak için bağlantı kelimesi ile bitirin.

Aşağıdakileri göz önünde bulundur:

Benim adım Stacey ve kalifiye bir mühendisim. Son beş yıldır dijital sistemler tasarlamak için bana bilgi ve beceri kazandıran bir Mühendislik Lisansı aldım. Tasarladığım sistemlere örnek olarak (...) verilebilir. Teknik bilgime ek olarak, profesyonel İngilizce iletişiminde örgün eğitime sahip ana dili İngilizce olan bir konuşmacıyım.

İlk satır, kim olduğunuzu ve ne yaptığınızı söyleyerek eve gelir. İkinci satırda kalifiye bir mühendis olmanın neden önemli olduğu açıklanmaktadır. Üçüncü satırda teknik uzmanlığınızı destekleyen örnekler verilmektedir. Son satır teknik becerilerinizi diğer mesleki becerilerle ilişkilendirir. Genel olarak, paragraf gelişmiş yapı, akış ve kalite düzeni sağlar.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.