Czy spacje wokół pogrubionego tekstu również powinny być pogrubione?

18

Na poniższym obrazie górny tekst ma regularne spacje wokół pogrubionego słowa bar, podczas gdy dolny tekst zawiera spacje pogrubioną czcionką:

pogrubione spacje

Dodałem czerwone pionowe linie znaczników, aby łatwiej było zauważyć, że słowa nie pasują idealnie do siebie. W przypadku niektórych czcionek nie wydaje się to mieć znaczenia, jednak w przypadku innych (takich jak Avenir) ma to znaczenie.

Czy istnieje ogólna zasada, o której wolałbym? Jeśli pogrubię słowo , czy powinienem też pogrubić oba pola wokół niego?

(a jeśli nie poszerzy to zbytnio pytania, co powiesz na kursywę zamiast pogrubienia )?

Łodygi kukurydzy
źródło
Czy twoje przedstawienie z html / css? Jestem prawie pewien, że html / css daje tę samą dokładną szerokość dla obu twoich znaczników. Zasadniczo nie mam odważnego miejsca w html / css, o którym jestem świadomy, ale w żadnym wypadku nie jestem projektantem stron internetowych (CC: @ZachSaucier)
Ryan
To pytanie nie jest specyficzne dla sieci. Właśnie dodałem tekstowy odpowiednik HTML, aby wyjaśnić, że spacje zostały zawarte w odważnym stylu; Jestem otwarty na lepsze sposoby wyjaśnienia tego.
Cornstalks,
4
@Cornstalks szczerze chciałbym edytować i usunąć znaczniki z pytania, myślę, że to odciąga uwagę ludzi od rzeczy :)
Cai
1
Właściwie nie sądzę, że HTML powinien był zostać usunięty. Myślę, że powinny zostać dodane inne znaczniki. Lub całe pytanie przeredagowane. Zobacz moją odpowiedź, która, mam nadzieję, jest spójna
Ryan
3
Gdyby zapytano o podkreślenie, a nie pogrubienie, wszyscy zgodziliby się, co robić ... W tym przypadku warto jednak rozważyć: co zrobić, jeśli pogrubiona czcionka ma (znacznie) szersze przestrzenie zgodnie z projektem? Pojedyncze słowo będzie nadal wyglądać dobrze, ale przestrzeń w dwóch słowach wewnątrz zwykłego tekstu będzie wyglądać dziwnie - a potem pewnie bym wymienić przestrzeń nie-pogrubienie jednej i zastrzegamy sobie „odważne” przestrzeń tylko dla całych zdań, pogrubione.
usr2564301

Odpowiedzi:

11

Nie, spacje nie powinny być pogrubione, ponieważ byłaby to zła semantyka. Słowo lub ciąg słów można pogrubić, ale spacje wokół słowa nie.

Jest to niezależne od wszelkich pomysłów na projekt wizualny i niezależne od jakiegokolwiek wdrożenia. Semantyka pochodzi od pisarza. Nie zależą od projektanta. Projektant ma narzędzia do projektowania wizualnego, które umożliwiają wykonanie projektu wizualnego. Ponownie, w dowolnej realizacji.

W twoim przykładzie pisarz napisał:

foo **bar** baz

… Pokazane tutaj w Markdown, ale ma zastosowanie w każdym środowisku pisania .

Pisarz nie miałby powodu, aby pogrubiać spacje, ponieważ nie ma semantycznego powodu, aby pogrubić spacje. Pogrubiony tekst pochodzi z umysłu pisarzy. Pogrubiają słowo (lub ciąg słów), a nie pogrubiają spacje.

Tak więc HTML - przykład jest w HTML, ponieważ twój przykład jest w HTML, ale dotyczy to dowolnej implementacji - powyższego Markdown:

foo <b>bar</b> baz

… A potem zaczyna się projektowanie wizualne.

Jeśli z jakiegoś powodu chciałeś dodatkowego miejsca wokół pogrubionego tekstu - i pracujesz w HTML, jak sugeruje twój przykład - używasz CSS lub JavaScript do modyfikowania DOM, nie rujnujesz semantyki HTML. Jeśli pracujesz w programie InDesign lub Illustrator lub w dowolnym środowisku do projektowania wizualnego, to samo dotyczy.

Jeśli spojrzysz na przykład wykorzystujący faktyczne pisanie, jest on wyraźniejszy:

Niebezpieczeństwo Nie jedz zawartości opakowania.

… To słowo „Niebezpieczeństwo” ma odważny akcent. Nic więcej.

