Kalın metin etrafındaki boşluklar da kalınlaştırılmalı mıdır?


18

Aşağıdaki resimde, üst metnin kalın sözcüğün çevresinde düzenli boşluklar barvarken, alt metnin kalın stilindeki boşlukları içermesi:

cesur alanlar

Kırmızı dikey işaret çizgileri ekledim, böylece kelimelerin mükemmel bir şekilde hizalanmadığını görmek daha kolay. Bazı yazı tipleri için bu bir fark yaratmıyor gibi görünüyor, ancak diğerleri için (Avenir gibi) önemli.

Hakkında tercih etmem gereken genel bir kural var mı? Bir kelimeyi kalın yaparsam, çevresindeki iki alanı da kalın yapmalıyım?

(ve soruyu çok fazla genişletmezse, kalın metin yerine italik metin ne olacak )?


Tasviriniz html / css'den mi? Html / css her iki işaretleme için aynı tam genişliği verir eminim. Temelde html / css'de farkında olduğum cesur bir alan yok ama hiçbir şekilde bir web tasarımcısı değilim (CC: @ZachSaucier)
Ryan

Bu soru web'e özgü değil. Sadece boşlukların kalın stile dahil edildiğini açıklığa kavuşturmak için metnin HTML eşdeğerini ekledim; Bunu açıklığa kavuşturmanın daha iyi yollarına açığım.
Cornstalks

4
@Dornstalks dürüstçe biçimlendirmeyi sorudan düzenlerim ve kaldırırım, sanırım insanları noktadan uzaklaştırıyor :)
Cai

1
Aslında HTML'nin kaldırılmış olması gerektiğini düşünmüyorum. Sanırım başka işaretlemeler de eklenmiş olmalı. Veya sorunun tamamı yeniden düzenlendi. Umarım tutarlı olan cevabımı gör
Ryan

3
Eğer kalın yazı yazmak yerine altını çizme istenirse, herkes ne yapacağını kabul ederdi ... Ancak bu durumda şunu düşünmek isteyebilirsiniz: kalın yazı tipinin tasarım gereği (önemli ölçüde) daha geniş alanları varsa? Bir tek kelime hala iyi görünecektir, fakat uzay iki kelime normal metin içindeki tuhaf görünürdü - ve sonra muhtemelen olmayan cesur biri boşluğun yerine ediyorum ve tüm kalın cümle yalnızca "cesur" yer ayırın.
4.06.2016

Yanıtlar:


11

Hayır, boşluklar kalın olmamalı, çünkü bu kötü anlambilimdir. Bir kelime veya kelime akışı kalın yazılabilir ancak kelimenin etrafındaki boşluklar kullanılamaz.

Bu, görsel tasarım düşüncelerinden ayrıdır ve herhangi bir uygulamadan bağımsızdır. Anlambilim yazardan gelir. Tasarımcıya bağlı değiller. Tasarımcı, görsel tasarımlarını yapmak için görsel tasarım araçlarına sahiptir. Yine, herhangi bir uygulamada.

Örneğinizde, yazar şunu yazdı:

foo **bar** baz

… Burada Markdown'da gösterilmiştir, ancak her türlü yazma ortamında geçerlidir .

Bir yazarın boşlukları kalınlaştırmak için bir nedeni yoktur, çünkü boşlukları kalınlaştırmak için semantik bir sebep yoktur. Kalın metin yazarların zihninden gelir. Onlar cesur uzayları değil bir kelimeyi (ya da kelimelerin dizisini) cesurlaştırıyorlar.

Örneğiniz HTML örneğidir, çünkü örneğiniz HTML biçimindedir, ancak bu yukarıdaki Markdown'ın herhangi bir uygulaması için geçerlidir :

foo <b>bar</b> baz

… Ve bundan sonra görsel tasarım başladığında.

