はてなキーワード: 游ゴシックとは
組版の専門家だよ。ブックマークとかで行間のリクツが知りたいという旨があったので、簡単にまとめるよ。
なお、行間に限らず、日本語組版に関する専門的な知識は『W3.org 日本語組版処理の要件(日本語版)』に載っていてタダで読めるよ。
この文書は『JIS X 4051 日本語 組版規則』を下敷きに、超のつく専門家がwebの世界向けにまとめたやつだよ。
この知識で書籍の本文組版がきっちりできちゃうよ。印刷周りの知識と組版ソフトを扱う技術もいるけどね。
これから書くのは、組版の専門家としての意見で、PowerPointとかプレゼンとかの専門家の意見ではないよ。
結論を先に書くよ。
単位は%の行送り。例えば150%と書いたときは、文字サイズが10pointのとき、行送り150%は15point、行と行の間の空白は5pointという意味だよ。
・行数が3行以下
>125〜150%が目安だよ。
・行数が4行以上
>150%が目安だよ。
・行数が3行以下
>150%が目安だよ。
・行数が4行以上
>175〜200%が目安だよ。
・行長が30文字程度
>200%が目安だよ。
>行長が長すぎるよ。
・同じ条件でも、行間は横組みよりも少し広めにとる方がいいよ。
・上の例より少しだけ行間は狭くていいよ。
・背景色とコントラストが弱い文字色を選んだときは、行間を少し広めにとった方がいいよ。
・見出しと本文の間は、本文同士の行間と同じか、それ以上はとらないといけないよ。
・違う本文同士の間は、本文の行間よりも広くとらないといけないよ。
「パワポの日本語の行間」の話に絞るけど、和文の行間を決定する要素は、大雑把に分けると下記のようになるよ。
・書体
・行長
・行数
・与えたい印象
書体は、文字の造形のことだよ。「游ゴシック Bold」とかがひとつの書体だよ。
日本語の文字は原則として「正方形」の中に収まるように作られているよ。
日本語の組版では、基本的にこの正方形をみっちりと横に並べて行を作るよ。
字面が広い書体ほど(≒「黒い」行ほど)、行間を狭く組めるよ。つまりBoldなら行間をより狭くできるよ。
これは直感的じゃないと思うけど、「行間>文字間>一文字中の空白」という順位でスペーシングを行って文字列を認識している、人間の知覚の都合で経験則的にこう決まっているよ。
下の順位の空白が狭くなれば、上の順位ももっと狭く取れるというリクツだよ。
行が長いほど、行間は広げる必要があるよ。なぜなら、行が長いほど行の頭に戻ったとき、見失う可能性が高いからだよ。
行間が広ければ、行の頭に戻るときにも、呼んでいる行を見失いづらいという経験則からこう決まっているよ。
行の多さのことだよ。
行が多いときの方が、少ないときより行間を広くとる必要があるよ。
行数が少ないときに行を見失うことはないから、行間を狭くできる、というリクツだよ。
組版において、行数が少ないものは普通「見出し」か、または修飾的要素だよ。
普通は見出しは4行を超えないから、ここではそれを目安としているよ。
人間は文字の並び方だけでも、違う印象を知覚することがあるよ。
例えば、普通はしないけど行間を0%(文字が縦にも横にもギッチギチ)になってるとき、緊張感を覚える人が多いよ。
逆に、詩の本を組むときは行間を極端にゆったりさせて組むことがあるよ。
化粧品とか、高級品を扱うときは、大抵行間は広めにとるよ。格調の高さを表現する狙いがあるよ。
一方で、広告なんかでは狭くとることが多いよ。緊張感を与えるためだよ。
基本的に、見出し、特に大見出しは狭めに組んで、注意を引きつけることが効果的なことが多いよ。でも実際の案件を見ないことにはなんとも言えないよ。シン・ゴジラの御用学者みたいな言い回しになってしまった。
>行長31文字以上は長すぎるよと言われたら大概の文庫本(小説)はアウトでは!?
・縦組みの場合は最大52字程度
・横組みの場合は最大40字程度
を目安としているよ。
しかし実際には、ここまで長い例はそんなにはないよ。例に上がってる文庫本は縦組みで、多くて40字程度の行長だよ。
横組みの書籍でも、40とはいかず大抵30字程度の行長に設定されている例が多いよ。この記事ではそういった慣例を考慮して数字を設定したよ。
時間 | 記事数 | 文字数 | 文字数平均 | 文字数中央値 |
---|---|---|---|---|
00 | 96 | 19351 | 201.6 | 48 |
01 | 63 | 11399 | 180.9 | 43 |
02 | 48 | 4367 | 91.0 | 62 |
03 | 37 | 2434 | 65.8 | 50 |
04 | 18 | 2790 | 155.0 | 70 |
05 | 20 | 4646 | 232.3 | 43.5 |
06 | 34 | 3102 | 91.2 | 53.5 |
07 | 58 | 5966 | 102.9 | 58.5 |
08 | 107 | 8834 | 82.6 | 37 |
09 | 119 | 8739 | 73.4 | 43 |
10 | 148 | 16069 | 108.6 | 45.5 |
11 | 208 | 23164 | 111.4 | 45 |
12 | 296 | 21784 | 73.6 | 32 |
13 | 184 | 17611 | 95.7 | 38.5 |
14 | 208 | 25249 | 121.4 | 43.5 |
15 | 212 | 12345 | 58.2 | 30.5 |
16 | 189 | 19370 | 102.5 | 40 |
17 | 180 | 25036 | 139.1 | 46 |
18 | 133 | 32666 | 245.6 | 36 |
19 | 148 | 12626 | 85.3 | 34.5 |
20 | 139 | 9842 | 70.8 | 35 |
21 | 152 | 20794 | 136.8 | 47 |
22 | 177 | 22808 | 128.9 | 40 |
23 | 162 | 15836 | 97.8 | 46 |
1日 | 3136 | 346828 | 110.6 | 41 |
森元(31), 森さん(21), フォレストガンプ(4), 森元首相(4), 電子辞書(5), レスバチャン(3), JOC(7), 森喜朗(16), A子(3), フリーザー(3), 森元総理(3), 森(55), 会長(18), 五輪(18), カー(11), カプ(22), 社会学者(14), オリンピック(43), プリキュア(13), 爺さん(10), 会見(10), アップデート(24), 老害(23), 免許(15), 抑圧(12), 国会議員(9), 捏造(9), 会議(29), 運転(18), 中止(21), 老人(35), 家事(27), 若者(42), BL(24), 腐女子(33)
■交際止まりの女ってこういうことなんだろうね。 /20210203235546(44), ■老人に価値観アップデートを求めすぎるのもなぁ /20210204160915(36), ■「それでも若者は自民党を支持する」論はもうやめようや /20210204113118(33), ■免許合宿三日でリタイアした /20210203165428(30), ■抑圧的な腐女子の文化どうにかなんないかな /20210204104903(12), ■舐められたくないから背中に刺身を入れようと思う /20210203221122(12), ■耳が痛くならないイヤホン、あるいはヘッドホン(マイク付きで) /20210114234038(11), ■ある機械系の女性のエンジニアの駄文 /20210203234005(11), ■崎陽軒のシウマイ弁当はどこへ行った? /20210204011723(11), ■みんなオリンピック見たくないの? /20210204123644(11), ■吐き出さずにはいられなくて /20210203162322(10), ■毎週スマスマの時間にSMAPの用語トレンド入りさせてるSMAPファンこわい /20210204125722(10), ■大人になると怒りっぽくなる理由 /20210204155141(10), ■日本のコロナ対策はかなり上手くいってると思うんだが、どうして支持率下がってんの? /20210204141615(8), ■ /20210204161133(7), ■モルカーを1ミリも知らないワイ、モルカーを語る /20210203210105(7), ■こういう冷蔵庫がもっと増えて欲しい /20210203233842(7), ■游ゴシックの話題の解説 /20210204012040(7), ■日光金谷ホテルにて酷い接客をされた話(緊急事態宣言下) /20210204001631(6), ■TVerでプリキュア最新話観たけど正しいじゃん /20210204104605(6), ■日本は理系の女子が少なすぎるよ。 /20210204111619(6), ■家が欲しい気持ちを抑えられない /20210204231053(6), ■あーあー 私も「男が出てる会議はとにかく時間が長い。わきまえてない」って言いたい /20210204153352(6), ■今世代でプレステの終わりが見れそう /20210203160353(6), ■森元さんのいいところ /20210204170458(6), ■anond:20210204113118 /20210204194909(6)
勝手に更に補足。
書体には同じデザイン「ファミリ」という概念(この場合の「游ゴシック体」)があって、同じファミリの中で太さ違いや斜体などのバリエーションがある。
で、コンピュータフォントもそういう設計にしているのだけど、Windowsの多くのソフトは同じファミリの中から「標準」「太字」「斜体」「太字斜体」の4つしか選べない(大昔から引きずっている仕様)。
よって、それ以上のバリエーションを作りたい場合は、ファミリ名自体を「游ゴシック体 Light」「游ゴシック体 Regular」「游ゴシック体 Medium」みたいにして使えるようにするしかない。
のだけど、それだと不便(本来使えるはずの太字ボタンとかの意味が無くなる)なので、一番普通な標準と太字のペアであるRegularとBold(同語反復的だけど)を特別に「「游ゴシック体」というファミリにして、そこだけは太字ボタンで切り替えられるようにしてある。
游ゴシックRegularが普段使いには細いというのは同感だけれど、印刷の本文を組む前提の太さ表記(本来游ゴシックは印刷向け)なので仕方ないかなと思う。
(でもパワポでいつもMediumとBoldの組を使ってるのでほんとめんどい……)
なお、同じフォントファミリでも、多ウェイトが扱えるソフト(Adobe製品とか)では全ての太さが一つのファミリとして見えたりする(小塚フォントとか。游ゴシックもたぶんそうだけど確かめていない)。
「フォントの関係性はそんなのだったの!?」リアルに9割の人が気づいていない「游ゴシック」の話
https://togetter.com/li/1662198
のブクマ
https://b.hatena.ne.jp/entry/s/togetter.com/li/1662198
わかりづらいとかキョトーンな人が散見されたので、蛇足とは思うけど解説をこころみる。
正直なところ説明として元ツイがいちばんシンプルだと私は思うので、この解説は元ツイが言ってることを別の言い回しで回りくどく言い換えるだけになる。つまり逆にわかりにくいかもしれない。
なお私は発端のツイートのひとではない。善意のいちハテナーである。
さらに言えば私は組版の専門家でもない。仕事で多少フォントを扱う機会がある程度の素人+毛である。
まず、コンピューターの画面に映し出される「太字」には2種類ある。
ひとつは、最初から太字としてデザインされた書体。いわばネイティブ太字。
フォントの名前のお尻にBold とかBlackとか、BとかEBとかDBとかくっついてるのがそれ。
ここではこれを便宜的に「真Bold」と呼ぶ。
もうひとつは、もともと太字ではないフォントをワードやパワポが表示上の工夫で太く見せているだけの太字。
同じ字を少しずらして重ねたり、輪郭を太らせたりして、その場で機械的に修飾して太く見せている。
これが元ツイの言う「偽Bold」。
真Boldと偽Boldを比較すると、これはもう圧倒的に真Boldのほうが美しい。
真Boldは人間がバランス良く調整してデザインしているので、議とか鬱みたいに字画が混み合う字でも線が重なったり窓がつぶれたりしない。
同じ名前でウエイト(=太さ)の異なる書体を比べてみると、パッと見は太さが違うだけのようだけれど、よく見ると実は線の通り道が少しずつ変えてあって、太さが違っても同じスペースの中にぴっちり収まっている。スペースが同じなのだから、線が太くなればなるほど、線の「芯」は全体として少し内側を通らなければいけない、という理屈はわかってもらえると思う。
https://k-tai.watch.impress.co.jp/img/ktw/list/1227/592/000.jpg
いっぽう偽Boldは、もともと第三者の手で機械的に太らされることを考慮していないので、強引に太らせると線が重なったり窓が埋まったりして潰れる。つまり見栄えが悪い。
偽Boldを使わないこと、これに尽きる。
元ツイは游ゴシックで偽Boldが使われてしまう条件を例示している。
「游ゴシック Light」と「游ゴシック Medium」、このふたつは文字列を選択して Ctrl+B などで太字化すると偽Boldになる。
無印の「游ゴシック」(実体は游ゴシック Regular)は、 Ctrl+B などで太字化するとそこだけ「游ゴシック Bold」(つまり真Bold)に切り替わる。太字のところだけ違う書体が使われるのである。
ワードやパワポで真Boldと対になっている普通の太さの字は無印游ゴシック(=游ゴシック Regular)なのだけれど、この書体、本文(太くない普通の字)として使うにはいささかウエイトが軽すぎて読みにくいのである。Webページで使うとカスレたりして嫌われている。
元ツイの言うように「游ゴシック Medium」と「游ゴシック Bold」の組み合わせがもっとも体裁がいい。と思う。
ワードやパワポは書式の定義で見出しに「游ゴシック Bold」、本文に「游ゴシック Medium」を指定しておくことができる。
でも、たとえばこのように文中に太字強調を混ぜたい時がめんどくさい。Mediumを Ctrl + B で太字にすると偽Boldになってしまうからだ。太字にしたいところだけいちいち「游ゴシック Bold」を選んだり、無印游ゴシックを選んで Ctrl + B する必要がある。どうにかならんもんか。
游ゴシック Bold は、90%の平体をかけると俺たち昭和のおっさんが慣れ親しんだ写研の石井太ゴシックそっくりになる。
同人誌の表紙などで昭和テイストを出したい時に試してみるといいよ。字詰めは広め、カタカナの字詰めは一文字ずつしっかり整えると石井感が出ます。
あとごめん、これ読んだ人は誰かこの増田のURLを上のブクマに貼ってください。俺が貼るとanonymousじゃなくなってしまう
パワポに長々した文章を書くことはあまりないと思うけど、それでも2~3行以上の文を載せる時は「行間隔」にちょっとこだわるだけで飛躍的に見栄えが良くなります。
ツールバーで選べる行間隔には「1.0」、「1.5」、「2.0」、「2.5」…と誰が使うんだバカというようなプリセット値が並んでいるけれどこいつらは無視して、「行間隔のオプション」から「1.25」や「1.33」といった日本語を割り付けるのにイイ感じの固定値を入力しましょう。
※追記。すみません。ここがそんなに注目されると思ってなくて雑に書きましたが、1.25とか1.33とかは、私が行間隔を設定するときによく使う数字の例で、特に根拠はありません(それぞれ1/4行、1/3行)。
同じ1.25でもフォントによって空き具合の印象が異なるので(フォントの背の高さは様々だから)、一概に「和文フォントならズバリこの数値がよい」というのは決められないのです。文章量やレイアウトにもよりますし。
要は、具合を見ながら行間隔を任意に手入力することもできるよ、というアドバイスです。
Windowsのフォントがクソ(日本語フォント編) │ ├┬ 標準搭載のフォントがクソ ││ │├┬ MS(P│UI)ゴシックがクソ │││ ││├── 埋め込みビットマップのせいで文字がガタガタ (アンチエイリアシング派) │││ ││├── ひらがなカタカナの横幅を縮めただけの妥協の産物 (MS UIゴシック否定派) │││ ││└── アウトラインも醜悪 (MSゴシック全否定派) ││ │├┬ メイリオがクソ │││ ││├── ヒンティングのせいで字体とバランスが崩れている (ヒンティング否定派) │││ ││├── 標準の行間がありすぎて扱いにくい (間延び行間否定派) │││ ││└── 字体が幼稚に見える (メイリオ全否定派) ││ │├┬ Meiryo UIがクソ │││ ││├── ヒンティングのせいで字体が崩れている (ヒンティング否定派) │││ ││└── かなとアルファベットの横幅を縮めただけの妥協の産物 (Meiryo UI全否定派) ││ │└┬ Yu Gothic UIがクソ │ │ │ ├── (初期Windows10で顕著)ヒンティング手抜きでバランス総崩れ (ヒンティング否定派) │ │ │ ├── 游ゴシックから横幅を縮めただけの妥協の産物? (Yu Gothic UI全否定派) │ │ │ └── Meiryo UIの方がまだ読みやすい (Yu Gothic UI否定・Meiryo UI消極的肯定派) │ ├┬ フォントレンダリングがクソ ││ │├┬ GDIとClearType │││ ││├── 埋め込みビットマップを優先するのがクソ (アンチエイリアシング派) │││ ││├── 縦方向のアンチエイリアシングがなく斜め線がガタガタ (アンチエイリアシング派) │││ ││├── 偽色出すぎ (ClearType否定派) │││ ││├── ヒンティングを無効化できない (ヒンティング否定派) │││ ││├── フォントサイズがおかしい。特に、ポイントが1.5の整数倍でない場合に顕著 (サイズ厳格派) │││ ││├── OpenTypeフォントのスムージングが薄すぎる (調整力不足派) │││ ││└── ClearTypeチューナー使っても線幅細すぎ、ガタガタすぎる (GDI,ClearType全否定派) ││ │└┬ DirectWrite │ │ │ ├── 基本的にヒンティングを無効化できない (ヒンティング否定派) │ │ │ ├── 調整できるはずなのに調整機能を用意していないアプリがある (調整力不足派) │ │ │ ├── OSの共通設定が存在しない (調整力不足派) │ │ │ └── 調整してもMacTypeに勝てない (MacType教) ......
いやそれはちょっと違う。
日本語Windowsで見た時は游ゴシックが表示に使われるが、Windowsがほっそい游ゴシックをキレイに表示できるレンダリング性能を持ってないせい。
4Kモニタとかなら気にならんだろうが、FHDとかのモニタ使ってるならMacTypeを入れると大分マシになる。
というか多少検索能力に自信のあるWindows使いならみんなMacType使え。
blogとかのスクショでギッザギザのメイリオとか見ると無様すぎて泣けてくるようになる。
MacTypeと、githubにあるbeta2パッチを導入し、
noMeiryoUIでシステムフォントを全部IPA Pゴシック(10pt以上)に変更し、
UEFIでセキュアブートを無効にした上でMacTypeをレジストリモードで運用するといい。
Chromeのショートカットには引数で--disable-directwrite-for-uiを入れ、
Chromeの設定でフォントカスタマイズからデフォルトフォントをIPA PゴないしP明に変え、
Stylusでスタイルシート弄ってメイリオやMSPゴなどをIPA系に置き換えてしまえ。ここで游ゴも置き換えてもいい。細すぎるし。
タスクバーやスタートパネル、UWPアプリなどにはMacTypeやフォント置換は効かないが、これでだいたいフォント描画への不満はなくなる。
ただあらゆるトラブルの元凶になる可能性があるアプリなんで何か起きた時は真っ先にオフにすること。メジャーアプデ時も事前にオフにすること。
「モニタのせい」とか言ってる知ったか野郎の戯言は信じなくてよろしい。
このページのフォントが細くて読みにくいのは「游ゴシック」という書体を使っていて、かつ、(たぶん)増田さんご覧の環境がWindowsだから、です。
http://mandel59.hateblo.jp/entry/2016/11/11/012654
游ゴシック細くて読みにくいよね問題は(本物の)Web屋の間では長く議論されているし、対応策も出揃っています。ご指摘のLIGが読みにくいのはその対応をサボッてるだけ(CSSを覗いてみたけど、工夫をしている形跡はありませんでした)。もしかするとLIGはみなさんMac環境なんじゃないですかね。
本家56.x、waterfox56.xでブックマークのみ字が滲んでイライラする件でusechrome.cssで
対応する対策を書いているサイトでよく上がっている「フォントをmeiryo uiにする」CSSをそのままでもよいが
游ゴシックを使いたい場合はYu Gothic UIを指定して、サイズを9から9.1にすると
殆サイズが変わらずに滲みが無くなった
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#bookmarksPanel, #history-panel {
font-size: 9.1pt !important;
font-family: "Yu Gothic UI" !important;
}
57.x以降は関係なし
----------------------------------------------------------------
追記