Simon White
źródło
2
OP pyta o tę sytuację pod względem wizualnym , więc twoja odpowiedź na temat preferencji znaczników jest nieistotna
Zach Saucier
2
Zajmuję się projektowaniem wizualnym - dodajesz dodatkowe spacje, jeśli chcesz według reguł CSS, nie dodajesz ich w HTML. Tak samo, jak nie dodajesz odstępów między słowami, umieszczając wiele niełamliwych spacji w kodzie HTML. Gdyby pytanie brzmiało: „czy dodawać odstępy między słowami, umieszczając wiele niełamliwych spacji?”, Odpowiedź byłaby podobnie skonstruowana - HTML pozostaje semantyczny, a projektowanie wizualne odbywa się zgodnie z regułami CSS.
Simon White
3
Zach ma rację, że znaczniki nie mają nic wspólnego z pytaniem. Znaczniki służą jedynie do zilustrowania znaczenia OP. Zgadzam się, że semantycznie byłoby to złe znaczniki, ale to nie ma znaczenia.
Cai
1
Myślę, że może widzisz słowo „semantyczny” i myślisz, że jest to termin specyficzny dla HTML. Nie jest. Dotyczy to całego pisania. Przykłady, których używam, zostały wykonane w języku HTML, ponieważ jest to przykład użyty przez pytającego. Ale dotyczy każdej implementacji. Jeśli pracujesz w programie InDesign, nadal masz manuskrypt od pisarza, nadal modyfikujesz odstępy za pomocą narzędzi do rozmieszczania wizualnego w programie InDesign, zamiast małpować semantykę tekstu.
Simon White
1
Poza HTML i innymi programami nie sądzę, by semantyka - sposób, w jaki o niej mówisz - była tak samo ważna. Często dodam dodatkowe przerwy w akapitach lub spacje itp. Podczas drukowania. Nie jest to poprawne semantycznie, ale jest o wiele szybsze i łatwiejsze, jeśli masz mało czasu i tak naprawdę nie wpływa na nic.
Cai
6

Szczerze mówiąc, nie sądzę, żeby to naprawdę miało znaczenie. Wszelkie różnice w odstępach będą znikome i niezauważalne. Jest to jednak coś, co zwykle robię.

Wszelkie różnice w odstępach będą zależeć od czcionki. Jeśli jest jakaś różnica, projektant czcionek podjął świadomą decyzję, aby ją wprowadzić, więc skorzystaj z niej. Pogrubiona czcionka jest z definicji szersza niż jej odpowiednik o regularnej gramaturze, dlatego wszelkie odstępy, które prawdopodobnie zostały dokładnie obliczone w celu dopasowania do czcionki, będą naturalnie musiały być równie szersze. Dodatkowa przestrzeń (teoretycznie) zwiększy czytelność i równowagę tekstu.

Należy pamiętać o konsekwentności. Jeśli używasz pogrubionego miejsca po jednej stronie, użyj go również po drugiej. W przeciwnym razie tekst może wyglądać na niezrównoważony. W wielu programach dwukrotne kliknięcie w celu wybrania słowa spowoduje wybranie słowa i spacji końcowej, więc jeśli klikniesz dwukrotnie i zmienisz czcionkę na pogrubioną, uzyskasz normalną spację przed i pogrubioną spację po.

Inni stwierdzili, że jest to semantycznie niepoprawne. Jest to prawdą, jeśli pracujesz z kodem źródłowym lub znacznikami, które muszą być tak samo poprawne jak wynik wizualny, ale to nie ma sensu.

Podsumowując - jest mało prawdopodobne, aby ktokolwiek zauważył w obu kierunkach, ale jeśli się przejmujesz - używaj czcionki zgodnie z zamierzeniami jej projektanta, używaj pogrubionych spacji i używaj ich konsekwentnie.

Cai
źródło
„Jakakolwiek różnica w odstępach będzie znikoma” - ale czy istnieje różnica, czy wystarczy zmienić inne funkcje, takie jak zawijanie słów?
MrWhite
5
„… Jeśli dbasz o to - użyj czcionki zgodnej z zamierzeniami projektanta, użyj pogrubionych spacji” Jasne, projektant postanowił powiększyć pogrubione spacje - ale dotyczy to spacji w pogrubionym tekście, tj. Między dwoma słowami pogrubionymi. Nie mamy pojęcia, jakie odstępy wybrałby projektant dla spacji między jednym pogrubionym i jednym pogrubionym słowem.
Peter LeFanu Lumsdaine
5

Właściwie to ma znaczenie i to dobre pytanie. Mam doświadczenie z niektórymi urządzeniami, gdy puste miejsce nie jest wymuszane, ponieważ encja z &#160;nim renderowałaby niepoprawnie treść, gdyby przestrzeń istniała w coś w rodzaju znacznika zakresu.

Na przykład foo barrenderuje, foobargdy jest zakodowany jako:

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