Herhangi bir nedenden ötürü kalın metinlerde fazladan boşluk istiyorsanız - ve örneğinizin ima ettiği gibi HTML'de çalışıyorsanız - DOM'u değiştirmek için CSS veya JavaScript kullanırsanız, HTML'nin anlambilimini bozmazsınız. InDesign veya Illustrator veya herhangi bir görsel tasarım ortamında çalışıyorsanız, aynı şey geçerlidir.

Gerçek yazı kullanarak bir örneğe bakarsanız daha açıktır:

Tehlike paketin içeriğini yemez.

… Cesur bir vurgu olan “Tehlike” kelimesidir. Başka hiçbir şey.


2
OP, görsel tasarım açısından bu durumu soruyor , bu yüzden işaretleme tercihi ile ilgili cevabınız ilgisiz
Zach Saucier

2
Görsel tasarımı ele alıyorum - CSS kuralları ile isterseniz ekstra boşluklar ekliyorsunuz, HTML'ye eklemiyorsunuz. HTML'ye birden fazla kırılmayan boşluk koyarak sözcük aralığı eklememenizle aynıdır. Eğer soru “birden fazla ara vermeyen boşluk koyarak kelime aralığı ekler miyim?” İse, cevap benzer şekilde yapılandırılır - HTML semantik kalır, görsel tasarım CSS kuralları ile yapılır.
Simon White

3
Zach, işaretlemenin soru ile ilgisi olmadığı doğrudur. İşaretleme sadece OP'nin ne anlama geldiğini göstermek için kullanılıyor. Anlamsal olarak kötü biçimlendirme olacağını kabul ediyorum ama bu alakasız.
Cai

1
Sanırım belki “anlamsal” kelimesini görüyorsunuz ve bunun HTML'ye özgü bir terim olduğunu düşünüyorsunuz. O değil. Tüm yazılara uygulanır. Kullandığım örnekler HTML'de yapılır, çünkü bu, sorgulayıcının kullandığı örnektir. Ancak tüm uygulamalar için geçerlidir. InDesign'da çalışıyorsanız, hala bir yazardan bir el yazmanız var, yine de InDesign'da metnin anlamıyla maymunlaşmak yerine görsel tasarım aralığı araçlarıyla aralıkları değiştiriyorsunuz.
Simon White

1
HTML veya başka herhangi bir programlamanın dışında, anlambilimin - bundan bahsettiğiniz şekilde - neredeyse o kadar önemli olduğunu düşünmüyorum. Baskıda çalışırken genellikle fazladan paragraf sonları veya boşluklar vb. Eklerim. Anlamsal olarak doğru değil, ancak zamanınız kısaysa çok daha hızlı ve kolaydır ve hiçbir şeyi gerçekten etkilemez.
Cai

6

Dürüst olmak gerekirse, bunun gerçekten önemli olduğunu düşünmüyorum. Aralıktaki herhangi bir fark göz ardı edilebilir ve fark edilmeyecektir. Ancak, bu normalde yaptığım bir şey.

Aralıktaki herhangi bir fark yazı tipine bağlı olacaktır. Bir fark varsa, yazı tipi tasarımcısı bu farkı yaratmak için bilinçli bir karar verdi, bu yüzden kullanın. Kalın yazı tipi tanım gereği normal ağırlıktaki karşılığından daha geniştir, bu nedenle yazı tipine uyması için büyük olasılıkla dikkatle hesaplanan tüm boşlukların doğal olarak eşit derecede geniş olması gerekir. Fazladan boşluk (teoride) metnin okunabilirliğini ve dengesini artıracaktır.

Akılda tutulması gereken bir şey tutarlı olmaktır. Bir tarafta kalın bir alan kullanıyorsanız, diğer tarafta da kullanın. Bunu yapmamak metnin dengesiz görünmesine neden olabilir. Birçok programda, bir sözcüğü seçmek için çift tıklarsanız, sözcüğü ve sondaki alanı seçer, böylece yazı tipini çift tıklatıp kalın olarak değiştirirseniz, önce normal bir boşluk ve daha sonra kalın bir boşluk elde edersiniz.

Diğerleri bunun anlamsal olarak yanlış olduğuna dikkat çekti. Bu, görsel çıktı kadar eşit olması gereken kaynak kodu veya işaretleme ile çalışıyorsanız, ancak noktanın yanındaysa, bu doğrudur.

Özetle - Hiç kimsenin her iki şekilde de fark etmesi olası değildir, ancak ilgilenirseniz - yazı tipini tasarımcısının amaçladığı gibi kullanın, kalın boşluklar kullanın ve bunları tutarlı bir şekilde kullanın.


"Boşluktaki herhangi bir fark göz ardı edilebilir" - ancak bir fark olduğunda, kelime kaydırma gibi diğer özellikleri değiştirmek yeterli olabilir mi?
MrWhite

5
“… İlgilenirseniz - yazı tipini tasarımcının amaçladığı gibi kullanın, kalın boşluklar kullanın” Elbette, tasarımcı kalın boşlukları büyütmeyi seçti - ama bu kalın metin içindeki boşluklar için , yani her ikisi de kalın yazılmış. Bir cesur ve bir cesur olmayan kelime arasındaki boşluklar için tasarımcının hangi boşluğu seçmiş olabileceğine dair hiçbir fikrimiz yok.
Peter LeFanu Lumsdaine

5

Aslında bu önemli ve iyi bir soru. Boşluk zorla açılmadığı için bazı cihazlarla deneyim yaşadım &#160;, alan bir yayılma etiketi gibi bir şey varsa içeriği yanlış işleyecekti.

Örneğin foo bar, şu foobarşekilde kodlandığında oluşturur:

<span class="bold">foo </span>bar

HTML ve CSS'deki InDesign gibi bazı uygulamalar bunu şu şekilde dışa aktarır:

<span class="bold">This is Friday</span>

Genel olarak, bu tasarımcıya bağlı olabilir, ancak parite için iş akışında benimsenmelidir. Son ürün üzerinde nasıl işleneceğini test etmenizi öneririm, çünkü gelişiminizde bir faktör olabilir. Sorunuzu cevaplamak için, HTML kullanarak geliştirdiğimde, birkaç cihazdan oluşturma motoru tarafından göz ardı edilmesiyle ilgili deneyimim olduğu için span etiketlerimde bitiş veya başlangıç ​​boşlukları içermiyorum.

Etiketlerinizin sonuna veya sonuna boşluk bırakmayı seçerseniz, bu şekilde kod yazmanızı öneririm:

<span class="bold">foo&#160;</span>bar

Gelişimsel açıdan bakıldığında, ayrıştırma davranışını ve kullanılabilirliğini dikkate almalısınız. Örneğin, bir sözlük geliştirirseniz ve span etiketleri gibi bir öğeye başlangıç ​​ve bitiş aralığını eklerseniz belirli bir bölüme dahil edilebilecek belirli öğeleri ayrıştırmayı planlıyorsanız veya bu öğenin sonunda kesin sonuçlar olabilir.

Sonra aşağı oy

Uygun olduğunu düşünüyorsanız aşağı inebilirsiniz ancak bunun bir tercih olarak gösterilemeyeceği gerçeği hala devam etmektedir. Piyasadaki birçok cihaz, aralığın nasıl yapıldığını görmezden geliyor ve cevabımın amacı, içeriğin görüntüleneceği caddenin kararda ve nasıl yaratıldığının bir faktör olması gerektiğinden bahsetmekti. Şahsen, içerik geliştirdiğimde, bir uygulamada, basılmış veya bir sitede nasıl görüntülendiğini dikkate alırım ve böyle bir OP de bunu dikkate almalıdır.