Niektóre aplikacje, na przykład InDesign, w HTML i CSS eksportują go jako:

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

Ogólnie rzecz biorąc, może to zależeć od projektanta, ale należy je przyjąć w przepływie pracy dla parzystości. Zachęcam do przetestowania, jak będzie traktowany na produkcie końcowym, ponieważ może on mieć wpływ na twój rozwój. Aby odpowiedzieć na twoje pytanie, kiedy rozwijam za pomocą HTML, nie uwzględniam spacji końcowych ani początkowych w moich znacznikach span, ponieważ miałem doświadczenie z ignorowaniem ich przez silnik renderujący z kilku urządzeń.

Jeśli zdecydujesz się uwzględnić spacje na końcu lub na początku tagów, zachęcam do takiego kodowania:

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

Od strony rozwojowej należy wziąć pod uwagę zachowanie podczas analizowania i użyteczność. Na przykład, jeśli opracujesz słownik i planujesz przeanalizować niektóre elementy, które mogłyby zostać włączone do określonej sekcji, jeśli dodasz początkowe i końcowe odstępy w czymś takim jak znaczniki rozpiętości lub w elemencie, może to mieć drastyczne wyniki na końcu.

Po przegłosowaniu

Możesz przegłosować, jeśli uważasz, że było to właściwe, ale nadal pozostaje faktem, że nie można tego zacytować jako preferencji. Kilka urządzeń na rynku ignoruje sposób wykonywania odstępów, a celem mojej odpowiedzi było wspomnienie, że droga, w której treść będzie oglądana, powinna być czynnikiem decydującym o tym, jak to powstaje. Osobiście, kiedy opracowuję treść, biorę pod uwagę sposób, w jaki jest ona wyświetlana w aplikacji, drukowana lub na stronie, i taki OP powinien również to rozważyć.

Po tym, jak mi powiedziano, że to nie jest dla Internetu, nadal sprowadza się do medium, w którym powstanie problem. Jeśli nie, zrób to i tak, ale zastosuj parytet. Jeśli tak, zrób to w taki sposób, aby wyszedł poprawnie.

DᴀʀᴛʜVᴀᴅᴇʀ
źródło
1
Czy przynajmniej dostaję wyjaśnienie, dlaczego głosowanie negatywne?
DᴀʀᴛʜVᴀᴅᴇʀ
Zakładam, że to z koncentracji na stronie implementacyjnej
Zach Saucier
1
Strona implantacji powinna zawsze być czynnikiem w produkcie końcowym, ponieważ może przedstawiać, w jaki sposób jest rozwijana.
DᴀʀᴛʜVᴀᴅᴇʀ
1
Zgoda! Chociaż nie sądzę, że to jest sedno tego pytania
Zach Saucier
1
Jeśli istnieje różnica w odstępach między czcionką zwykłą a pogrubioną, to dlatego, że projektant czcionek świadomie podjął decyzję o wprowadzeniu tej różnicy, skorzystaj z niej. Jeśli nie możesz, ponieważ musisz pomyśleć o semantyce znaczników ograniczeń technicznych, to osobny problem. Ważny problem, ale inny.
Cai
4

To zależy od projektanta, ale ostatecznie w większości przypadków ma bardzo małe znaczenie .

Pod względem projektu nie ma większego znaczenia, czy spacje wiodące lub końcowe pogrubione (lub kursywą) sekcje są pogrubione, czy nie. Jedyny efekt, jaki ma, to odstępy między wyrazami (uważam, że terminologia projektowa to wciąż odstępy między literami, ale lubię to nazywać odstępami między wyrazami ). Ilość miejsca wpływa na „częstotliwość” (patrz ten artykuł ) wydruku. Jednak w większości przypadków różnica ta spowodowana tylko w odstępach wiodących lub końcowych pogrubionych lub kursywnych jest tak znikoma, że ​​można ją bezpiecznie zignorować.

To, czy pogrubiona spacja zajmuje więcej miejsca niż niepogrubiona spacja, zależy od użytej czcionki. Niektóre czcionki sprawiają, że wszystkie mają ten sam rozmiar, inne sprawiają, że pogrubione spacje są nieco szersze. Musisz przetestować, aby zobaczyć, co robi czcionka, której używasz (jeśli cię to obchodzi).

Jedyny przypadek, który mogę tam pomyśleć, to naprawdę może mieć znaczenie, w przypadku naprawdę dużych rozmiarów czcionek, takich jak te w nagłówkach. W tym przypadku różnica może być bardziej znacząca ze względu na większą skalę. Jednak przy dużych tekstach takich jak te projektanci i tak powinni je przejrzeć i wprowadzić odpowiednie poprawki.