Bunun web için olmadığını söyledikten sonra hala bir sorun yaratacağı ortama geliyor. Değilse yine de yapın ama parite benimseyin. Öyleyse, doğru bir şekilde çıkacak şekilde yapın.


1
En azýndan neden intikam hakkýnda bir açýklama var mý?
DᴀʀᴛʜVᴀᴅᴇʀ

Bunun uygulama tarafına odaklandığını varsayacağım
Zach Saucier

1
İmplantasyon tarafı, son üründe her zaman bir faktör olmalıdır, çünkü nasıl geliştirildiğini tasvir edebilir.
DᴀʀᴛʜVᴀᴅᴇʀ

1
Kabul! Bu sorunun odak noktası olduğunu düşünmeme rağmen
Zach Saucier

1
Normal ve kalın arasındaki boşlukta bir fark varsa, bunun nedeni yazı tipi tasarımcısının bu farkı yaratmaya bilinçli bir şekilde karar vermesidir, bu yüzden bunu kullanın. Yapamıyorsanız, çünkü teknik sınırlamaların biçimlendirme semantiği hakkında düşünmeniz gerekir, bu ayrı bir konudur. Önemli bir konu ama farklı bir konu.
Cai

4

Bu tasarımcıya bağlıdır, ancak çoğu durumda nihayetinde çok az öneme sahiptir.

Tasarım açısından, kalın veya sondaki kalın (veya italik) bölümlerin kalın veya kalın olması çok az fark yaratır. Tek etkisi, kelimeler arasındaki boşluktur (Tasarım terminolojisinin hala harf aralığı olduğunu düşünüyorum, ancak kelime aralığı olarak adlandırmayı seviyorum ). Alan miktarı baskının "sıklığını" ( bu makaleye bakın ) etkiler . Bununla birlikte, çoğu durumda, yalnızca kalın veya italik bölümlere giden veya sondaki boşlukta oluşan bu fark, göz ardı edilebilecek kadar ihmal edilebilir.

Koyu bir alanın koyu olmayan bir alandan daha fazla yer kaplayıp kaplamaması, kullanılan yazı tipine bağlıdır. Bazı yazı tipleri aynı boyutta olurken, diğerleri kalın boşlukları biraz daha geniş hale getirir. Kullandığınız yazı tipinin ne yaptığını görmek için test etmeniz gerekir (önemsiyorsanız).

Gerçekten önemli olabileceğini düşünebildiğim tek durum, başlıklardakiler gibi gerçekten büyük yazı tipi boyutlarında. Bu durumda, fark miktarı daha büyük ölçek nedeniyle daha önemli olabilir . Bununla birlikte, bu gibi büyük metinlerle tasarımcılar yine de ona bakmalı ve gerektiğinde ayarlamalar yapabilirler.

Ne kolay olursa olsun gitmenizi öneririz ama en önemlisi tutarlı kalmak . Daha fazla alan ekleme eğilimi (kalın yazıya dahil).

Bununla birlikte, HTML gibi bir biçimlendirme dili kullanıyorsanız, kalınlaştırılmış etiketin içindeki alanı eklemek yerine CSS gibi bir stil dili kullanarak bu ek odayı yönlendirmek veya kalın bir bölümü izlemek daha semantik olarak daha uygundur.


Biri bana cesur metinlerin her çalışmasında kalın boşluklarla HTML verdiyse, bir hata olduğunu düşünür ve düzeltmesini sağlarım.
Simon White

2
@SimonWhite Soru, biçimlendirme değil görsel tasarım ile ilgili
Zach Saucier

HTML'de görsel tasarım yapmazsınız. CSS bunun içindir. Soru, zayıf biçimlendirmeye örnek olan biçimlendirme örneklerini içerir.
Simon White

2
@SimonWhite HTML veya CSS hakkında soru sormuyor. Bu sitenin amacı olan tasarım açısından cesur mekanlar soruyor
Zach Saucier

Uygulama örneği HTML biçimindedir. HTML böyle tanıtıldı. Örnek Illustrator'da olsaydı, bu terimlerle konuşabiliriz. Bununla birlikte, cevap hala aynı: cesur boşluklar kullanmıyorsunuz çünkü yazılı olarak cesur bir alan gibi semantik bir şey yok . Yazarlar bunları yazmazlar. Kelime aralığını değiştirmek istiyorsanız - herhangi bir uygulamada - metinden geçmez ve her kelime arasına fazladan boşluk eklemezseniz , kelime aralığını artırmak için görsel tasarım araçlarınızı kullanırsınız. HTML, InDesign, Illustrator veya herhangi bir uygulama gibi kalın metinler arasında boşluk bırakmak için de aynı şey geçerlidir.
Simon White

3

Tamam, sanırım şimdi anlıyorum ve bu ilginç ama karmaşık bir soru, bu yüzden cevaplar her yerde. Umarım sonsuz bilgeliğimde (okuma: uyku yoksun zihin) açıklığa kavuşturabilirim

İşaretleme, HTML, LaTeX --- bunlar önemlidir, ancak şu anda onlar hakkında nasıl düşündüğünüz.

Örneğin, ilk örneğinizde kullandığınız gibi:

  • HTML: The <b>cat</b> died last night!
  • İşaretleme: The **cat** died last night!
  • BBCode: The [b]cat[/b] died last night!

Ya da sahip olabilirsiniz:

  • HTML: The<b> cat </b> died last night!
  • İşaretleme: The** cat **died last night!
  • BBCode: The[b] cat [/b]died last night!

Şimdi sadece HTML tasarımı hakkında soru sormadığını söylüyorsun. Ama burası biraz kafa karıştırıcı, bu yüzden açıklamaya çalışacağım. Kalın, anlambilimin bir işlevidir (Simon da açıklamaya çalışıyor gibi). Hangi sistemi kullanırsanız kullanın, bir şeyin kalın olduğunu söylemelisiniz.

Gerçekten sormak istediğiniz şey: Daha güçlü bir yazı tipi kullanılırken alan artırılmalı mı?


Peki, daha kalın bir yazı tipi kullanılırken alan artırılmalıdır mı?

Bu tasarımcıya kalmış. Seçtiğiniz bir uygulamada bir grup harfi genişletin ve uygun gördüğünüz şekilde düzenleyin. Bu konuda kesin bir kural yok.

Hiçbir vardır görün hiç boşluk karakterleri, burada olduğundan kalın alanlarda bir sayfada atmış sadece harfler vardır:

resim açıklamasını buraya girin

resim açıklamasını buraya girin

Biraz daha yakın, biraz daha ileri, aynı ... hepsi tasarımcıya kalmış.


1

Her glifin genişliği (boşluk dahil), yazı tipi içindeki yazı tipi tasarımcısı tarafından tanımlanır. Avenir'in durumda, tasarımcının ağırlık artar, ancak tasarımcı neredeyse kesin ne zaman iki kelime arasında görece aralığını korumak için boşluk genişliğini arttırmak için seçti değil aklında tek bir cümlede karışık ağırlıklarla yazı tasarlar.

Dolayısıyla doğru bir cevap yoktur; boşluk, aynı yazı tipi ağırlığındaki kelimeler arasında doğru bakılması gereken genişliktir. Özel durumunuzda ne yapacağınız konusunda kendi yargınızı kullanmanız gerekecek çünkü tipograf bunu sizin için yapmadı. Kesinlikle yapmanız gereken tek şey, cesur kelimeler arasında kalın boşluklar kullanmaktır.

Her biri çok farklı aralıklara sahip tamamen farklı iki yazı tipi kullanmayı hayal etmek uygun olabilir; orada iki kelime arasında hangi yazı tipinin metriklerinin kullanılacağına dair net bir doğru yanıt olmadığını söyleyebilirsiniz.

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.