Polecam wybrać coś, co jest łatwiejsze, ale co najważniejsze, pozostań konsekwentny . Staraj się dodawać więcej miejsca (włączając je pogrubioną czcionką).

Biorąc to pod uwagę, jeśli używasz jakiegoś języka znaczników, takiego jak HTML, bardziej semantycznie poprawne jest dodanie tego dodatkowego pomieszczenia prowadzącego lub prowadzącego pogrubioną sekcję za pomocą języka stylistycznego, takiego jak CSS, zamiast uwzględniać pogrubioną przestrzeń wewnątrz znacznika.

Zach Saucier
źródło
Gdyby ktoś dał mi HTML z pogrubionymi spacjami wokół każdego ciągu pogrubionego tekstu, uznałbym to za błąd i sprawił, że naprawiłoby to.
Simon White
2
@SimonWhite Pytanie dotyczy projektu wizualnego, a nie znaczników
Zach Saucier
Nie wykonujesz projektowania wizualnego w HTML. Po to jest CSS. Pytanie obejmuje przykłady znaczników, które są przykładami złych znaczników.
Simon White
2
@ SimonWhite Nie pyta o HTML ani CSS. Pyta o odważne przestrzenie w zakresie projektowania, które jest celem tej strony
Zach Saucier
Jego przykład implementacji jest w HTML. Tak właśnie wprowadzono HTML. Gdyby przykład był w programie Illustrator, moglibyśmy mówić w tych kategoriach. Odpowiedź jest jednak taka sama: nie pogrubiasz spacji, ponieważ w piśmie nie ma czegoś tak semantycznego jak pogrubiona spacja . Pisarze ich nie piszą. Jeśli chcesz zmodyfikować odstępy między wyrazami - w dowolnej implementacji - nie przeglądasz tekstu i nie dodajesz dodatkowych odstępów między słowami, używasz narzędzi do projektowania wizualnego , aby zwiększyć odstępy między wyrazami. To samo dotyczy odstępów wokół pogrubionego tekstu, czy to HTML, InDesign, Illustrator, czy dowolnej implementacji.
Simon White
3

W porządku, myślę, że rozumiem teraz i jest to interesujące, choć skomplikowane pytanie, dlatego odpowiedzi są wszędzie. Mam nadzieję, że w mojej nieskończonej mądrości (czytaj: pozbawiony snu umysł) mogę wyjaśnić

Znaczniki, HTML, LaTeX --- to mają znaczenie, ale teraz to, jak teraz o nich myślisz.

Na przykład mielibyśmy, tak jak w pierwszym przykładzie:

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

Lub możesz mieć:

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

Teraz mówisz, że nie pytasz o HTML tylko o projekt. Ale to jest trochę mylące, więc postaram się wyjaśnić. Pogrubienie jest funkcją semantyki (podobnie jak Simon próbuje to wyjaśnić). Bez względu na to, jakiego systemu używasz, musi to być odważne.

O co naprawdę chcesz zapytać: czy należy zwiększyć przestrzeń przy użyciu mocniejszej czcionki?


Tak więc, czy należy zwiększyć przestrzeń przy użyciu grubszej czcionki?

To zależy od projektanta. Rozwiń kilka liter w wybranej przez siebie aplikacji i ułóż je według własnego uznania. Nie ma w tym ścisłej zasady.

Zobacz, nie ma pogrubionych spacji, ponieważ nie ma tu żadnych znaków spacji, na stronie są tylko litery:

wprowadź opis zdjęcia tutaj

wprowadź opis zdjęcia tutaj

Trochę bliżej, trochę dalej, to samo ... to wszystko zależy od projektanta.

Ryan
źródło
1

Szerokość każdego glifu (łącznie ze spacją) jest definiowana przez projektanta czcionek wewnątrz kroju pisma. W przypadku Avenir projektant postanowił zwiększyć szerokość przestrzeni, aby zachować względne odstępy między dwoma słowami, gdy waga rośnie, ale prawie na pewno projektant nie zaprojektował czcionki o mieszanej gramaturze w jednym zdaniu.

Dlatego nie ma właściwej odpowiedzi; odstęp to szerokość, w jakiej ma wyglądać między słowami o tej samej grubości czcionki. Będziesz musiał sam ocenić, co zrobić w konkretnym przypadku, ponieważ typograf nie zrobił tego za ciebie. Jedyne, co zdecydowanie powinieneś zrobić, to użyć pogrubionych spacji między pogrubionymi słowami.

Właściwe może być wyobrażenie sobie używania dwóch zupełnie różnych krojów pisma, każdy o bardzo różnych odstępach; możesz powiedzieć, że tak naprawdę nie ma jednoznacznej właściwej odpowiedzi na temat tego, której czcionki użyć między tymi dwoma słowami.

Zestaw Grose
źródło